.game{width:100%;max-width:var(--stage-width);gap:var(--space-lg);flex-direction:column;margin:0 auto;display:flex}.game-bar{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.game-title{align-items:center;gap:var(--space-md);display:flex}.game-title__back{border-radius:var(--radius-md);width:40px;height:40px;color:var(--muted);transition:color var(--dur-fast), background-color var(--dur-fast);place-items:center;display:inline-grid}.game-title__back:hover{color:var(--ink);background:var(--grape-850)}.game-title h1{font-family:var(--font-display);font-size:var(--text-xl);color:var(--accent);font-weight:400;line-height:1}.game-options{gap:var(--space-sm);transition:opacity var(--dur-base);flex-wrap:wrap;display:flex}.is-playing .game-options,.is-playing .site-header,.is-playing .game-title__back{opacity:.15;pointer-events:none}.site-header{transition:opacity var(--dur-base)}.hud{justify-content:space-between;align-items:flex-end;gap:var(--space-lg);min-height:64px;display:flex}.hud__big{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--accent);font-variant-numeric:tabular-nums;line-height:1}.hud__stats{gap:var(--space-lg);align-items:flex-end;display:flex}.hud-stat{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.hud-stat__value{font-family:var(--font-display);font-size:var(--text-xl);color:var(--ink);font-variant-numeric:tabular-nums;line-height:1}.hud-stat__label{font-size:var(--text-xs);color:var(--muted)}.timebar{background:var(--grape-850);border-radius:3px;height:6px;overflow:hidden}.timebar__fill{background:var(--accent);transform-origin:0;border-radius:3px;width:100%;height:100%;transition:transform .1s linear}.combo{align-items:center;gap:var(--space-sm);min-width:96px;color:var(--faint);transition:color var(--dur-fast);font-weight:700;display:inline-flex}.combo__mult{font-family:var(--font-display);font-size:var(--text-xl);line-height:1}.combo__label{font-size:var(--text-xs)}.combo[data-level="1"]{color:var(--ink-soft)}.combo[data-level="2"]{color:var(--sky)}.combo[data-level="3"]{color:var(--mint)}.combo[data-level="4"]{color:var(--lemon)}.combo[data-level="5"]{color:var(--tangerine)}.combo[data-level="6"]{color:var(--bubblegum)}.combo.is-bumped .combo__mult{animation:bump .26s var(--ease-spring)}.combo.is-broken{animation:.3s shake-x}@keyframes bump{40%{transform:scale(1.45)rotate(-6deg)}}.stage{border-radius:var(--radius-xl);background:var(--grape-900);padding:var(--space-xl) var(--space-2xl);cursor:text;isolation:isolate;position:relative}.typing{--line-height:2.75rem;height:calc(var(--line-height) * 3);font-size:1.75rem;font-weight:500;line-height:var(--line-height);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.typing__words{transition:transform var(--dur-base) var(--ease-out);flex-wrap:wrap;column-gap:.55em;display:flex;position:relative}.w{color:var(--faint);white-space:nowrap;display:inline-block;position:relative}.w.is-wrong:after{content:"";background:var(--error);border-radius:2px;height:3px;position:absolute;bottom:.35em;left:0;right:0}.l{transition:color 60ms}.l.ok{color:var(--ink)}.l.bad{color:var(--error)}.l.extra{color:var(--error-deep);opacity:.9}.w.is-done .l.ok{color:var(--ink-soft)}.caret{width:3px;height:calc(var(--line-height) * .7);margin-top:calc(var(--line-height) * .15);background:var(--accent);box-shadow:0 0 12px var(--accent);transition:transform 90ms var(--ease-out);z-index:2;pointer-events:none;border-radius:2px;position:absolute;top:0;left:0}.caret.is-idle{animation:1s step-end infinite caret-blink}@keyframes caret-blink{50%{opacity:0}}.caret--ghost{background:var(--ink);width:2px;box-shadow:none;opacity:.28;z-index:1;transition:transform .16s linear}.stage__veil{border-radius:inherit;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink-soft);z-index:5;text-align:center;padding:var(--space-lg);background:#200f42d1;place-items:center;font-weight:600;display:grid;position:absolute;inset:0}.intro-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--accent);line-height:1}.intro-cta{color:var(--accent);font-weight:700;animation:1.6s ease-in-out infinite soft-pulse}@keyframes soft-pulse{50%{opacity:.45}}.game-input{opacity:0;pointer-events:none;width:1px;height:1px;font-size:16px;position:absolute;top:0;left:0}.fx-shake{animation:.26s fx-shake}@keyframes fx-shake{20%{transform:translate(-6px,2px)}40%{transform:translate(5px,-2px)}60%{transform:translate(-3px,1px)}80%{transform:translate(2px)}}.fx-pop{z-index:2500;pointer-events:none;font-family:var(--font-display);font-size:var(--text-lg);white-space:nowrap;animation:fx-pop .8s var(--ease-out) forwards;text-shadow:0 3px #00000059;line-height:1;position:fixed;transform:translate(-50%,-50%)}@keyframes fx-pop{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}20%{opacity:1;transform:translate(-50%,-80%)scale(1.15)}to{opacity:0;transform:translate(-50%,-190%)scale(1)}}.fx-canvas{pointer-events:none;z-index:2400;width:100vw;height:100vh;position:fixed;inset:0}.fx-flash{pointer-events:none;z-index:2300;animation:.38s ease-out forwards fx-flash;position:fixed;inset:0}@keyframes fx-flash{0%{opacity:.35}to{opacity:0}}.countdown{z-index:6;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.countdown__num{font-family:var(--font-display);color:var(--accent);text-shadow:0 8px 0 var(--accent-deep);animation:count-in .7s var(--ease-spring) both;font-size:7rem;line-height:1}@keyframes count-in{0%{opacity:0;transform:scale(2.2)}35%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}.results{gap:var(--space-xl) var(--space-2xl);animation:results-in var(--dur-slow) var(--ease-out);grid-template-columns:auto 1fr;align-items:center;display:grid}@keyframes results-in{0%{opacity:0;transform:translateY(16px)}}.grade{border-radius:var(--radius-xl);background:var(--grade-color,var(--accent));width:168px;height:168px;box-shadow:inset 0 3px 0 #ffffff59, 0 10px 0 var(--grade-deep,var(--accent-deep)), 0 20px 40px #0006;color:var(--grape-950);font-family:var(--font-display);animation:grade-in .6s var(--ease-spring) .15s both;place-items:center;font-size:6rem;line-height:1;display:grid;position:relative}.grade__caption{text-align:center;font-family:var(--font-ui);font-size:var(--text-sm);color:var(--muted);font-weight:600;position:absolute;bottom:-38px;left:0;right:0}@keyframes grade-in{0%{opacity:0;transform:scale(.3)rotate(-20deg)}}.grade[data-grade=S]{--grade-color:var(--lemon);--grade-deep:var(--lemon-deep)}.grade[data-grade=A]{--grade-color:var(--mint);--grade-deep:var(--mint-deep)}.grade[data-grade=B]{--grade-color:var(--sky);--grade-deep:var(--sky-deep)}.grade[data-grade=C]{--grade-color:var(--tangerine);--grade-deep:var(--tangerine-deep)}.grade[data-grade=D]{--grade-color:var(--grape-600);--grade-deep:var(--grape-800);color:var(--ink)}.results__main{gap:var(--space-md);flex-direction:column;min-width:0;display:flex}.results__headline{align-items:baseline;gap:var(--space-md);flex-wrap:wrap;display:flex}.results__number{font-family:var(--font-display);font-size:var(--text-5xl);color:var(--ink);font-variant-numeric:tabular-nums;line-height:.9}.results__unit{font-family:var(--font-display);font-size:var(--text-xl);color:var(--accent)}.results__delta{font-weight:700;font-size:var(--text-sm)}.results__delta--up{color:var(--mint)}.results__delta--down{color:var(--muted)}.results__stats{gap:var(--space-sm) var(--space-xl);flex-wrap:wrap;display:flex}.rstat{flex-direction:column;display:flex}.rstat__value{font-size:var(--text-xl);font-variant-numeric:tabular-nums;font-weight:700}.rstat__label{font-size:var(--text-xs);color:var(--muted)}.results__chart{background:var(--grape-900);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);grid-column:1/-1}.results__chart-title{font-size:var(--text-xs);color:var(--muted);margin-bottom:var(--space-sm)}.chart{width:100%;height:120px;display:block}.results__keys{align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--muted);flex-wrap:wrap;grid-column:1/-1;display:flex}.mini-key{background:var(--grape-800);min-width:34px;height:34px;box-shadow:0 3px 0 var(--grape-950);color:var(--ink);border-radius:7px;justify-content:center;align-items:baseline;padding:0 8px;font-weight:700;display:inline-flex}.mini-key small{color:var(--error);margin-left:3px;font-size:.65em}.results__actions{gap:var(--space-md);flex-wrap:wrap;grid-column:1/-1;align-items:center;display:flex}.results__board{color:var(--muted);font-size:var(--text-sm);text-underline-offset:4px;margin-left:auto;font-weight:600;text-decoration:underline}.results__board:hover{color:var(--ink)}.results__extra{color:var(--muted);font-size:var(--text-sm);grid-column:1/-1}.newbest{background:var(--lemon);color:var(--grape-950);font-family:var(--font-display);font-size:var(--text-xs);animation:bump .5s var(--ease-spring) .6s both;border-radius:999px;align-items:center;padding:6px 12px;display:inline-flex}@media (width<=720px){.stage{padding:var(--space-lg)}.typing{--line-height:2.2rem;font-size:1.3rem}.hud__big{font-size:var(--text-3xl)}.results{grid-template-columns:1fr;justify-items:start}.grade{width:120px;height:120px;font-size:4.2rem}.results__number{font-size:var(--text-4xl)}}