:root{--bg-1: #fbf4fa;--bg-2: #e9e2fb;--bg-3: #d9e6fb;--tile-surface: #ffffff;--tile-ink: #2a1a2e;--tile-fill: var(--accent);--accent: #d01e7a;--accent-soft: #f7c6e1;--gold: #e9b44c;--gold-hi: #f7d77c;--success: #34d399;--soft-warn: #ff8a93;--ink-muted: #6b5b72;--mascot-hue: 0deg;--shadow-sm: 0 1px 2px rgba(42, 26, 46, .06), 0 2px 6px rgba(42, 26, 46, .06);--shadow-md: 0 6px 14px rgba(42, 26, 46, .1), 0 2px 4px rgba(42, 26, 46, .06);--shadow-lg: 0 18px 40px rgba(42, 26, 46, .16), 0 6px 12px rgba(42, 26, 46, .08);--glow-accent: 0 0 24px rgba(208, 30, 122, .35);--glow-gold: 0 0 22px rgba(233, 180, 76, .45);--radius-sm: 10px;--radius-md: 18px;--radius-lg: 28px;--radius-pill: 999px;--medallion-bg: radial-gradient(circle at 50% 38%, #ffffff, #f4ecf3);--medallion-ring: rgba(255, 255, 255, .92);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, .61, .36, 1);--dur-fast: .12s;--dur-base: .22s;--dur-slow: .42s}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/baloo2-600.woff2) format("woff2")}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/baloo2-700.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/atkinson-400.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/atkinson-700.woff2) format("woff2")}:root{--font-display: "Baloo 2", "Segoe UI Rounded", "Nunito", system-ui, sans-serif;--font-tile: "Atkinson Hyperlegible", "Segoe UI", system-ui, -apple-system, sans-serif;--font-ui: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Space Mono", ui-monospace, "Cascadia Code", "Consolas", monospace;--fs-tile: clamp(2rem, 4.5vw, 3.25rem);--fs-display: clamp(1.75rem, 3.5vw, 2.75rem);--fs-h1: clamp(1.5rem, 3vw, 2.25rem);--fs-h2: 1.375rem;--fs-body: 1rem;--fs-small: .8125rem;--fs-instrument: 1.05rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--lh-tight: 1.1;--lh-normal: 1.5;--tracking-instrument: .02em}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-ui);font-size:var(--fs-body);line-height:var(--lh-normal);color:var(--tile-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(1200px 800px at 15% -10%,var(--bg-1),transparent 60%),radial-gradient(1100px 900px at 100% 0%,var(--bg-3),transparent 55%),linear-gradient(160deg,var(--bg-2),var(--bg-1) 45%,var(--bg-3));filter:hue-rotate(var(--mascot-hue))}#app{position:relative;min-height:100%;isolation:isolate}#fx{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}button{font-family:inherit;cursor:pointer}.instrument{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-instrument)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.title{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--space-8) var(--space-5) var(--space-6);gap:var(--space-5)}.title__header{text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}.title__logo{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-display);line-height:var(--lh-tight);margin:0;color:var(--tile-ink)}.title__logo .spark{color:var(--gold);text-shadow:var(--glow-gold)}.title__tagline{margin:0;color:var(--ink-muted);font-size:var(--fs-body)}.mascot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:var(--space-4);width:min(1040px,100%);padding:var(--space-2)}.mascot-chip{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2) var(--space-2);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffffe6,#ffffff8c);box-shadow:var(--shadow-md),inset 0 1px #ffffffe6;transition:transform var(--dur-base) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out)}.mascot-chip:hover,.mascot-chip:focus-visible{transform:translateY(-4px) scale(1.03);box-shadow:var(--shadow-lg),var(--glow-accent),inset 0 1px #ffffffe6}.mascot-chip__art{width:76px;height:76px;border-radius:50%;object-fit:cover;background:var(--medallion-bg);box-shadow:0 0 0 3px var(--medallion-ring),var(--shadow-sm)}.mascot-chip__fallback{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:1.75rem;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.25)}.mascot-chip__level{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--ink-muted)}.mascot-chip__name{font-family:var(--font-display);font-weight:var(--fw-medium);font-size:var(--fs-body);color:var(--tile-ink)}.title__settings{position:fixed;top:var(--space-4);right:var(--space-4);z-index:20;border:1px solid rgba(255,255,255,.7);background:#fff9;border-radius:var(--radius-pill);padding:4px 10px;font-size:1.1rem;box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-out)}.title__settings:hover{transform:rotate(20deg)}.cutouts .tile__mascot:not(.tile__mascot--fallback),.cutouts .mascot-chip__art:not(.mascot-chip__fallback),.cutouts .endcard__mascot:not(.endcard__mascot--fallback){border-radius:0;object-fit:contain;background:none;box-shadow:none}.cutouts .tile__mascot:not(.tile__mascot--fallback){width:52px;height:52px}.settings{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#2a1a2e59;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.settings__panel{width:min(400px,100%);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.8);background:linear-gradient(180deg,#fffffff2,#ffffffd1);box-shadow:var(--shadow-lg),inset 0 1px #fffffff2}.settings__title{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-h2);color:var(--tile-ink);margin:0}.settings__group{display:flex;flex-direction:column;gap:var(--space-2)}.settings__h{font-family:var(--font-ui);font-weight:var(--fw-semibold);font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);margin:0 0 var(--space-1)}.settings__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-family:var(--font-ui);color:var(--tile-ink)}.settings__row em{color:var(--ink-muted);font-style:normal;font-size:.85em}.settings__row input[type=range]{width:55%;accent-color:var(--accent)}.settings__row input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.settings__slot:empty{display:none}.settings__slot{display:flex;flex-direction:column;gap:var(--space-2);border-top:1px solid var(--hair, rgba(42, 26, 46, .1));padding-top:var(--space-3)}.settings__done{align-self:flex-end;font-family:var(--font-ui);font-weight:var(--fw-semibold);padding:var(--space-2) var(--space-5);border-radius:var(--radius-pill);border:1px solid transparent;background:linear-gradient(180deg,var(--accent-soft),var(--accent));color:#fff;box-shadow:var(--shadow-md),var(--glow-accent)}.settings__action{font-family:var(--font-ui);font-weight:var(--fw-medium);text-align:left;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.06);background:#ffffffb3;color:var(--tile-ink);box-shadow:var(--shadow-sm)}.settings__action:hover{box-shadow:var(--shadow-md)}.settings__select{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.settings__select select{font-family:var(--font-ui);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.12);background:#fff;color:var(--tile-ink)}@media(prefers-reduced-motion:reduce){.settings{-webkit-backdrop-filter:none;backdrop-filter:none}}.onboard{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.onboard__card{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);max-width:520px;padding:var(--space-8) var(--space-6);text-align:center;border:1px solid rgba(255,255,255,.8);border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffffeb,#ffffffb3);box-shadow:var(--shadow-lg),inset 0 1px #fffffff2}.onboard__title{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-h1);color:var(--tile-ink);margin:0}.onboard__sub{margin:0;color:var(--ink-muted)}.onboard__choices{display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center;margin-top:var(--space-2)}.onboard__choice{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:200px;padding:var(--space-5) var(--space-4);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.8);background:#ffffffb3;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-out)}.onboard__choice:hover,.onboard__choice:focus-visible{transform:translateY(-3px);box-shadow:var(--shadow-md);outline:none}.onboard__choice--primary{background:linear-gradient(180deg,var(--accent-soft),var(--accent));color:#fff;border-color:transparent;box-shadow:var(--shadow-md),var(--glow-accent)}.onboard__emoji{font-size:2.4rem;line-height:1}.onboard__label{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-h3, 1.15rem)}.onboard__hint{font-size:.85rem;opacity:.85}.onboard__skip{margin-top:var(--space-2);background:none;border:none;color:var(--ink-muted);font-family:var(--font-ui);font-size:.9rem;text-decoration:underline;cursor:pointer}.onboard__skip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.onboard__choice{transition:none}.onboard__choice:hover,.onboard__choice:focus-visible{transform:none}}.play{min-height:100vh;display:flex;flex-direction:column}.play__hud{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5)}.play__back{border:1px solid rgba(255,255,255,.7);background:#fff9;color:var(--tile-ink);font-family:var(--font-ui);font-weight:var(--fw-medium);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.play__back:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.play__title{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-h2);color:var(--tile-ink)}.play__stats{display:flex;align-items:center;gap:var(--space-3)}.hearts{display:inline-flex;gap:3px;align-items:center}.heart{position:relative;display:inline-block;width:1.35rem;height:1.35rem;font-size:1.35rem;line-height:1}.heart__base,.heart__fill{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.heart__base{color:#e9b44c47}.heart__fill{color:var(--gold);text-shadow:var(--glow-gold);clip-path:inset(0 0 0 0);transition:clip-path var(--dur-base) var(--ease-out)}.play__stat{font-size:var(--fs-instrument);color:var(--ink-muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:#ffffff8c;box-shadow:var(--shadow-sm)}.play__stat [data-cleared]{color:var(--accent);font-weight:600}.play__field{position:relative;flex:1;margin:0 var(--space-4);border-radius:var(--radius-lg);overflow:hidden;box-shadow:inset 0 0 60px #2a1a2e0d}.play__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);color:var(--ink-muted);font-size:var(--fs-small);padding:var(--space-3) var(--space-5) var(--space-5)}.play__intensity{display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap;color:var(--ink-muted)}.play__intensity-bar{display:inline-block;width:90px;height:8px;border-radius:var(--radius-pill);background:#2a1a2e1a;overflow:hidden}.play__intensity-fill{display:block;height:100%;width:20%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--accent-soft),var(--accent));transition:width var(--dur-slow) var(--ease-out)}.tile{position:absolute;top:0;left:0;will-change:transform}.tile__capsule{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:96px;padding:var(--space-3) var(--space-4) var(--space-3);overflow:hidden;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.85);background:linear-gradient(180deg,#ffffffeb,#ffffffb8);box-shadow:var(--shadow-md),inset 0 1px #fffffff2,inset 0 -8px 18px #d01e7a0f;animation:tile-spawn var(--dur-slow) var(--ease-spring) both,tile-fall-stretch 2.4s var(--ease-out) .42s infinite alternate}.tile__capsule:before{content:"";position:absolute;inset:3px 8px auto 8px;height:34%;border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffffe6,#fff0);pointer-events:none}.tile__fill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(180deg,var(--accent-soft),var(--tile-fill));opacity:.85;transition:width var(--dur-fast) var(--ease-out);pointer-events:none}.tile__mascot{position:relative;width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--medallion-bg);box-shadow:0 0 0 2px var(--medallion-ring),var(--shadow-sm)}.tile__mascot--fallback{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:var(--fw-semibold);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.25)}.tile__word{position:relative;font-family:var(--font-tile);font-weight:var(--fw-semibold);font-size:var(--fs-tile);line-height:var(--lh-tight);color:var(--tile-ink);letter-spacing:.01em;text-shadow:0 1px 0 rgba(255,255,255,.6)}@keyframes tile-spawn{0%{transform:scale(.6,1.25);opacity:0}60%{transform:scale(1.06,.94);opacity:1}to{transform:scale(1)}}@keyframes tile-fall-stretch{0%{transform:scaleY(1)}to{transform:scaleY(1.035)}}.tile__capsule--clear{animation:tile-clear .26s var(--ease-spring) forwards}@keyframes tile-clear{0%{transform:scale(1)}35%{transform:scale(1.18);box-shadow:var(--shadow-lg),var(--glow-gold)}to{transform:scale(.2);opacity:0}}.tile__capsule--escape{animation:tile-escape .26s var(--ease-out) forwards}@keyframes tile-escape{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(14px) scale(.86);opacity:0;filter:saturate(.4)}}.tile__capsule--shake{animation:tile-shake .24s var(--ease-out)}@keyframes tile-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.tile__capsule--bump{animation:tile-bump .16s var(--ease-spring)}@keyframes tile-bump{0%{transform:scale(1)}40%{transform:scale(1.05,.95)}to{transform:scale(1)}}.tile__mascot--hop{animation:tile-mascot-hop .34s var(--ease-spring)}@keyframes tile-mascot-hop{0%{transform:translateY(0) rotate(0)}35%{transform:translateY(-7px) rotate(-8deg)}70%{transform:translateY(0) rotate(6deg)}to{transform:translateY(0) rotate(0)}}.tile__sparkle{position:absolute;top:-6px;left:50%;font-size:1.4rem;pointer-events:none;transform:translate(-50%) scale(.4);animation:tile-sparkle .7s var(--ease-out) forwards}@keyframes tile-sparkle{0%{opacity:0;transform:translate(-50%) scale(.3) rotate(-20deg)}40%{opacity:1;transform:translate(-50%,-14px) scale(1.15) rotate(8deg)}to{opacity:0;transform:translate(-50%,-30px) scale(.9) rotate(0)}}.tile__points{position:absolute;top:-2px;right:8px;font-family:var(--font-mono);font-weight:var(--fw-semibold);font-size:1rem;color:var(--gold);text-shadow:0 1px 4px rgba(233,180,76,.5);pointer-events:none;animation:tile-points .76s var(--ease-out) forwards}@keyframes tile-points{0%{opacity:0;transform:translateY(4px) scale(.8)}30%{opacity:1;transform:translateY(-8px) scale(1.05)}to{opacity:0;transform:translateY(-30px) scale(1)}}@media(prefers-reduced-motion:reduce){.tile__capsule{animation:tile-spawn-reduced var(--dur-base) var(--ease-out) both}@keyframes tile-spawn-reduced{0%{opacity:0}to{opacity:1}}.tile__capsule--clear,.tile__capsule--escape{animation:none;opacity:0;transition:opacity var(--dur-base) var(--ease-out)}}.play__guide-toggle{border:1px solid var(--hair, rgba(42, 26, 46, .12));background:#ffffffb3;border-radius:var(--radius-pill);padding:2px 8px;font-size:1rem;line-height:1.4;box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.play__guide-toggle:hover{transform:translateY(-1px)}.play__guide-toggle.is-off{opacity:.45;filter:grayscale(1)}.kbg{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px clamp(10px,1.4vw,20px);max-width:97vw;border-radius:16px;background:color-mix(in srgb,var(--tile-surface, #fff) 42%,transparent);box-shadow:var(--shadow-sm);z-index:4;transition:opacity var(--dur-base, .2s) var(--ease-out)}.kbg--hidden{opacity:0;pointer-events:none}.kbg__row{display:flex;gap:clamp(6px,.9vw,12px)}.kbg__key{--tint-a: 1;--glow-a: 1;position:relative;width:clamp(44px,6vw,62px);height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#ffffffe6;border:1px solid rgba(0,0,0,.06);font-family:var(--font-tile);font-weight:var(--fw-semibold);font-size:clamp(1rem,1.5vw,1.3rem);color:var(--tile-ink);box-shadow:0 1px 2px #0000000f}.kbg__key:after{content:"";position:absolute;left:6px;right:6px;bottom:3px;height:3px;border-radius:3px;background:var(--fc);opacity:calc(.75 * var(--tint-a))}.kbg__key--space{width:clamp(220px,40vw,380px)}.kbg__key--home:before{content:"";position:absolute;bottom:8px;width:10px;height:2px;border-radius:2px;background:var(--ink-muted);opacity:.5}.kbg__key--locked{opacity:.32}.kbg__key--locked:after{background:var(--ink-muted)}.kbg__key--next{color:#fff;border-color:transparent;background:var(--fc);box-shadow:0 0 0 2px var(--fc),0 0 16px 3px color-mix(in srgb,var(--fc) calc(85% * var(--glow-a)),transparent);animation:kbg-pulse 1.2s var(--ease-out) infinite}.kbg__key--next:after{opacity:0}@keyframes kbg-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.cue{position:absolute;top:0;left:0;z-index:6;pointer-events:none;will-change:transform,opacity;transition:transform .18s var(--ease-spring),opacity .16s var(--ease-out)}.cue--hidden{opacity:0!important}.cue--pip .cue__hands,.cue--hand .cue__pip{display:none}.cue__pip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 6px;border-radius:var(--radius-pill);background:#fffffff5;border:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow-md);font-family:var(--font-tile);font-weight:var(--fw-semibold);font-size:.72rem;color:var(--tile-ink);white-space:nowrap}.cue__dot{width:13px;height:13px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001a}.cue__hands{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px 8px;border-radius:16px;background:#fffffff0;border:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow-md)}.cue__handrow{display:flex;align-items:flex-end;gap:12px}.cue__handsvg{width:58px;height:auto;display:block;overflow:visible}.cue__handsvg .cf,.cue__handsvg .cpalm{fill:color-mix(in srgb,var(--ink-muted) 38%,transparent);transition:transform .14s var(--ease-spring),fill .14s var(--ease-out)}.cue__handsvg .cf.up{transform:translateY(-6px);filter:drop-shadow(0 2px 3px rgba(0,0,0,.18))}.cue__hlabel{align-self:center;font-family:var(--font-tile);font-weight:var(--fw-semibold);font-size:.78rem;white-space:nowrap}@media(prefers-reduced-motion:reduce){.kbg__key--next{animation:none}.cue,.cue__handsvg .cf{transition:none}.cue__handsvg .cf.up{transform:none}}.endcard{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.endcard__card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);max-width:420px;padding:var(--space-8) var(--space-6);text-align:center;border:1px solid rgba(255,255,255,.8);border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffffeb,#ffffffb3);box-shadow:var(--shadow-lg),inset 0 1px #fffffff2}.endcard__mascot{width:128px;height:128px;border-radius:50%;object-fit:cover;background:var(--medallion-bg);box-shadow:0 0 0 4px var(--medallion-ring),var(--shadow-md);animation:endcard-bob 3s var(--ease-out) infinite alternate}.endcard__mascot--fallback{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:3rem;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.25)}.endcard__title{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-h1);color:var(--tile-ink);margin:0}.endcard__msg{margin:0;color:var(--ink-muted)}.endcard__stars{display:flex;gap:var(--space-2);font-size:2.4rem;line-height:1}.endcard__star{color:var(--ink-muted);opacity:.22}.endcard__star.is-earned{color:var(--gold);opacity:1;text-shadow:0 1px 6px rgba(233,180,76,.55);animation:endcard-star-pop var(--dur-med, .32s) var(--ease-spring) both}.endcard__star:nth-child(2).is-earned{animation-delay:90ms}.endcard__star:nth-child(3).is-earned{animation-delay:.18s}.endcard__scoreline{display:flex;gap:var(--space-4);color:var(--ink-muted);font-size:var(--fs-body)}.endcard__score-value{color:var(--tile-ink);font-weight:var(--fw-semibold)}@keyframes endcard-star-pop{0%{transform:scale(.2) rotate(-18deg);opacity:0}60%{transform:scale(1.18) rotate(6deg)}to{transform:scale(1) rotate(0);opacity:1}}@media(prefers-reduced-motion:reduce){.endcard__star.is-earned{animation:none}}.endcard__actions{display:flex;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;justify-content:center}.endcard__btn{font-family:var(--font-ui);font-weight:var(--fw-semibold);font-size:var(--fs-body);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.8);background:#ffffffb3;color:var(--tile-ink);box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-out)}.endcard__btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.endcard__btn--primary{background:linear-gradient(180deg,var(--accent-soft),var(--accent));color:#fff;border-color:transparent;box-shadow:var(--shadow-md),var(--glow-accent)}@keyframes endcard-bob{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.endcard__mascot{animation:none}}.warmup{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.warmup__card{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);max-width:560px;padding:var(--space-8) var(--space-6);text-align:center;border:1px solid rgba(255,255,255,.8);border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffffeb,#ffffffb3);box-shadow:var(--shadow-lg),inset 0 1px #fffffff2}.warmup__title{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-h1);color:var(--tile-ink);margin:0}.warmup__sub{margin:0;color:var(--ink-muted);max-width:42ch}.warmup__keys{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center;margin-top:var(--space-2)}.warmup__key{display:inline-flex;align-items:center;justify-content:center;width:46px;height:52px;border-radius:var(--radius-sm, 10px);border:1px solid rgba(0,0,0,.06);background:#ffffffd9;box-shadow:var(--shadow-sm),inset 0 -2px #0000000f;font-family:var(--font-tile, var(--font-display));font-weight:var(--fw-semibold);font-size:1.3rem;color:var(--tile-ink);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.warmup__key.is-target{border-color:var(--glow);color:var(--glow);box-shadow:0 0 0 2px var(--glow),0 0 16px 2px color-mix(in srgb,var(--glow) 55%,transparent);animation:warmup-pulse 1.1s var(--ease-out) infinite}.warmup__key.is-hit{transform:translateY(2px)}.warmup__key--nudge{animation:warmup-nudge .32s var(--ease-out)}.warmup__cue{margin:0;min-height:1.6em;color:var(--ink-muted);font-size:var(--fs-body)}.warmup__chip{display:inline-block;width:.8em;height:.8em;border-radius:50%;vertical-align:middle;margin-left:.15em;box-shadow:inset 0 0 0 1px #00000014}.warmup__progress{display:flex;gap:var(--space-2)}.warmup__dot{width:9px;height:9px;border-radius:50%;background:var(--ink-muted);opacity:.25;transition:opacity var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.warmup__dot.is-done{opacity:1;background:var(--success)}.warmup__skip{margin-top:var(--space-2);background:none;border:none;color:var(--ink-muted);font-family:var(--font-ui);font-size:.9rem;text-decoration:underline;cursor:pointer}.warmup__skip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes warmup-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes warmup-nudge{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media(prefers-reduced-motion:reduce){.warmup__key.is-target,.warmup__key--nudge{animation:none}.warmup__key{transition:none}}.mgate{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-5)}.mgate__card{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);max-width:440px;padding:var(--space-8) var(--space-6);text-align:center;border:1px solid rgba(255,255,255,.8);border-radius:var(--radius-lg);background:linear-gradient(180deg,#fffffff2,#fffc);box-shadow:var(--shadow-lg),inset 0 1px #fffffff2}.mgate__emoji{font-size:3rem;line-height:1}.mgate__title{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-h1);color:var(--tile-ink);margin:0}.mgate__msg{margin:0;color:var(--ink-muted)}.mgate__continue{margin-top:var(--space-2);font-family:var(--font-ui);font-weight:var(--fw-medium);font-size:var(--fs-small);color:var(--ink-muted);background:none;border:none;text-decoration:underline;cursor:pointer}.mgate__continue:focus-visible{outline:2px solid var(--accent);outline-offset:2px}