@font-face{font-family:Orbitron;font-style:normal;font-weight:500 900;font-display:swap;src:url(/fonts/orbitron-v35.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Jura;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/jura-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Jura;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/jura-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Jura;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/jura-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jura;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/jura-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/jetbrains-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--s3-bg-void: #02050a;--s3-bg-deep: #07131d;--s3-bg-steel: #0a1c24;--s3-bg-nebula: #153847;--s3-bg-gradient: radial-gradient(circle at 20% 15%, #153847 0%, #07131d 40%, #02050a 100%);--s3-fg-primary: #d9fbff;--s3-fg-secondary: #a8d9e4;--s3-fg-muted: #8ec5cf;--s3-fg-subtle: #9fd7e2;--s3-fg-on-strong: #08131a;--s3-accent-cyan: #53e8ff;--s3-accent-cyan-soft: #7ee4ff;--s3-accent-cyan-lit: #8ef4ff;--s3-accent-orange: #ffb767;--s3-accent-orange-soft:#ffd38a;--s3-accent-lime: #b6ff64;--s3-accent-lime-soft: #cfff8b;--s3-accent-yellow: #ffcf56;--s3-accent-pink: #ff8fb3;--s3-accent-pink-soft: #ffbfd1;--s3-accent-violet: #6d4cff;--s3-accent-blue: #2fa7ff;--s3-accent-mint: #66f2d2;--s3-success: #b6ff64;--s3-warning: #ffb767;--s3-danger: #ff8fb3;--s3-info: #53e8ff;--s3-fg-debug: #9dd6ff;--s3-fg-toast-success: #d9fff4;--s3-fg-life-loss: #ffe6ef;--s3-fg-fatal: #ffd7e3;--s3-accent-lime-pale: #d9ffaf;--s3-accent-lime-faint: #ebffd0;--s3-confetti-green: #97ff90;--s3-confetti-blue: #9ec1ff;--s3-confetti-gold: #ffe07a;--s3-surface-hud: rgba(3, 12, 22, .52);--s3-surface-hud-bg: linear-gradient(120deg, rgba(3, 10, 19, .78), rgba(9, 27, 36, .58));--s3-surface-panel: linear-gradient(140deg, rgba(2, 8, 14, .88), rgba(9, 25, 36, .76));--s3-surface-panel-glow: radial-gradient(circle at 85% 0%, rgba(83, 232, 255, .17), transparent 45%);--s3-surface-toast: linear-gradient(130deg, rgba(10, 42, 36, .86), rgba(8, 22, 36, .8));--s3-surface-cheat-btn: linear-gradient(125deg, rgba(8, 39, 54, .9), rgba(6, 18, 31, .94));--s3-surface-primary-btn: linear-gradient(120deg, rgba(16, 66, 86, .85), rgba(11, 28, 40, .95));--s3-surface-progress: linear-gradient(180deg, rgba(4, 18, 29, .88), rgba(46, 98, 120, .5));--s3-fill-progress: linear-gradient(90deg, rgba(83, 232, 255, .86), rgba(126, 255, 243, .96));--s3-fill-progress-x2: linear-gradient(90deg, rgba(255, 198, 77, .92), rgba(255, 243, 126, .98));--s3-border-hud: rgba(112, 244, 255, .42);--s3-border-panel: rgba(115, 241, 255, .38);--s3-border-cheat: rgba(112, 244, 255, .45);--s3-border-subtle: rgba(112, 244, 255, .2);--s3-border-card: rgba(112, 244, 255, .28);--s3-border-btn: rgba(112, 244, 255, .52);--s3-shadow-hud: 0 0 0 1px rgba(129, 247, 255, .12), 0 16px 38px rgba(0, 0, 0, .46);--s3-shadow-panel: 0 26px 70px rgba(0, 0, 0, .62), inset 0 0 55px rgba(84, 230, 255, .06);--s3-shadow-toast: 0 8px 30px rgba(0, 0, 0, .45), 0 0 18px rgba(96, 255, 211, .2);--s3-glow-cyan: 0 0 12px rgba(83, 232, 255, .8);--s3-glow-orange: 0 0 14px rgba(255, 183, 103, .55);--s3-glow-pink: 0 0 12px rgba(255, 104, 154, .88);--s3-glow-lime: 0 0 12px rgba(182, 255, 100, .38);--s3-radius-sm: 8px;--s3-radius-md: 10px;--s3-radius-lg: 12px;--s3-radius-xl: 14px;--s3-radius-2xl: 18px;--s3-radius-pill: 999px;--s3-space-1: .25rem;--s3-space-2: .4rem;--s3-space-3: .6rem;--s3-space-4: .85rem;--s3-space-5: 1.1rem;--s3-space-6: 1.4rem;--s3-font-ui: "Orbitron", "Jura", "Rajdhani", "Trebuchet MS", sans-serif;--s3-font-mono: "JetBrains Mono", "Consolas", "Courier New", monospace;--s3-font-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "EmojiOne Color", sans-serif;--s3-tracking-tight: .03em;--s3-tracking-normal: .05em;--s3-tracking-wide: .08em;--s3-size-h1: clamp(1.7rem, 6vw, 2.4rem);--s3-size-h2: clamp(1.4rem, 5vw, 2rem);--s3-size-h3: clamp(.82rem, 2vw, 1rem);--s3-size-body: clamp(.92rem, 2.2vw, 1.02rem);--s3-size-hud: clamp(.9rem, 2.1vw, 1.1rem);--s3-size-key: clamp(.82rem, 1.9vw, .95rem);--s3-size-coach: clamp(.72rem, 1.85vw, .84rem);--s3-size-debug: clamp(.62rem, 1.5vw, .78rem);--s3-size-chip: .68rem;--s3-ease: ease-out;--s3-ease-play: cubic-bezier(.2,.7,.2,1);--s3-dur-fast: .12s;--s3-dur-base: .18s;--s3-dur-slow: .35s;--s3-heartbeat-dur: 1.15s;--s3-hud-in-dur: .7s}:root{--hud-bg: var(--s3-surface-hud);--hud-border: var(--s3-border-hud);--hud-text: var(--s3-fg-primary);--hud-muted: var(--s3-fg-muted);--accent-cyan: var(--s3-accent-cyan);--accent-orange: var(--s3-accent-orange);--accent-lime: var(--s3-accent-lime);--progress-track: rgba(46, 98, 120, .5);--progress-fill: var(--s3-fill-progress);--progress-fill-multiplier: var(--s3-fill-progress-x2)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:var(--s3-font-ui);color:var(--hud-text);background:var(--s3-bg-gradient)}#app{position:fixed;inset:0}#game-canvas{position:relative;z-index:0;width:100%;height:100%;display:block;touch-action:none}.hud{z-index:12;position:absolute;top:1rem;left:50%;transform:translate(-50%);width:min(92vw,720px);padding:.62rem .95rem;border:1px solid var(--hud-border);border-radius:var(--s3-radius-xl);background:var(--s3-surface-hud-bg);box-shadow:var(--s3-shadow-hud);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;animation:hud-in var(--s3-hud-in-dur) var(--s3-ease)}.hud--booting{visibility:hidden}.hud__scoreline{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--s3-space-4);font-size:var(--s3-size-hud);color:var(--hud-text);letter-spacing:var(--s3-tracking-normal)}.hud__scoreline>span{white-space:nowrap;line-height:1.1}@media(max-width:900px){.hud{width:min(96vw,560px);padding:.54rem .7rem}.hud .hud__scoreline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:.36rem .72rem;font-size:.95rem}.hud .hud__scoreline>span:nth-child(2n){text-align:right}.hud .hud-bonus-canvas{width:66px;height:66px}.hud .hud__progress{margin-top:.48rem;height:7px}}.hud--mobile{width:min(96vw,560px);padding:.54rem .7rem}.hud--mobile .hud__scoreline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:.36rem .72rem;font-size:.95rem}.hud--mobile .hud__scoreline>span:nth-child(2n){text-align:right}.hud--mobile .hud-bonus-canvas{width:66px;height:66px}.hud--mobile .hud__progress{margin-top:.48rem;height:7px}.hud-bonus-canvas{position:absolute;z-index:1;width:56px;height:56px;pointer-events:none;opacity:0}.hud__scoreline strong{color:var(--accent-cyan);text-shadow:var(--s3-glow-cyan)}.hud__sep{color:var(--s3-fg-muted);margin:0 .4em}.hud__progress{margin-top:.58rem;width:100%;height:8px;overflow:hidden;border:1px solid var(--s3-border-subtle);border-radius:var(--s3-radius-pill);background:var(--s3-surface-progress);box-shadow:inset 0 1px #d8fbff0f}.hud__progress--hidden{display:none}.hud__progress-fill{height:100%;width:0%;border-radius:inherit;background:var(--progress-fill);box-shadow:0 0 14px #53e8ff4d;transition:width var(--s3-dur-base) var(--s3-ease),filter var(--s3-dur-base) var(--s3-ease),opacity var(--s3-dur-base) var(--s3-ease)}.hud__progress--multiplier .hud__progress-fill{background:var(--progress-fill-multiplier);box-shadow:0 0 16px #ffce605c}.hud__progress--warning .hud__progress-fill{filter:saturate(1.08) brightness(1.08)}.hud__progress--warning-off .hud__progress-fill{opacity:.38}#lives-value{color:var(--s3-accent-pink);text-shadow:var(--s3-glow-pink);letter-spacing:.09em;white-space:nowrap}#lives-value .hud__heart{display:inline-block;vertical-align:-.18em;width:1.15em;height:1.15em;transform-origin:50% 50%;animation:hud-heartbeat var(--s3-heartbeat-dur) ease-in-out infinite}#lives-value .hud__heart-svg{display:block;width:100%;height:100%}#lives-value .hud__lives-overflow{display:inline-block;margin-left:.28rem;color:var(--s3-accent-pink-soft);text-shadow:0 0 9px rgba(255,131,174,.68)}.hud__debug{margin-top:.45rem;padding-top:var(--s3-space-2);border-top:1px solid var(--s3-border-subtle);font-family:var(--s3-font-mono);font-size:var(--s3-size-debug);letter-spacing:var(--s3-tracking-tight);color:var(--s3-fg-debug);white-space:pre-wrap;text-transform:none}.hud__debug--hidden{display:none}.overlay{z-index:14;position:absolute;inset:0;display:grid;place-items:center;padding:var(--s3-space-6);pointer-events:none;transition:opacity var(--s3-dur-slow) var(--s3-ease)}.overlay--hidden{opacity:0}.overlay__panel{width:min(92vw,560px);padding:var(--s3-space-6) 1.5rem;border:1px solid var(--s3-border-panel);border-radius:var(--s3-radius-2xl);background:var(--s3-surface-panel-glow),var(--s3-surface-panel);box-shadow:var(--s3-shadow-panel);text-align:center;pointer-events:auto;opacity:1;animation:none}.overlay__panel--menu{width:min(92vw,500px);padding-bottom:1.2rem}.overlay__panel h1,.overlay__panel h2{margin:0;font-weight:700;letter-spacing:var(--s3-tracking-wide);text-transform:uppercase}.overlay__panel h1{color:var(--accent-cyan);font-size:var(--s3-size-h1);text-shadow:0 0 18px rgba(83,232,255,.65)}.overlay__panel h2{color:var(--accent-orange);font-size:var(--s3-size-h2);text-shadow:var(--s3-glow-orange)}.overlay__panel p{margin:var(--s3-space-4) 0 0;line-height:1.45;color:var(--s3-fg-primary);font-size:var(--s3-size-body)}.overlay__policy-notice{color:var(--s3-fg-subtle);font-size:.92rem}.overlay__policy-link{color:var(--accent-cyan);font-weight:600;text-underline-offset:.14em}.overlay__panel strong{color:var(--accent-lime)}.overlay__keys{margin-top:1rem;display:grid;gap:.45rem;color:var(--s3-fg-subtle);font-size:var(--s3-size-key)}.overlay__panel--menu .overlay__keys{margin-top:.82rem}.overlay__coach{position:fixed;left:max(1rem,env(safe-area-inset-left));right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:36;display:flex;justify-content:flex-start;pointer-events:none}.overlay__coach-card{width:min(88vw,420px);padding:.82rem .92rem .9rem;border:1px solid var(--s3-border-card);border-radius:var(--s3-radius-xl);background:radial-gradient(circle at 86% 0%,rgba(83,232,255,.14),transparent 44%),linear-gradient(145deg,#030b14e0,#0a1a26cc);box-shadow:0 16px 44px #0000006b,inset 0 0 30px #54e6ff0d;pointer-events:none;animation:coach-in .45s var(--s3-ease)}.overlay__coach-title{display:block;color:var(--accent-lime);letter-spacing:.06em;font-size:.78rem;font-weight:700;text-transform:uppercase}.overlay__coach-intro{margin:var(--s3-space-2) 0 0;color:var(--s3-fg-primary);font-size:clamp(.8rem,2vw,.92rem);line-height:1.34}.overlay__coach-list{margin:.56rem 0 0;padding:0 0 0 1.05rem;display:grid;gap:.2rem;color:var(--s3-fg-secondary);font-size:var(--s3-size-coach);line-height:1.28}@media(max-width:900px){.overlay{padding:.8rem}.overlay__panel{width:min(96vw,460px);padding:1rem .95rem;border-radius:var(--s3-radius-xl)}.overlay__panel h1{font-size:clamp(1.3rem,7vw,1.9rem)}.overlay__panel h2{font-size:clamp(1.08rem,5.6vw,1.5rem)}.overlay__panel p{margin-top:.62rem;line-height:1.34;font-size:clamp(.82rem,2.6vw,.95rem)}.overlay__keys{margin-top:.62rem;gap:.3rem;font-size:clamp(.74rem,2.3vw,.88rem)}.overlay__button{margin-top:.82rem;padding:.56rem .92rem;font-size:.86rem}.overlay__button--secondary{margin-top:0;padding:.5rem .82rem;font-size:.78rem}}.overlay__button{margin-top:var(--s3-space-5);border:1px solid var(--s3-border-btn);border-radius:var(--s3-radius-lg);background:var(--s3-surface-primary-btn);color:var(--s3-fg-primary);font-family:var(--s3-font-ui);font-size:.95rem;letter-spacing:var(--s3-tracking-wide);text-transform:uppercase;padding:.65rem 1.15rem;cursor:pointer;transition:transform var(--s3-dur-fast) var(--s3-ease),box-shadow var(--s3-dur-base) var(--s3-ease),border-color var(--s3-dur-base) var(--s3-ease)}.overlay__button--secondary{margin-top:0;font-size:.82rem;padding:.52rem .88rem;border-radius:var(--s3-radius-md);letter-spacing:var(--s3-tracking-normal)}.overlay__button:hover{transform:translateY(-1px);box-shadow:0 8px 24px #53e8ff38;border-color:#96f5ffcc}.overlay__button:active{transform:translateY(0)}.overlay__button--disabled,.overlay__button:disabled{opacity:.58;cursor:wait;transform:none;box-shadow:none;border-color:var(--s3-border-card)}.overlay__pending{margin-top:.5rem;font-size:var(--s3-size-coach);color:var(--s3-fg-subtle);letter-spacing:.04em}@keyframes coach-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-cheats{position:absolute;left:50%;bottom:max(.6rem,env(safe-area-inset-bottom));transform:translate(-50%);z-index:18;display:grid;gap:.42rem;width:min(96vw,620px);pointer-events:auto}.mobile-cheats--desktop{width:min(92vw,980px);bottom:max(.8rem,env(safe-area-inset-bottom))}.mobile-cheats__row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.34rem}.mobile-cheats--desktop .mobile-cheats__row{grid-template-columns:repeat(9,minmax(0,1fr))}.mobile-cheats__button{border:1px solid var(--s3-border-cheat);border-radius:var(--s3-radius-md);background:var(--s3-surface-cheat-btn);color:var(--s3-fg-primary);font-family:inherit;font-size:var(--s3-size-chip);font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1;padding:.54rem .28rem;min-height:2rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-cheats--desktop .mobile-cheats__button{font-size:.64rem;padding:.48rem .24rem}.mobile-cheats__button:active{transform:translateY(1px)}.mobile-cheats__button--fullscreen{min-height:2.05rem;font-size:.72rem;border-color:#91f6ffad;background:linear-gradient(125deg,#12485ceb,#081824f5)}.mobile-cheats--compact-height{width:min(98vw,620px);gap:.22rem;bottom:max(.24rem,env(safe-area-inset-bottom))}.mobile-cheats--desktop.mobile-cheats--compact-height{width:min(96vw,920px);bottom:max(.28rem,env(safe-area-inset-bottom))}.mobile-cheats--compact-height .mobile-cheats__row{gap:.2rem}.mobile-cheats--compact-height .mobile-cheats__button{min-height:1.58rem;padding:.3rem .14rem;font-size:.56rem;border-radius:var(--s3-radius-sm)}.mobile-cheats--desktop.mobile-cheats--compact-height .mobile-cheats__button{font-size:.54rem;padding:.28rem .14rem}.mobile-cheats--compact-height .mobile-cheats__button--fullscreen{min-height:1.64rem;font-size:.6rem}.overlay__toast{min-width:min(88vw,420px);padding:.78rem 1.05rem;border:1px solid rgba(123,255,219,.55);border-radius:var(--s3-radius-lg);background:var(--s3-surface-toast);color:var(--s3-fg-toast-success);text-transform:uppercase;letter-spacing:.06em;font-size:var(--s3-size-coach);box-shadow:var(--s3-shadow-toast);pointer-events:none;animation:panel-pop .22s var(--s3-ease)}.overlay__toast--life-loss{border-color:#ff78989e;background:radial-gradient(circle at 50% 0%,rgba(255,119,153,.24),transparent 58%),linear-gradient(130deg,#360c18e6,#180a16d1);color:var(--s3-fg-life-loss);display:grid;gap:.25rem;justify-items:center;text-transform:none;letter-spacing:.04em;animation:life-loss-pop .26s var(--s3-ease),life-loss-fade 2.6s var(--s3-ease) forwards}.overlay__toast--life-loss strong{color:var(--s3-accent-pink-soft);text-transform:uppercase;letter-spacing:var(--s3-tracking-wide);text-shadow:0 0 12px rgba(255,125,163,.75)}.overlay__toast--life-loss span{color:var(--s3-fg-life-loss);font-size:.9em}@keyframes panel-pop{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes life-loss-pop{0%{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes life-loss-fade{0%{opacity:0}12%{opacity:1}82%{opacity:1}to{opacity:0;transform:translateY(-4px) scale(.98)}}@keyframes hud-in{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes hud-heartbeat{0%{transform:scale(1);text-shadow:0 0 10px rgba(255,104,154,.7)}16%{transform:scale(1.08);text-shadow:0 0 15px rgba(255,104,154,.95)}30%{transform:scale(1);text-shadow:0 0 10px rgba(255,104,154,.7)}44%{transform:scale(1.06);text-shadow:0 0 14px rgba(255,104,154,.9)}62%{transform:scale(1);text-shadow:0 0 10px rgba(255,104,154,.7)}to{transform:scale(1);text-shadow:0 0 10px rgba(255,104,154,.7)}}.overlay__panel--final{position:relative;overflow:hidden;border-color:#ffd7709e;background:radial-gradient(circle at 20% 0%,rgba(255,183,103,.24),transparent 44%),radial-gradient(circle at 85% 100%,rgba(83,232,255,.2),transparent 48%),linear-gradient(140deg,#0a0e1beb,#171f32d6);box-shadow:0 30px 80px #000000a8,0 0 28px #ffc55f3d,inset 0 0 60px #74bfff1a;animation:final-panel-glow 2.8s ease-in-out infinite}.overlay__panel--record{position:relative;overflow:hidden;border-color:#b6ff649e;background:radial-gradient(circle at 18% 0%,rgba(182,255,100,.18),transparent 42%),radial-gradient(circle at 84% 100%,rgba(83,232,255,.18),transparent 46%),linear-gradient(140deg,#07130feb,#0a1c1edb);box-shadow:0 30px 80px #000000a8,0 0 26px #b6ff642e,inset 0 0 60px #b6ff6414;animation:record-panel-glow 1.9s ease-in-out infinite}.overlay__panel--record h2{color:var(--s3-accent-lime-soft);text-shadow:0 0 16px rgba(182,255,100,.58)}.overlay__panel--fatal{border-color:#ff7290ad;background:radial-gradient(circle at 18% 0%,rgba(255,110,140,.2),transparent 46%),linear-gradient(145deg,#280812f0,#120a18e6);box-shadow:0 24px 70px #000000a8,0 0 22px #ff699142}.overlay__panel--fatal h2{color:var(--s3-accent-pink-soft);text-shadow:0 0 14px rgba(255,120,160,.6)}.overlay__fatal-details{margin-top:.45rem;font-family:var(--s3-font-mono);font-size:.76rem;color:var(--s3-fg-fatal);letter-spacing:.02em;word-break:break-word;background:#0000004d;border:1px solid rgba(255,161,187,.22);border-radius:var(--s3-radius-sm);padding:var(--s3-space-2) .55rem}.overlay__panel--final h2{color:var(--s3-accent-orange-soft);text-shadow:0 0 18px rgba(255,190,94,.72)}.overlay__celebration{pointer-events:none;position:absolute;inset:0;overflow:hidden}.overlay__celebration span{position:absolute;width:8px;height:8px;border-radius:var(--s3-radius-pill);opacity:.78;animation:confetti-rise 2.2s linear infinite}.overlay__celebration span:nth-child(1){left:8%;bottom:-12px;background:var(--s3-accent-cyan-soft);animation-delay:0s}.overlay__celebration span:nth-child(2){left:24%;bottom:-8px;background:var(--s3-accent-yellow);animation-delay:.28s}.overlay__celebration span:nth-child(3){left:41%;bottom:-10px;background:var(--s3-confetti-green);animation-delay:.52s}.overlay__celebration span:nth-child(4){left:59%;bottom:-9px;background:var(--s3-accent-orange-soft);animation-delay:.84s}.overlay__celebration span:nth-child(5){left:77%;bottom:-12px;background:var(--s3-confetti-blue);animation-delay:1.1s}.overlay__celebration span:nth-child(6){left:92%;bottom:-8px;background:var(--s3-accent-mint);animation-delay:1.34s}.overlay__celebration--record span:nth-child(1){background:var(--s3-accent-lime)}.overlay__celebration--record span:nth-child(2){background:var(--s3-accent-cyan-soft)}.overlay__celebration--record span:nth-child(3){background:var(--s3-confetti-gold)}.overlay__celebration--record span:nth-child(4){background:var(--s3-accent-lime)}.overlay__celebration--record span:nth-child(5){background:var(--s3-accent-cyan-soft)}.overlay__celebration--record span:nth-child(6){background:var(--s3-confetti-gold)}.overlay__record-badge{position:relative;margin:0 auto .95rem;width:min(100%,360px);padding:.72rem .88rem;border:1px solid rgba(182,255,100,.48);border-radius:var(--s3-radius-xl);background:radial-gradient(circle at 50% 0%,rgba(182,255,100,.18),transparent 62%),linear-gradient(135deg,#13361ce6,#0a1b1ce0);box-shadow:0 14px 36px #00000057,0 0 18px #b6ff6429;display:grid;gap:.22rem;justify-items:center;animation:record-badge-pop .36s var(--s3-ease)}.overlay__record-badge-label{color:var(--s3-accent-lime-pale);font-size:clamp(.9rem,2.4vw,1.05rem);font-weight:700;letter-spacing:var(--s3-tracking-wide);text-transform:uppercase;text-shadow:var(--s3-glow-lime)}.overlay__record-badge-body{color:var(--s3-accent-lime-faint);font-size:clamp(.8rem,2vw,.92rem);letter-spacing:var(--s3-tracking-tight)}@keyframes final-panel-glow{0%{box-shadow:0 30px 80px #000000a8,0 0 20px #ffc55f33,inset 0 0 48px #74bfff14}50%{box-shadow:0 34px 88px #000000b3,0 0 30px #ffda8559,inset 0 0 66px #74bfff29}to{box-shadow:0 30px 80px #000000a8,0 0 20px #ffc55f33,inset 0 0 48px #74bfff14}}@keyframes record-panel-glow{0%{box-shadow:0 30px 80px #000000a8,0 0 24px #b6ff642e,inset 0 0 60px #b6ff6414}50%{box-shadow:0 30px 80px #000000a8,0 0 34px #b6ff6447,inset 0 0 76px #7ee4ff1f}to{box-shadow:0 30px 80px #000000a8,0 0 24px #b6ff642e,inset 0 0 60px #b6ff6414}}@keyframes confetti-rise{0%{transform:translateY(0) scale(.7);opacity:0}20%{opacity:.85}80%{opacity:.7}to{transform:translateY(-190px) scale(1.15);opacity:0}}@keyframes record-badge-pop{0%{opacity:0;transform:translateY(-10px) scale(.92)}72%{opacity:1;transform:translateY(2px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes eat-flash-anim{0%{opacity:.1}to{opacity:0}}.eat-flash{position:fixed;inset:0;pointer-events:none;opacity:0}@keyframes screen-shake{0%{transform:translate(0)}20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-3px,1px)}80%{transform:translate(2px,-1px)}to{transform:translate(0)}}.screen-shake{animation:screen-shake .3s var(--s3-ease)}@keyframes score-pop{0%{opacity:1;transform:translateY(0) scale(1.1)}60%{opacity:.7;transform:translateY(-10px) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.9)}}.hud__score-pop{position:fixed;font-size:1rem;color:var(--accent-lime);pointer-events:none;opacity:0;font-weight:700;letter-spacing:.04em;text-shadow:0 0 12px rgba(182,255,100,.85),0 0 4px rgba(182,255,100,.5);z-index:20}.hud__score-pop--active{animation:score-pop .6s var(--s3-ease) forwards}.overlay__record-hint{margin:-.1rem 0 .6rem;font-size:1rem;font-weight:700;color:var(--accent-lime);letter-spacing:var(--s3-tracking-wide);text-shadow:0 0 16px rgba(182,255,100,.75),0 0 4px rgba(182,255,100,.5)}.overlay__panel--menu [data-action=start]{animation:hud-heartbeat 2s ease-in-out infinite}@media(max-height:620px){.overlay{padding:.45rem}.overlay__panel{width:min(97vw,430px);padding:.82rem .72rem;border-radius:var(--s3-radius-lg)}.overlay__panel h1{font-size:clamp(1.1rem,5.9vw,1.56rem)}.overlay__panel p{margin-top:.46rem;line-height:1.26;font-size:clamp(.76rem,2.1vw,.86rem)}.overlay__keys{margin-top:.48rem;gap:.22rem;font-size:clamp(.66rem,1.9vw,.79rem)}.overlay__button{margin-top:.58rem;padding:.44rem .72rem;font-size:.76rem}.overlay__button--secondary{padding:.42rem .66rem;font-size:.72rem}}