.epic-title{background: linear-gradient(to right,#004AAD,#2563EB 50%,#D4AF37);-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-shadow: 0px 4px 15px rgba(0,74,173,0.2);font-style: italic}
.epic-title.title-grad,.epic-title.pt-grad{text-shadow: none}
.epic-title.title-grad{background: linear-gradient(90deg,#003A8C 0%,#2563EB 32%,#E0B83A 72%,#C9971C 100%);-webkit-background-clip: text;background-clip: text}
.epic-title.pt-grad{background: linear-gradient(to right,#006600,#C8102E 55%,#E8A900);-webkit-background-clip: text;background-clip: text}
#lang-stage{position: fixed;inset: 0;width: 100%;height: 100%;overflow: hidden;pointer-events: none;z-index: 0;background: radial-gradient(ellipse at 50% 0%,rgba(37,99,235,.20),transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(212,175,55,.22),transparent 62%),radial-gradient(circle at 15% 60%,rgba(0,74,173,.10),transparent 45%),radial-gradient(circle at 85% 45%,rgba(212,175,55,.12),transparent 45%)}
#lang-stage::before{content: '';position: absolute;inset: 0;opacity: .5;background-image: linear-gradient(45deg,rgba(0,74,173,.07) 25%,transparent 25%,transparent 75%,rgba(0,74,173,.07) 75%),linear-gradient(45deg,rgba(0,74,173,.07) 25%,transparent 25%,transparent 75%,rgba(0,74,173,.07) 75%);background-size: 56px 56px;background-position: 0 0,28px 28px;-webkit-mask-image: radial-gradient(ellipse at center,#000 30%,transparent 85%);mask-image: radial-gradient(ellipse at center,#000 30%,transparent 85%)}
#lang-stage::after{content: '\f0ac';font-family: 'Font Awesome 6 Free';font-weight: 900;position: absolute;right: -8%;bottom: -10%;font-size: 62vmin;line-height: 1;color: #004AAD;opacity: .05;animation: langSpin 140s linear infinite}
@keyframes langSpin{to{transform: rotate(360deg)}}
.lang-word{position: absolute;bottom: -40px;font-weight: 900;font-style: italic;letter-spacing: -.02em;white-space: nowrap;color: var(--azulejo-blue);opacity: 0;animation: langFloat var(--d) ease-in-out infinite;animation-delay: var(--dl)}
@keyframes langFloat{0%{transform: translateY(0) rotate(var(--r));opacity: 0}12%{opacity: var(--o)}88%{opacity: var(--o)}100%{transform: translateY(-112vh) rotate(var(--r));opacity: 0}}
@media (pointer: coarse){.report-btn,.play-timer,.sound-btn{translate: 0 calc(-1 * var(--kb,0px))}body{height: var(--vvh,100dvh) !important}#game-screen{overscroll-behavior: none}#answer-input{font-size: 18px}}
@media (pointer: coarse) and (max-height: 560px){#game-screen>header{padding: .2rem .6rem .1rem}#game-screen>header>div:first-child{margin-bottom: 0}#game-screen .hdr-logo{width: 1.7rem;height: 1.7rem}#player-vs{font-size: .95rem}#open-sidebar>div{padding: .15rem .4rem;gap: .1rem;flex-direction: row}#open-sidebar>div>span{font-size: 8px}#open-sidebar>div>i{font-size: .9rem}#arena-banner{padding: .25rem .5rem;margin-top: .2rem}#arena-kicker{font-size: 8px;letter-spacing: .2em}#arena-title{font-size: .95rem;margin: 0}#arena-sub{display: none}#arena-pips{margin-top: .15rem}#rank-card{display: grid !important;grid-template-columns: auto 1fr auto;align-items: center;column-gap: .5rem;row-gap: .15rem;padding: .25rem .6rem !important;margin-top: .2rem}#rank-card>span{font-size: 8px;margin: 0;grid-column: 1;grid-row: 1}#rank-card #rank-display{font-size: .95rem !important;line-height: 1.1;grid-column: 2;grid-row: 1;text-align: left;margin: 0}#rank-card>div:nth-of-type(2){grid-column: 1 / -1;grid-row: 2;margin: 0 !important;height: .35rem !important}#rank-card>div:nth-of-type(3){grid-column: 3;grid-row: 1;margin: 0 !important;padding: 0 !important;width: auto !important}#rank-text{font-size: 9px !important}#game-screen main{padding: 0 .75rem}#flashcard{padding: .5rem .7rem !important}#flashcard>div:first-child{margin-bottom: .3rem !important}#flashcard>div:first-child .diff-block-wrapper{height: .4rem}#flashcard>div:first-child>div:first-child{margin-bottom: .1rem}#flashcard>div:nth-child(2){margin-bottom: .35rem !important}#word-pt{font-size: 1.7rem !important;margin: 0 !important}.speak-btn{width: 1.9rem;height: 1.9rem}.speak-btn svg{width: 16px;height: 16px}#answer-input{padding: .35rem .6rem !important;border-radius: .6rem}#flashcard>div:nth-child(4){margin-top: .3rem !important}#flashcard>div:nth-child(4) button{font-size: 10px;letter-spacing: .08em}#feedback-message{height: 1.9rem !important;margin-top: .1rem !important;font-size: .95rem;flex: none}#game-screen>footer{height: 2.5rem !important;padding: 0 .75rem}#game-screen>footer span[class*="text-[9px]"]{font-size: 8px}#game-screen>footer .text-lg{font-size: .95rem;margin-top: 0}#game-screen>footer .h-8{height: 1.4rem}body .report-btn{width: 1.75rem;height: 1.75rem;left: .6rem;bottom: 2.65rem}body .report-btn svg{width: 14px;height: 14px}body .play-timer{left: 2.6rem;bottom: 2.7rem;font-size: 10px;padding: .1rem .4rem}body .sound-btn,html[data-depth="1"] body .sound-btn{width: 1.75rem;height: 1.75rem;right: .6rem;bottom: 2.65rem}body .sound-btn svg{width: 14px;height: 14px}}
.logo-float,.hdr-logo{overflow: visible;display: block;flex: none}
.logo-float{filter: drop-shadow(0 6px 14px rgba(0,74,173,.35));animation: logoFloat 5s ease-in-out infinite;margin-top: .25rem;margin-bottom: .6rem !important}
@keyframes logoFloat{0%,100%{transform: translateY(0)}50%{transform: translateY(-5px)}}
#legal-body .ph{background: #fef08a;color: #713f12;padding: 0 .25rem;border-radius: 3px;font-weight: 700}
.sound-btn{position: fixed;right: .75rem;bottom: 1rem;z-index: 70;width: 2.5rem;height: 2.5rem;border-radius: 999px;background: rgba(255,255,255,.92);border: 1px solid #e2e8f0;box-shadow: 0 4px 12px rgba(0,0,0,.12);color: #475569;display: flex;align-items: center;justify-content: center;cursor: pointer}
.sound-btn:hover{color: var(--azulejo-blue)}
html[data-depth="1"] .sound-btn{bottom: 4.75rem}
.dx-set-ov{position: fixed;inset: 0;z-index: 9500;background: rgba(8,15,40,.62);backdrop-filter: blur(3px);display: flex;align-items: center;justify-content: center;padding: .75rem}
.dx-set-ov[hidden]{display: none}
.dx-set-card{width: 100%;max-width: 26rem;max-height: calc(100dvh - 1.5rem);overflow-y: auto;background: #f8fafc;color: #0f172a;border-radius: 1.1rem;padding: .9rem 1rem 1rem;box-shadow: 0 24px 60px rgba(0,0,0,.4);border-top: 6px solid var(--azulejo-blue);font-family: 'Inter',sans-serif}
.dx-set-head{display: flex;align-items: center;justify-content: space-between;margin-bottom: .4rem}
.dx-set-head b{font-size: 1.1rem;font-weight: 900;color: var(--azulejo-blue);display: flex;gap: .5rem;align-items: center}
.dx-set-x{font-size: 1.8rem;line-height: 1;color: #94a3b8;padding: .1rem .5rem;border-radius: .5rem;cursor: pointer;background: none;border: 0}
.dx-set-x:hover{color: #ef4444}
.dx-set-card section{border-top: 1px solid #e2e8f0;padding: .7rem 0 .2rem;display: grid;gap: .55rem}
.dx-set-card h4{font-size: .68rem;font-weight: 900;letter-spacing: .1em;text-transform: uppercase;color: #64748b}
.dx-set-row{display: grid;grid-template-columns: 1fr auto;gap: .25rem .5rem;align-items: center;font-size: .86rem;font-weight: 700;color: #334155}
.dx-set-row span i{width: 1.2rem;color: var(--azulejo-blue);text-align: center}
.dx-set-row output{font-weight: 800;font-size: .78rem;color: #64748b;min-width: 2.5rem;text-align: right}
.dx-set-row input[type=range]{grid-column: 1 / -1;width: 100%;height: 1.6rem;-webkit-appearance: none;appearance: none;background: transparent;cursor: pointer;--p: 50%}
.dx-set-row input[type=range]::-webkit-slider-runnable-track{height: .45rem;border-radius: 999px;background: linear-gradient(to right,var(--azulejo-blue) var(--p),#cbd5e1 var(--p))}
.dx-set-row input[type=range]::-moz-range-track{height: .45rem;border-radius: 999px;background: #cbd5e1}
.dx-set-row input[type=range]::-moz-range-progress{height: .45rem;border-radius: 999px;background: var(--azulejo-blue)}
.dx-set-row input[type=range]::-webkit-slider-thumb{-webkit-appearance: none;width: 1.35rem;height: 1.35rem;border-radius: 50%;background: #fff;border: 3px solid var(--azulejo-blue);margin-top: -.45rem;box-shadow: 0 2px 6px rgba(0,0,0,.25)}
.dx-set-row input[type=range]::-moz-range-thumb{width: 1.1rem;height: 1.1rem;border-radius: 50%;background: #fff;border: 3px solid var(--azulejo-blue)}
.dx-set-row input[type=range]:disabled{opacity: .4;cursor: not-allowed}
.dx-set-sw{display: flex;gap: .6rem;align-items: flex-start;font-size: .86rem;font-weight: 700;color: #334155;cursor: pointer}
.dx-set-sw input{width: 1.15rem;height: 1.15rem;margin-top: .1rem;accent-color: var(--azulejo-blue);flex: none}
.dx-set-seg{display: grid;grid-template-columns: repeat(3,1fr);gap: .3rem;background: #e2e8f0;padding: .25rem;border-radius: .8rem}
.dx-set-seg button{cursor: pointer;border: 0;background: transparent;padding: .5rem .2rem;border-radius: .6rem;font-weight: 800;font-size: .75rem;color: #475569;display: flex;flex-direction: column;align-items: center;gap: .15rem}
.dx-set-seg button[aria-checked="true"]{background: #fff;color: var(--azulejo-blue);box-shadow: 0 1px 4px rgba(0,0,0,.18)}
.dx-set-hint{font-size: .72rem;color: #64748b;line-height: 1.35}
@media (pointer: coarse){.dx-set-ov{inset: auto;top: 0;left: 0;right: 0;height: var(--vvh,100dvh)}}
body .report-btn,body .sound-btn,html[data-depth="1"] body .sound-btn{width: 2.4rem;height: 2.4rem;bottom: .75rem}
body .sound-btn,html[data-depth="1"] body .sound-btn{right: .75rem}
@media (max-width: 380px){body .report-btn,body .sound-btn,html[data-depth="1"] body .sound-btn{width: 1.75rem;height: 1.75rem;bottom: .4rem}body .report-btn{left: .6rem}body .sound-btn,html[data-depth="1"] body .sound-btn{right: .6rem}body .play-timer{left: 2.6rem;bottom: .55rem}#game-screen>footer{padding-left: 2.6rem !important;padding-right: 2.6rem !important}}
html[data-theme="dark"] #lang-stage::after{color:#5b9bff}
html[data-theme="dark"] .sound-btn{background:rgba(18,27,50,.92);border:1px solid #2a3856;color:#b4c0d6}
html[data-theme="dark"] .dx-set-card{background:#0f1830;color:#f1f5f9}
html[data-theme="dark"] .dx-set-x{color:#8a9ab5}
html[data-theme="dark"] .dx-set-card section{border-top:1px solid #2a3856}
html[data-theme="dark"] .dx-set-card h4{color:#9aa8c2}
html[data-theme="dark"] .dx-set-row{color:#cbd5e1}
html[data-theme="dark"] .dx-set-row output{color:#9aa8c2}
html[data-theme="dark"] .dx-set-row input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--azulejo-blue) var(--p),#33415f var(--p))}
html[data-theme="dark"] .dx-set-row input[type=range]::-moz-range-track{background:#33415f}
html[data-theme="dark"] .dx-set-row input[type=range]::-webkit-slider-thumb{background:#121b32}
html[data-theme="dark"] .dx-set-row input[type=range]::-moz-range-thumb{background:#121b32}
html[data-theme="dark"] .dx-set-sw{color:#cbd5e1}
html[data-theme="dark"] .dx-set-seg{background:#243153}
html[data-theme="dark"] .dx-set-seg button{color:#b4c0d6}
html[data-theme="dark"] .dx-set-seg button[aria-checked="true"]{background:#121b32}
html[data-theme="dark"] .dx-set-hint{color:#9aa8c2}
html[data-theme="dark"] .epic-title{background: linear-gradient(to right,#5b9bff,#7cb0ff,#e5c35a);-webkit-background-clip: text;background-clip: text}
html[data-theme="dark"] .epic-title.title-grad{background: linear-gradient(90deg,#5B9BFF 0%,#8FB8FF 32%,#F2CF5B 72%,#E3B341 100%);-webkit-background-clip: text;background-clip: text}
html[data-theme="dark"] .epic-title.pt-grad{background: linear-gradient(90deg,#2FBF71 0%,#FF5A66 55%,#FFC83D 100%);-webkit-background-clip: text;background-clip: text}
html[data-theme="dark"] .sound-btn,html[data-theme="dark"] .report-btn,html[data-theme="dark"] .play-timer,html[data-theme="dark"] .dev-foot{background: rgba(18,27,50,.92);border-color: #2a3856;color: #9aa8c2}
html[data-theme="dark"] .dx-ov,html[data-theme="dark"] .dx-set-ov{background: rgba(2,6,18,.75)}
html[data-theme="dark"] .dx-set-card{background: #0f1830;color: #e2e8f0}
html[data-theme="dark"] .dx-set-card section{border-color: #2a3856}
html[data-theme="dark"] .dx-set-card h4,html[data-theme="dark"] .dx-set-hint,html[data-theme="dark"] .dx-set-row output{color: #9aa8c2}
html[data-theme="dark"] .dx-set-row,html[data-theme="dark"] .dx-set-sw{color: #cbd5e1}
html[data-theme="dark"] .dx-set-seg{background: #1b2744}
html[data-theme="dark"] .dx-set-seg button{color: #b4c0d6}
html[data-theme="dark"] .dx-set-seg button[aria-checked="true"]{background: #2a3d68;color: #fff}
html[data-theme="dark"] .dx-set-row input[type=range]::-webkit-slider-runnable-track{background: linear-gradient(to right,var(--azulejo-blue) var(--p),#33415f var(--p))}
html[data-theme="dark"] .dx-set-row input[type=range]::-webkit-slider-thumb{background: #0f1830}
html[data-theme="dark"] .dx-set-row input[type=range]::-moz-range-track{background: #33415f}
html[data-theme="dark"] .dx-set-row input[type=range]::-moz-range-thumb{background: #0f1830}
html[data-theme="dark"] #lang-stage{background: radial-gradient(ellipse at 50% 0%,rgba(91,155,255,.22),transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(229,195,90,.16),transparent 62%),radial-gradient(circle at 15% 60%,rgba(91,155,255,.12),transparent 45%),radial-gradient(circle at 85% 45%,rgba(229,195,90,.09),transparent 45%)}
html[data-theme="dark"] #lang-stage::before{opacity: .7;background-image: linear-gradient(45deg,rgba(140,180,255,.07) 25%,transparent 25%,transparent 75%,rgba(140,180,255,.07) 75%),linear-gradient(45deg,rgba(140,180,255,.07) 25%,transparent 25%,transparent 75%,rgba(140,180,255,.07) 75%)}
html[data-theme="dark"] #lang-stage::after{color: #8fb8ff;opacity: .07}
html[data-theme="dark"] .lang-word{filter: brightness(2.3) saturate(.85)}
html[data-theme="dark"] .logo-float{filter: drop-shadow(0 0 14px rgba(91,155,255,.55))}
:root{--azulejo-blue:#004AAD}
.sound-btn{position:fixed!important;right:.75rem!important;bottom:1rem!important}
html[data-theme=dark] .sound-btn{background:#141d33;border-color:#2a3856;color:#cbd5e1}
header.top a.brand{display:flex;align-items:center;gap:.55rem}
header.top a.brand .logo-float{margin:0!important;width:2.3rem;height:2.3rem}
header.top a.brand .epic-title{display:inline-block;font-size:1.15rem;font-weight:900;letter-spacing:-.01em;line-height:1.25;padding:.05em .2em .12em .06em}
footer.bot p a{color:var(--mut)}
header.top a.brand,header.top nav a{white-space:nowrap}
@media(max-width:480px){header.top div{padding:.6rem .7rem;gap:.5rem}header.top a.brand .epic-title{font-size:.95rem}header.top a.brand .logo-float{width:1.9rem;height:1.9rem}header.top nav{gap:.6rem;font-size:.75rem}}
#lang-stage{z-index:0}header.top,main,footer.bot{position:relative;z-index:1}
header.top{background:color-mix(in srgb,var(--card) 90%,transparent);backdrop-filter:blur(8px)}
.lnk{background:none;border:0;padding:0;font:inherit;color:var(--mut);text-decoration:underline;cursor:pointer}
#legal-modal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.6);display:none;flex-direction:column;justify-content:center;align-items:center;padding:0 1rem}
#legal-modal.flex{display:flex}#legal-modal.hidden{display:none}
#legal-modal .lp{background:var(--card);color:var(--ink);border-radius:1rem;padding:1.1rem 1.2rem;width:100%;max-width:32rem;max-height:90dvh;display:flex;flex-direction:column;border-top:6px solid var(--blue);box-shadow:0 20px 50px rgba(0,0,0,.3)}
#legal-modal .lh{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}
#legal-title{font-size:1.15rem;font-weight:900;color:var(--blue);margin:0}
#legal-x{background:none;border:0;font-size:1.9rem;line-height:1;color:var(--mut);cursor:pointer}
#legal-body{overflow-y:auto;flex:1;font-size:.9rem}#legal-body h3{font-size:1rem;margin:1rem 0 .2rem;color:var(--blue)}#legal-body p,#legal-body li{margin:.3rem 0}
#legal-close{margin-top:1rem;width:100%;background:var(--blue);color:#fff;border:0;border-radius:.8rem;padding:.7rem;font-weight:800;cursor:pointer}
html[data-theme=dark] #legal-close{color:#0f172a}

.nf{margin:1rem 0 .4rem;display:grid;gap:.6rem}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.nf-s input{width:100%;box-sizing:border-box;font:inherit;padding:.7rem .9rem;border:2px solid var(--line);border-radius:.8rem;background:var(--card);color:inherit}
.nf-s input:focus{outline:none;border-color:var(--blue)}
.nf-row{display:flex;flex-wrap:wrap;gap:.6rem .9rem;align-items:end}.nf-row label{display:grid;gap:.15rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--mut)}
.nf-row select{font:inherit;font-size:.9rem;font-weight:600;text-transform:none;letter-spacing:0;padding:.45rem .6rem;border:2px solid var(--line);border-radius:.6rem;background:var(--card);color:inherit}
#nf-clear{font:inherit;font-weight:800;font-size:.85rem;border:0;background:none;color:var(--blue);cursor:pointer;text-decoration:underline;padding:.45rem .2rem}
.nf-n{margin:0;font-size:.85rem;color:var(--mut)}.nf-0{padding:1rem;border:1px dashed var(--line);border-radius:1rem;text-align:center}
.item mark{background:#fde68a;color:inherit;border-radius:.2rem;padding:0 .1rem}