:root{--bg: #0f1226;--bg-2: #171a36;--surface: #20254a;--surface-2: #2a3060;--border: #383f73;--text: #eef0ff;--text-dim: #a7adda;--primary: #6c8cff;--accent: #ffd166;--success: #4ade80;--danger: #f87171;--gender-m: #5aa9ff;--gender-f: #ff7a9c;--gender-n: #5fd0a6;--gender-pl: #c89bff;--app-max: 480px;--radius: 16px;--gap: clamp(.6rem, 2.5vw, 1rem);--font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0}html,body{height:100%}body{background:radial-gradient(120% 80% at 50% -10%,var(--bg-2) 0%,var(--bg) 60%) fixed;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{min-height:100dvh;display:flex;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.screen{width:100%;max-width:var(--app-max);min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap);padding:1.25rem;text-align:center}.logo{font-size:clamp(2.75rem,12vw,4rem);font-weight:800;letter-spacing:-.02em}.logo-accent{color:var(--accent)}.tagline{color:var(--text-dim);font-size:clamp(1rem,4vw,1.2rem)}.scaffold-note{margin-top:1.5rem;color:var(--text-dim);font-size:.85rem;opacity:.7}.screen.game{justify-content:flex-start;gap:clamp(1rem,4vh,2rem);padding-top:clamp(.6rem,2.5vh,1rem)}.round{width:100%;display:flex;flex-direction:column;gap:clamp(1.25rem,5vh,2.5rem);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.prompt-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(1.1rem,5vw,1.75rem);display:flex;flex-direction:column;align-items:center;gap:.9rem;box-shadow:0 10px 30px #00000040}.prompt-header{display:flex;justify-content:center}.cue-chip{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bg);background:var(--accent);padding:.25rem .7rem;border-radius:999px}.prompt-line{font-size:clamp(1.5rem,7vw,2.1rem);font-weight:600;line-height:1.35;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.4em}.tok.trigger{color:var(--accent);font-weight:700}.tok.article{color:var(--text-dim)}.adj-slot{display:inline-flex;align-items:baseline}.adj-stem{color:var(--text)}.adj-blank{display:inline-block;width:1.6em;border-bottom:3px dashed var(--primary);margin-left:.05em;height:.1em;transform:translateY(-.15em)}.adj-slot.revealed .hl,.opt-hl,.hl{color:var(--accent);font-weight:800}.noun.g-m{color:var(--gender-m)}.noun.g-f{color:var(--gender-f)}.noun.g-n{color:var(--gender-n)}.noun.g-pl{color:var(--gender-pl)}.g-tag{font-size:.45em;font-weight:700;vertical-align:super;opacity:.8;margin-left:.1em}.rule-tag{margin-top:.2rem;font-size:.85rem;font-weight:600;color:var(--text-dim);background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:.35rem .7rem;animation:pop .18s ease-out}.inspect-hint{margin-top:.1rem;font-size:.8rem;font-weight:600;color:var(--text-dim);opacity:.75;text-align:center}.inspect-hint .when-held,.round.inspecting .inspect-hint .when-idle{display:none}.round.inspecting .inspect-hint .when-held{display:inline;color:var(--accent);opacity:1}@media(pointer:coarse){.inspect-hint .kbd-only{display:none}}.round.inspecting .prompt-card{border-color:var(--accent)}.options{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(.6rem,2.5vw,.9rem)}.option:nth-child(5){grid-column:1 / -1}.option{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:14px;padding:clamp(.85rem,3.5vw,1.15rem);font-family:inherit;font-size:clamp(1.25rem,6vw,1.6rem);font-weight:600;cursor:pointer;transition:transform .08s ease,background .12s ease,border-color .12s ease;min-height:56px}.option:hover:not(:disabled){border-color:var(--primary)}.option:active:not(:disabled){transform:scale(.97)}.option:disabled{cursor:default}.option.correct{background:color-mix(in srgb,var(--success) 28%,var(--surface-2));border-color:var(--success)}.option.wrong{background:color-mix(in srgb,var(--danger) 30%,var(--surface-2));border-color:var(--danger);animation:shake .3s ease}.key-hint{position:absolute;top:6px;right:9px;font-size:.7rem;font-weight:700;color:var(--text-dim);opacity:.6}@media(pointer:coarse){.key-hint{display:none}}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.ref-btn,.mute-btn,.restart-btn{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;transition:color .12s ease,border-color .12s ease,transform .08s ease}.ref-btn:hover,.mute-btn:hover,.restart-btn:hover{color:var(--text);border-color:var(--primary)}.ref-btn:active,.mute-btn:active,.restart-btn:active{transform:scale(.94)}.mute-btn{font-size:1.05rem}.ref-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#080a18b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:1rem}.ref-overlay[hidden]{display:none}.ref-panel{width:100%;max-width:560px;max-height:88dvh;overflow-y:auto;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(1rem,4vw,1.5rem);box-shadow:0 20px 60px #00000080}.ref-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;background:var(--bg-2);padding-bottom:.5rem}.ref-title{font-size:1.15rem}.ref-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-dim);font-size:1.2rem;cursor:pointer;width:32px;height:32px;border-radius:8px}.ref-close:hover{color:var(--text);background:var(--surface)}.ref-tables{display:flex;flex-direction:column;gap:1.1rem;margin-top:.5rem}.ref-table-title{display:flex;flex-direction:column;margin-bottom:.35rem}.ref-table-name{font-weight:700;font-size:.95rem}.ref-table-sub{font-size:.78rem;color:var(--text-dim)}.ref-table{width:100%;border-collapse:collapse;font-size:clamp(.8rem,3.4vw,.95rem)}.ref-table th,.ref-table td{border:1px solid var(--border);padding:.4rem .2rem;text-align:center}.ref-table thead th{background:var(--surface);font-weight:700}.ref-table .corner{background:transparent;border:none}.ref-table .rh{background:var(--surface);font-weight:700;color:var(--text-dim)}.ref-table .g-m{color:var(--gender-m)}.ref-table .g-f{color:var(--gender-f)}.ref-table .g-n{color:var(--gender-n)}.ref-table .g-pl{color:var(--gender-pl)}.ref-note{margin-top:1rem;text-align:center;color:var(--text-dim);font-size:.82rem}.hud{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.1rem}.hud-left,.hud-right{display:flex;align-items:center;gap:.7rem}.hud-lives{display:flex;gap:3px;font-size:1.15rem;line-height:1}.heart{color:var(--danger)}.heart.off{color:var(--text-dim);opacity:.4}.hud-tier{font-size:.82rem;font-weight:700;color:var(--text-dim);letter-spacing:.03em}.hud-combo{font-size:.95rem;font-weight:800;color:var(--accent);min-width:3ch;text-align:right}.hud-score{font-size:1.25rem;font-weight:800;font-variant-numeric:tabular-nums}.threat{position:relative;height:42px;border-radius:999px;background:var(--bg-2);border:1px solid var(--border);overflow:hidden}.threat-danger{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--danger) 55%,transparent));animation:threat-advance var(--dur, 4s) linear forwards;animation-play-state:paused}.threat.running .threat-danger{animation-play-state:running}.threat-marcher{position:absolute;top:50%;left:7%;transform:translate(-50%,-50%);font-size:24px;animation:threat-march var(--dur, 4s) linear forwards;animation-play-state:paused;will-change:left}.threat.running .threat-marcher{animation-play-state:running}.threat.struck .threat-marcher{animation:none;left:calc(100% - 26px)}.threat-base{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:24px}@keyframes threat-advance{0%{width:0}to{width:100%}}@keyframes threat-march{0%{left:7%}to{left:calc(100% - 26px)}}.over-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#080a18c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:pop .2s ease-out}.over-panel{width:100%;max-width:380px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;text-align:center;box-shadow:0 20px 60px #00000080}.over-title{font-size:1.8rem}.over-sub{color:var(--text-dim);margin-top:.25rem}.over-newbest{color:var(--accent);font-weight:700;margin-top:.25rem}.over-stats{margin:1.25rem 0;display:flex;flex-direction:column;gap:.5rem}.over-row{display:flex;justify-content:space-between;padding:.45rem .7rem;background:var(--surface);border-radius:8px}.over-k{color:var(--text-dim)}.over-v{font-weight:800;font-variant-numeric:tabular-nums}.over-restart{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:12px;padding:.9rem;font-family:inherit;font-size:1.1rem;font-weight:800;color:var(--bg);background:var(--accent);cursor:pointer;transition:transform .08s ease,filter .12s ease}.over-restart:hover{filter:brightness(1.05)}.over-restart:active{transform:scale(.98)}.over-menu{width:100%;margin-top:.6rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:transparent;color:var(--text-dim);border-radius:12px;padding:.7rem;font-family:inherit;font-size:.95rem;font-weight:700;cursor:pointer;transition:color .12s ease,background .12s ease}.over-menu:hover{color:var(--text);background:var(--surface)}.screen.menu{justify-content:center;gap:1.4rem;position:relative}.menu-top{position:absolute;top:0;right:0;display:flex;gap:.5rem;padding:.2rem}.preset-cards{width:100%;max-width:420px;display:flex;flex-direction:column;gap:.8rem;margin-top:.5rem}.preset-card{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:1px solid var(--border);border-left:4px solid var(--primary);background:var(--surface);color:var(--text);border-radius:12px;padding:1rem 1.1rem;font-family:inherit;transition:transform .08s ease,border-color .12s ease,background .12s ease}.preset-card:hover{background:var(--surface-2)}.preset-card:active{transform:scale(.99)}.preset-beginner{border-left-color:var(--success)}.preset-intermediate{border-left-color:var(--accent)}.preset-advanced{border-left-color:var(--danger)}.preset-name{font-size:1.2rem;font-weight:800}.preset-blurb{font-size:.85rem;color:var(--text-dim)}.fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:80;overflow:hidden}.fx-dot{position:absolute;width:9px;height:9px;border-radius:50%;transform:translate(-50%,-50%);animation:fx-fly .62s ease-out forwards}@keyframes fx-fly{to{transform:translate(calc(-50% + var(--dx, 0)),calc(-50% + var(--dy, 0))) scale(.2);opacity:0}}.fx-flash{position:absolute;top:0;right:0;bottom:0;left:0}.fx-flash-wrong{box-shadow:inset 0 0 90px 24px color-mix(in srgb,var(--danger) 55%,transparent);animation:fx-flash-out .42s ease-out forwards}@keyframes fx-flash-out{0%{opacity:.9}to{opacity:0}}.pulse{animation:hud-pulse .26s ease}@keyframes hud-pulse{0%{transform:scale(1)}45%{transform:scale(1.28)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.option.wrong,.rule-tag,.over-overlay,.pulse{animation:none}}