:root{color-scheme:dark;--bg:#0b1424;--panel:#122038;--line:#2d405b;--text:#f1f5fc;--muted:#aec0d6;--accent:#87f2c0;--gold:#ffe18d;--danger:#ff9cae;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.46}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{border:1px solid var(--line);border-radius:10px;min-height:44px;padding:10px 16px;background:#1a2b44;color:var(--text);font-size:.9375rem;font-weight:650}button:hover:enabled{filter:brightness(1.15)}[hidden]{display:none!important}.game-shell{width:min(1120px,100%);margin:auto;padding:24px 28px 32px}.topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:800;letter-spacing:-.04em}.back-link{color:var(--muted);font-size:.9375rem;padding:12px 0}.title-row{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:28px 0 22px}.eyebrow{font-size:.8125rem;color:var(--accent);font-weight:700;letter-spacing:.12em;margin:0 0 8px}h1{font-size:clamp(1.8rem,3vw,2.65rem);letter-spacing:-.05em;line-height:1.2;margin:0}h2{font-size:1.5rem;line-height:1.4;margin:0 0 12px}h3{font-size:1.1rem}.subtitle{margin:10px 0 0;color:var(--muted);line-height:1.6;font-size:1rem}.icon-button{flex-shrink:0}.setup{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-bottom:20px}.setup-grid{display:grid;grid-template-columns:1fr 1fr .8fr;gap:16px}label>span{display:block;color:var(--muted);font-size:.875rem;margin-bottom:8px}select{width:100%;min-height:46px;border-radius:8px;border:1px solid #3c5372;color:var(--text);background:#0c192b;padding:10px 12px;font-size:1rem;max-width:100%}.mode-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 12px}.mode{background:transparent;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px}.mode.active{background:#203d3b;border-color:var(--accent);color:var(--accent)}.mode-symbol{font-size:1.4rem}.setup-bottom{display:flex;gap:20px;justify-content:space-between;align-items:center}.setup-bottom p{font-size:.9375rem;line-height:1.6;color:var(--muted);margin:0;max-width:75%}.primary{border-color:var(--accent);background:var(--accent);color:#092726;min-width:115px}.content-status{color:var(--accent);font-size:.875rem;line-height:1.6;margin:12px 0 0}.content-status.error{color:var(--danger)}.profile-status{font-size:.8125rem;color:var(--muted);line-height:1.5;margin:6px 0 0}.help{background:#182840;border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:20px}.help ol{padding-inline-start:24px;margin-bottom:0;color:var(--muted);line-height:1.8}.battle{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#0e1c30}.hud{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;padding:18px 22px;border-bottom:1px solid var(--line);background:#14233b}.hud div{display:flex;gap:6px;flex-direction:column}.hud span{font-size:.8125rem;color:var(--muted)}.hud strong{font-variant-numeric:tabular-nums;font-size:1.4rem}.hud #combo{color:var(--gold)}.hud #lives{color:var(--accent);font-size:1.25rem;white-space:nowrap}.arena{height:370px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 115%,#22453f 0%,#152741 42%,#0c162a 100%)}.arena-grid{position:absolute;inset:0;opacity:.1;background-image:linear-gradient(#709bc7 1px,transparent 1px),linear-gradient(90deg,#709bc7 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(transparent,#000)}.lane-marker{position:absolute;top:0;bottom:45px;border-inline-start:1px dashed #44647f;opacity:.25}.lane-one{left:33.33%}.lane-two{left:66.66%}.defense-line{position:absolute;bottom:48px;left:0;right:0;height:2px;background:var(--accent);box-shadow:0 0 16px #7fffc0}.guardian{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);font-size:1.65rem;color:var(--accent);width:56px;text-align:center;line-height:40px;z-index:2}#enemies{position:absolute;inset:0;direction:ltr}.enemy{position:absolute;top:0;width:clamp(120px,23%,220px);min-height:64px;padding:9px 10px;background:#1c2d47;border:1px solid #7385a4;border-radius:10px;box-shadow:0 10px 22px #0005;transform:translate(-50%,0);transition:border-color .1s;text-align:center;will-change:top;font-weight:500;line-height:1.3}.enemy.selected{border:2px solid var(--gold);background:#2c3547;box-shadow:0 0 14px #ffe18d25,0 10px 22px #0005}.enemy.boss{background:#3c2942;border-color:#dca8ed;width:clamp(160px,32%,290px)}.enemy-word{font-size:1.05rem;color:#fff;overflow-wrap:anywhere;display:block;unicode-bidi:plaintext}.enemy-meaning{color:#bed0e4;font-size:.8125rem;display:block;margin-top:5px;overflow-wrap:anywhere;unicode-bidi:plaintext}.enemy mark{background:none;color:var(--accent);text-shadow:0 0 12px #87f2c07a}.enemy-badge{font-size:.75rem;color:#ecb9fb;display:block;margin-bottom:5px}.enemy.recall .enemy-word{color:var(--gold)}.arena-overlay,.pause-overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;text-align:center;background:#0b1726aa;backdrop-filter:blur(3px);padding:24px}.arena-overlay p{color:var(--muted);font-size:1rem;line-height:1.6;max-width:460px;margin:0}.overlay-symbol{display:block;font-size:3.5rem;color:var(--accent);line-height:1;margin-bottom:20px}.pause-overlay{flex-direction:column}.composition-indicator{position:absolute;z-index:6;top:14px;left:50%;transform:translateX(-50%);background:#263a50;color:var(--gold);font-size:.875rem;border:1px solid var(--gold);padding:8px 14px;border-radius:8px;max-width:90%;text-align:center}.target-panel{padding:14px 22px 12px;min-height:103px;border-top:1px solid var(--line)}.target-caption{display:flex;align-items:center;gap:12px;min-height:28px;color:var(--muted);font-size:.8125rem}.target-caption>span{margin-inline-end:auto}.mini-button{min-height:28px;padding:3px 9px;font-size:.8125rem;border-radius:6px;background:transparent}.focus-word{font-size:1.3rem;line-height:1.45;overflow-wrap:anywhere;margin:5px 0 2px;font-weight:700}.focus-meaning{font-size:.9375rem;color:var(--muted);line-height:1.4;overflow-wrap:anywhere}.typing-form{display:flex;gap:10px;margin:0 22px;padding-bottom:14px}#typing-input{width:100%;min-width:0;min-height:55px;background:#07121e;color:white;border:2px solid #496885;border-radius:10px;padding:12px 16px;font-size:1.1rem;box-shadow:inset 0 0 8px #0004}#typing-input::placeholder{color:#99afc7}#typing-input:focus{border-color:var(--accent)}.battle-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 22px 12px}.battle-toolbar>div{display:flex;gap:8px}.battle-toolbar button{font-size:.8125rem;min-height:40px;padding:8px 12px}.burst-button{border-color:#9f8347;color:var(--gold);background:#302b26}.burst-button:enabled{box-shadow:0 0 14px #ffe18d25}.burst-button #energy{padding-inline-start:8px;font-variant-numeric:tabular-nums}.feedback{margin:0;padding:0 22px 14px;min-height:36px;font-size:.875rem;color:var(--accent);line-height:1.4}.feedback.error{color:var(--danger)}.results{padding:24px;border:1px solid var(--line);background:var(--panel);border-radius:16px;margin-top:20px}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.result-stats div{display:flex;flex-direction:column;gap:6px}.result-stats strong{font-size:1.75rem;color:var(--accent);font-variant-numeric:tabular-nums}.result-stats span{font-size:.875rem;color:var(--muted)}.review-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-bottom:1px solid var(--line);padding:11px 0;font-size:1rem;line-height:1.6;overflow-wrap:anywhere}.review-row span:last-child{color:var(--muted)}.result-actions{display:flex;gap:10px;margin-top:22px}footer{display:flex;justify-content:space-between;gap:20px;margin-top:18px;font-size:.8125rem;color:var(--muted);line-height:1.6}.effect{position:absolute;transform:translate(-50%,-50%);border:2px solid var(--accent);border-radius:50%;width:28px;height:28px;animation:hit .5s ease-out forwards}.effect.burst{width:80px;height:80px;border-color:var(--gold);animation:burst .6s ease-out forwards}.score-pop{position:absolute;color:var(--gold);font-weight:800;font-size:1.15rem;transform:translate(-50%,-50%);animation:score .75s ease-out forwards}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes hit{to{opacity:0;transform:translate(-50%,-50%) scale(3)}}@keyframes burst{to{opacity:0;transform:translate(-50%,-50%) scale(14)}}@keyframes score{to{opacity:0;translate:0 -40px}}@media(prefers-reduced-motion:reduce){.effect,.score-pop{animation-duration:.01s}.enemy{transition:none}}@media(max-width:650px){.game-shell{padding:14px 12px 24px}.topbar{padding-bottom:12px}.title-row{margin:20px 0 16px;align-items:flex-start;gap:12px}.title-row .eyebrow{display:none}.icon-button{padding:8px 10px;font-size:.8125rem}.subtitle{font-size:.9375rem;margin-top:8px}.setup{padding:14px;border-radius:12px}.setup-grid{grid-template-columns:1fr 1fr;gap:12px}.setup-grid label:last-child{grid-column:1/-1}label>span{font-size:.8125rem}.mode-options{gap:7px;margin-top:14px}.mode{flex-direction:column;gap:4px;min-height:72px;padding:8px 5px;font-size:.8125rem}.mode-symbol{font-size:1.25rem}.setup-bottom{flex-direction:column;align-items:stretch;gap:12px}.setup-bottom p{max-width:100%;font-size:.875rem}.setup-bottom .primary{width:100%}.hud{grid-template-columns:repeat(4,1fr);padding:12px;gap:8px}.hud strong{font-size:1.2rem}.hud span{font-size:.75rem}.hud #lives{font-size:.95rem}.best-stat{display:none!important}.arena{height:290px}.enemy{width:calc(33.33% - 8px);min-width:100px;min-height:65px;padding:7px 5px}.enemy-word{font-size:.9375rem}.enemy-meaning{font-size:.75rem}.enemy.boss{width:60%}.target-panel{padding:12px;min-height:100px}.focus-word{font-size:1.125rem}.target-caption{gap:6px}.typing-form{margin:0 12px;gap:7px;position:sticky;bottom:0;z-index:8;background:#0e1c30;padding-top:4px;padding-bottom:12px}.typing-form .primary{min-width:68px;padding:10px}#typing-input{font-size:1rem;padding:10px;min-height:50px}.battle-toolbar{padding:0 12px 12px;flex-wrap:wrap;gap:10px}.battle-toolbar>div{flex:1;justify-content:flex-end}.battle-toolbar button{font-size:.75rem;padding:8px}.feedback{padding:0 12px 12px}.results{padding:18px 14px}.result-stats{gap:8px}.result-stats strong{font-size:1.4rem}.result-stats span{font-size:.75rem}.review-row{gap:12px;font-size:.9375rem}.result-actions{flex-wrap:wrap}.result-actions button{flex:1}footer{flex-direction:column;gap:2px}.guardian{font-size:1.4rem}body.playing .title-row,body.playing #setup,body.playing .topbar,body.playing footer{display:none}body.playing .game-shell{padding-top:8px}body.playing .arena{height:clamp(160px,35dvh,300px)}body.playing .help{display:none}body.playing .target-panel{min-height:95px}body.playing .battle-toolbar{padding-bottom:8px}body.playing .feedback{font-size:.8125rem}}@media(max-height:550px) and (max-width:650px){body.playing .arena{height:125px}body.playing .target-panel{min-height:75px;padding:7px 12px}body.playing .target-caption>span{display:none}.hud{padding:7px 12px}body.playing .focus-meaning{font-size:.8125rem}.feedback{min-height:22px;padding-bottom:5px}}html[dir=rtl] .title-row,html[dir=rtl] .setup,html[dir=rtl] .target-panel,html[dir=rtl] .help,html[dir=rtl] .results{direction:rtl}
.difficulty-setting{display:flex;align-items:center;gap:12px;margin:14px 0;color:var(--muted);font-size:.875rem}.difficulty-setting select{width:auto;min-width:140px}.stationary .focus-word,.stationary .focus-meaning{display:none}.target-caption{flex-wrap:wrap}.typing-status{font-variant-numeric:tabular-nums}.typing-form input:read-only{opacity:.65}button,select{touch-action:manipulation}
@media(max-width:650px){.game-shell{padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right));padding-bottom:max(24px,env(safe-area-inset-bottom))}.mini-button{min-height:44px}.enemy{min-width:0}.enemy strong{font-size:.9375rem}.enemy span{font-size:.75rem}.typing-form{bottom:env(safe-area-inset-bottom)}}
.mode-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.typing-hud{grid-template-columns:1.25fr 1fr 1fr 1.15fr;align-items:center}.typing-hud .speed-stat strong{font-size:2.5rem;color:var(--accent);line-height:1.15}.typing-progress-track{height:4px;background:#25364b}#typing-progress{height:100%;background:var(--accent);width:0}.typing-status{margin:0;padding:9px 22px;color:var(--muted);font-size:.8125rem;min-height:34px}.game-stats{display:flex;flex-wrap:wrap;gap:12px 24px;padding:4px 22px 12px;color:var(--muted);font-size:.8125rem}.game-stats strong{color:var(--ink)}.metric-note{color:var(--muted);font-size:.8125rem;line-height:1.65;margin:14px 4px}.result-extra{color:var(--muted);font-size:.875rem}.stationary .arena{height:180px}.stationary .lane-marker,.stationary .defense-line,.stationary .guardian{display:none}.stationary .enemy{top:30px!important;width:min(85%,680px);max-width:85%;padding:22px;border-radius:12px}.stationary .enemy-word{font-size:1.75rem;line-height:1.45}.stationary .enemy-meaning{font-size:1rem;margin-top:8px}.stationary .target-panel{display:block}.stationary .typing-form{padding-top:14px}.stationary .arena-overlay{backdrop-filter:none}.stationary .overlay-symbol{font-size:2rem;margin-bottom:12px}.stationary .arena-overlay h2{font-size:1.25rem;margin:0 0 8px}
@media(max-width:650px){.mode-options{grid-template-columns:repeat(2,minmax(0,1fr))}.mode{flex-direction:row;min-height:50px;gap:7px}.typing-hud{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.typing-hud .speed-stat strong{font-size:1.9rem}.typing-hud strong{font-size:1.1rem}.typing-hud span{font-size:.7rem;overflow-wrap:anywhere}.typing-status{padding:8px 12px}.game-stats{padding-inline:12px;gap:10px}.stationary .arena,body.playing .stationary .arena{height:180px}.stationary .enemy{top:24px!important;padding:20px 12px}.stationary .enemy-word{font-size:1.5rem}.stationary .enemy-meaning{font-size:.9375rem}.result-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}.metric-note{font-size:.75rem}body.playing .metric-note{display:none}}

/* Fit the active practice to the screen above the on-screen keyboard. */
body.mobile-layout.playing .topbar,body.mobile-layout.playing .title-row,
body.mobile-layout.playing #setup,body.mobile-layout.playing .help,
body.mobile-layout.playing footer,body.mobile-layout.playing .metric-note{display:none}
body.mobile-layout.playing .game-shell{padding:8px max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
body.mobile-layout.playing .battle{display:flex;flex-direction:column;height:min(660px,calc(var(--practice-viewport-height,100dvh) - 16px - env(safe-area-inset-bottom)));min-height:min-content}
body.mobile-layout.playing .battle> :not(.arena){flex-shrink:0}
body.mobile-layout.playing .arena,body.mobile-layout.playing .stationary .arena{flex:1 1 auto;height:auto;min-height:120px}
body.mobile-layout.playing .stationary .arena{min-height:96px}
body.mobile-layout.playing .stationary #enemies{display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:12px}
body.mobile-layout.playing .stationary .enemy{position:relative;left:auto!important;top:auto!important;transform:none;flex-shrink:0;width:min(100%,680px);max-width:100%;margin:auto 0;padding:16px 12px}
body.mobile-layout.playing .stationary .enemy-word{font-size:1.5rem}
body.mobile-layout.playing .stationary .enemy-meaning{font-size:.9375rem}
body.mobile-layout.playing .typing-form{position:relative;bottom:auto;margin:0 12px;padding:8px 0;gap:7px}
body.mobile-layout.playing #typing-input{font-size:1rem;min-height:50px;padding:10px}
body.mobile-layout.playing .typing-form .primary{min-width:68px;padding:10px}
body.mobile-layout.playing .battle-toolbar{padding:0 12px 8px;gap:8px}
body.mobile-layout.playing .battle-toolbar button{min-height:44px}
body.mobile-layout.playing .mini-button{min-height:44px}
body.mobile-layout.playing .typing-hud{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:10px 12px}
body.mobile-layout.playing .typing-hud span{overflow-wrap:anywhere;font-size:.7rem}
body.mobile-layout.playing .typing-hud .speed-stat strong{font-size:1.9rem}
body.mobile-layout.playing .typing-hud strong{font-size:1.1rem}
body.mobile-layout.playing .feedback{padding:0 12px 8px;min-height:26px}
body.mobile-layout.compact-viewport.playing .typing-hud{padding:6px 12px}
body.mobile-layout.compact-viewport.playing .typing-hud div{gap:3px}
body.mobile-layout.compact-viewport.playing .typing-hud .speed-stat strong{font-size:1.65rem}
body.mobile-layout.compact-viewport.playing .typing-status{padding:5px 12px;min-height:26px}
body.mobile-layout.compact-viewport.playing .battle:not(.stationary) .typing-status{display:block;font-size:.7rem}
body.mobile-layout.compact-viewport.playing .battle:not(.stationary) .arena{min-height:96px}
body.mobile-layout.compact-viewport.playing .game-stats{padding:0 12px 6px;gap:8px}
body.mobile-layout.compact-viewport.playing .target-panel{padding:4px 12px;min-height:52px}
body.mobile-layout.compact-viewport.playing .target-caption{justify-content:flex-end}
body.mobile-layout.compact-viewport.playing .target-caption>span,
body.mobile-layout.compact-viewport.playing .focus-word,
body.mobile-layout.compact-viewport.playing .focus-meaning{display:none}
body.mobile-layout.compact-viewport.playing .battle-toolbar{display:flex;flex-wrap:nowrap;align-items:stretch}
body.mobile-layout.compact-viewport.playing .battle-toolbar>div{flex:1;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
body.mobile-layout.compact-viewport.playing .battle-toolbar button{min-width:0;padding:6px 4px;overflow-wrap:anywhere;font-size:.75rem}
body.mobile-layout.compact-viewport.playing .burst-button{flex:0 1 24%;font-size:.7rem}
body.mobile-layout.compact-viewport.playing .burst-button [data-t]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
body.mobile-layout.compact-viewport.playing .burst-button #energy{display:inline;padding:0}

/* Clear correction cues and touch-sized controls for the practice flow. */
#typing-input[aria-invalid="true"]{border-color:var(--danger);background:#351e30}
.input-error{margin:0;padding:0 24px;color:var(--danger);font-size:.8125rem;line-height:1.4}
.input-error:empty{display:none}
.result-actions{flex-wrap:wrap;gap:10px}
#result-heading:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
body.mobile-layout.playing .input-error{padding:0 12px 4px;font-size:.75rem}
body.mobile-layout.playing .battle-toolbar>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%}
body.mobile-layout.playing .battle-toolbar>div button{min-width:0;padding:6px 4px;overflow-wrap:anywhere;font-size:.75rem}
@media(max-width:540px){.result-actions{display:grid;grid-template-columns:1fr}.result-actions button{width:100%}}
body.mobile-layout.compact-viewport.playing .battle-toolbar>div{grid-template-columns:repeat(4,minmax(0,1fr))}
body.mobile-layout.compact-viewport.playing .stationary #enemies{padding:8px 12px}
body.mobile-layout.compact-viewport.playing .stationary .enemy{padding:10px 12px}
body.mobile-layout.compact-viewport.playing .stationary .enemy-word{font-size:1.25rem;line-height:1.35}
body.mobile-layout.playing .typing-hud span{word-break:keep-all;overflow-wrap:normal}
.enemy.phrase{width:min(82%,680px);max-width:82%}
body.mobile-layout.compact-viewport.playing .defense-line{bottom:24px}
body.mobile-layout.compact-viewport.playing .guardian{bottom:4px;font-size:1.25rem}
.stationary .target-panel{min-height:0;padding-block:8px}

/* PineLingo: white practice paper, evergreen actions, forest at the edges. */
:root{color-scheme:light;--bg:#f0f4f2;--panel:#fff;--line:#ccd7d1;--text:#182f27;--ink:#182f27;--muted:#4e6258;--accent:#176b49;--gold:#956211;--danger:#ae263e}
body{background:var(--bg)}.game-shell{max-width:1100px}.brand,.eyebrow{color:#176b49}.topbar{border-bottom-color:var(--line)}.title-row{margin-block:24px 20px}h1{color:var(--text)}
button{background:#fff;border-color:#74877d;color:#233e31;transition:background .15s,border-color .15s}button:hover:enabled{filter:none;background:#edf4ef;border-color:#176b49}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #956211;outline-offset:3px}
.primary{background:#176b49;color:#fff;border-color:#176b49;box-shadow:0 2px 0 #114e36}.primary:hover:enabled{background:#115236;border-color:#115236}
.setup,.help,.results{background:#fff;border-radius:16px}.setup{box-shadow:0 3px 16px #12352506}.setup-grid{grid-template-columns:1fr 1fr}.setup-grid label>span{font-weight:650;color:#334a3e}.setup-grid select,select{background:#fff;color:var(--text);border-color:#74877d;border-radius:9px}
.mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block:18px 12px}.mode{border:2px solid #74877d;color:#253f31;background:#fff;min-height:58px;font-size:1rem;border-radius:10px}.mode.active{color:#fff;border-color:#176b49;background:#176b49;box-shadow:none}.mode.active:hover:enabled{background:#115236}.mode.active::after{content:'✓';font-size:1rem;margin-inline-start:6px}.mode-symbol{color:inherit;font-weight:750}.setup-bottom p{max-width:100%;margin-top:4px;color:#3e5748}.content-status{color:#176b49}.content-status.error{color:var(--danger)}.profile-status:empty{display:none}
.battle{border-radius:16px;background:#fff;box-shadow:0 4px 22px #183d2908}.hud{background:#fff;border-bottom:0}.typing-hud{padding-block:18px}.typing-hud>div+div{border-inline-start:1px solid var(--line);padding-inline-start:20px}.typing-hud span{color:#42594b;font-weight:650}.typing-hud strong{font-size:1.65rem;color:var(--text)}.typing-hud .speed-stat strong{color:#176b49;font-size:1.95rem}.typing-progress-track{background:#dce6df}.typing-progress-track>div{background:#176b49}.typing-status{background:#fff;color:#42594b;padding-block:10px;border-bottom:1px solid var(--line)}
.arena,.stationary .arena{height:236px;background:#eaf2eb url('/typing-game/forest.svg') center bottom/cover no-repeat}.stationary #enemies{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto;direction:inherit}.stationary .enemy{position:relative;flex-shrink:0;top:auto!important;left:auto!important;transform:none;width:100%;max-width:100%;min-height:120px;padding:22px 26px;background:#fff;border:2px solid #74877d;border-radius:12px;box-shadow:0 4px 14px #24412e14;text-align:start;will-change:auto;font-weight:500}.stationary .enemy-word{font-size:1.75rem;line-height:1.55;color:#182f27;white-space:pre-wrap;overflow-wrap:anywhere}.stationary .enemy-meaning{font-size:1rem;line-height:1.5;color:#4e6258;margin-top:10px}.typed-correct{color:#176b49;background:#e4f1e9}.typed-wrong{color:#ae263e;background:#fff0f2;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.typing-current{border-bottom:3px solid #176b49}
.arena-overlay{background:transparent;backdrop-filter:none}.arena-overlay>div{display:flex;flex-direction:column;align-items:center;width:min(460px,100%);padding:20px 24px;border:1px solid #bccdc1;border-radius:14px;background:#fff;box-shadow:0 4px 18px #17352612}.arena-overlay h2{color:#182f27;font-size:1.3rem;margin:0 0 6px}.arena-overlay p{color:#42594b;font-size:.9375rem}.overlay-symbol{display:block;object-fit:contain;width:32px;height:36px;margin:0 0 8px}.arena-start{min-height:48px;min-width:180px;margin-top:14px;pointer-events:auto}.pause-overlay{background:#f4f8f4f5;backdrop-filter:blur(2px)}.composition-indicator{background:#fff8e8;color:#76500e;border-color:#a16b17}
.target-panel{background:#fff;border-top-color:var(--line)}.target-caption{flex-wrap:wrap;gap:8px;color:#42594b}.mini-button{background:#fff;border:1px solid #74877d;color:#334e3e;min-height:38px;padding:6px 10px}.mini-button[aria-pressed='true']{background:#e5f1e9;color:#155336;border-color:#478164}
#typing-input{background:#fff;color:#182f27;border:2px solid #74877d;box-shadow:none;border-radius:10px;font-size:1.2rem}#typing-input::placeholder{color:#52695c}#typing-input:focus{border-color:#176b49}#typing-input[aria-invalid='true']{background:#fff5f6;border-color:var(--danger)}.battle-toolbar{justify-content:flex-end}.feedback{color:#176b49}.feedback[data-level='bad'],.input-error{color:var(--danger)}.result-stats strong{color:#176b49}.review-row{background:#f4f7f5;border-color:#ccd7d1;color:var(--text)}.review-row span{color:var(--muted)}
@media(max-width:650px){.setup,.battle{border-radius:12px}.title-row h1{font-size:2rem}.setup-grid{grid-template-columns:1fr}.mode{font-size:.9375rem;padding:10px 8px;gap:8px}.mode-symbol{font-size:1.2rem}.mode.active::after{margin-inline-start:0}.typing-hud>div+div{padding-inline-start:10px}.typing-hud strong{font-size:1.35rem}.typing-hud .speed-stat strong{font-size:1.55rem}.arena-overlay>div{padding:16px}.stationary #enemies{padding:16px}.stationary .enemy{padding:18px;min-height:100px}.stationary .enemy-word{font-size:1.5rem}.stationary .enemy-meaning{font-size:.9375rem}.mini-button{min-height:44px}.target-caption>span{flex:1 1 100%}}
body.mobile-layout.playing .target-caption>span{display:none}body.mobile-layout.playing .typing-hud>div+div{padding-inline-start:8px}body.mobile-layout.playing .target-caption{justify-content:flex-end}body.mobile-layout.playing .stationary #enemies{align-items:safe center;padding:12px}body.mobile-layout.playing .stationary .enemy{min-height:0;padding:12px 14px}body.mobile-layout.playing .stationary .enemy-word{font-size:1.3rem;line-height:1.5}body.mobile-layout.playing .stationary .enemy-meaning{font-size:1.0625rem;line-height:1.4;margin-top:6px}body.mobile-layout.compact-viewport.playing .stationary .enemy-word{font-size:1.0625rem;line-height:1.5}body.mobile-layout.compact-viewport.playing .stationary #enemies{align-items:flex-start}
@media(prefers-reduced-motion:reduce){button{transition:none}}
.enemy-word>span{font-size:inherit;line-height:inherit}.typing-form{background:#fff}.target-panel{min-height:0}
.game-shell{max-width:1120px}.title-row .eyebrow{display:none}.title-row h1{font-size:2.125rem;line-height:1.3;letter-spacing:-.025em}.subtitle{color:#40594d;font-size:1rem}
.stationary .enemy-word{font-weight:700;letter-spacing:normal;word-break:normal;overflow-wrap:break-word;line-height:1.7;font-size:clamp(1.5rem,2.3vw,2rem)}
.stationary .enemy.long-prompt .enemy-word{font-size:1.3125rem;line-height:1.8}.stationary .enemy{max-width:800px}.stationary .enemy-meaning{font-weight:500}
.stationary .arena{height:auto;min-height:236px}.stationary #enemies{position:relative;min-height:236px}.stationary .arena-overlay>div{box-shadow:0 6px 24px #193d3110}
.enemy-word{unicode-bidi:plaintext}.enemy-meaning{unicode-bidi:plaintext}.typed-correct{background:transparent;color:#176b49}.typing-current{border-bottom-width:2px}
.typing-hud strong{font-variant-numeric:tabular-nums}.typing-form input{line-height:1.6;min-width:0;font-size:1.125rem}.input-error:empty,.feedback:empty{display:none}
.setup #level-help{font-size:.875rem}.setup-bottom p{font-size:.9375rem}.profile-status{font-size:.875rem;color:#51695e}.target-caption{gap:8px}.target-caption>span{margin-inline-end:auto}
@media(max-width:650px){.title-row{align-items:flex-start;gap:12px}.title-actions{justify-content:flex-end}.title-row h1{font-size:1.75rem}.title-row .subtitle{font-size:.9375rem}.typing-hud{gap:8px}.typing-hud strong{font-size:1.25rem}.typing-hud span{font-size:.75rem}.stationary .enemy.long-prompt .enemy-word{font-size:1.125rem}.stationary #enemies{min-height:200px}.stationary .arena{min-height:200px}.typing-form input{font-size:1rem}.setup{padding:18px}}

/* Readable meanings remain the same size when the mobile keyboard opens. */
.stationary .enemy-meaning { font-size:1.1875rem; line-height:1.65; font-weight:600; color:#29483d; margin-top:12px; }
.content-level-row { display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; margin:16px 0 10px; }
.content-level-row label { font-weight:700; color:var(--text); }
.content-level-row select { width:160px; }
#level-help { flex-basis:100%; margin:0; color:#405a4e; line-height:1.6; font-size:.9375rem; }
select.language-flag-select { background-repeat:no-repeat; background-position:16px center; background-size:24px 18px; padding-inline-start:52px; }
[dir="rtl"] select.language-flag-select { background-position:calc(100% - 16px) center; }
@media(max-width:650px) {
  .stationary .enemy-meaning, body.mobile-layout.playing .stationary .enemy-meaning { font-size:1.0625rem; line-height:1.55; font-weight:600; }
  .content-level-row select { flex:1; min-width:120px; }
}