:root{--app-height: 100svh;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--control-gap: clamp(.8rem, 3vw, 1.35rem);--steer-size: clamp(126px, 31vw, 172px);--boost-size: clamp(112px, 26vw, 152px);--zap-bg: #050b24;--zap-panel: rgba(7, 13, 38, .84);--zap-line: rgba(255, 255, 255, .16);--zap-green: #9cff00;--zap-mint: #b7ff37;--zap-gold: #ffe436;--zap-blue: #1294ff;--zap-pink: #ff4f91;--zap-coral: #ff7b54;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--zap-bg);color:#f4f7ed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;min-width:320px;min-height:var(--app-height);height:var(--app-height);margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none}body{min-height:var(--app-height);background:var(--zap-bg);position:fixed;inset:0}button,input{font:inherit}button{min-height:48px;border:0;border-radius:8px;cursor:pointer;touch-action:manipulation}button[hidden]{display:flex}.game-app,.game-stage,.game-surface{width:100%;height:var(--app-height)}.game-stage{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 12%,rgba(156,255,0,.16),transparent 24rem),radial-gradient(circle at 84% 18%,rgba(18,148,255,.14),transparent 22rem),radial-gradient(circle at 86% 82%,rgba(255,79,145,.13),transparent 24rem),linear-gradient(135deg,#050b24,#081634 58%,#15091f);isolation:isolate;touch-action:none;user-select:none;overscroll-behavior:none;-webkit-user-select:none}.game-surface{position:absolute;inset:0;outline:none;touch-action:none;-webkit-user-select:none;user-select:none;contain:strict}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.game-surface canvas{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}.game-hud{position:absolute;top:max(.75rem,var(--safe-top));left:max(.75rem,var(--safe-left));max-width:min(31rem,calc(100vw - max(.75rem,var(--safe-left)) - max(17rem,calc(var(--safe-right) + 16rem))));z-index:4;display:grid;grid-template-columns:auto auto auto;grid-auto-flow:dense;gap:.38rem;pointer-events:none}body.death-freeze .game-hud,body.death-freeze .leaderboard,body.death-freeze .rank-pill,body.death-freeze .challenge-button,body.death-freeze .controls-toggle,body.death-freeze .elimination-feed{opacity:.28}body:not(.is-playing) .game-hud,body:not(.is-playing) .leaderboard,body:not(.is-playing) .rank-pill,body:not(.is-playing) .mobile-controls,body:not(.is-playing) .fullscreen-button,body:not(.is-playing) .mute-button,body:not(.is-playing) .challenge-button,body:not(.is-playing) .controls-toggle,body:not(.is-playing) .elimination-feed{opacity:0;pointer-events:none}.hud-card{min-width:70px;padding:.38rem .52rem;border:1px solid var(--zap-line);border-radius:8px;background:#050b2470;box-shadow:0 8px 22px #0003;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hud-timer{order:1;min-width:118px;padding:.46rem .72rem;border-color:#ffe43647;background:linear-gradient(135deg,#ffe43621,#050b2485),#050b2480}.hud-score{order:2;min-width:112px}.hud-boost{order:3;min-width:102px;background:linear-gradient(90deg,rgba(156,255,0,.16),transparent var(--boost-hud-fill, 100%)),#050b247a}.hud-best,.hud-length,.hud-players,.hud-streak{order:4;min-width:58px;padding:.24rem .38rem;border-color:#f4f7ed1a;background:#050b2447;opacity:.66}.hud-best .hud-label,.hud-length .hud-label,.hud-players .hud-label,.hud-streak .hud-label{font-size:.56rem}.hud-best strong,.hud-length strong,.hud-players strong,.hud-streak strong{font-size:1rem}.hud-label,.eyebrow{display:block;color:var(--zap-mint);font-size:.7rem;font-weight:850;letter-spacing:0;text-transform:uppercase}.game-hud strong{display:block;margin-top:.1rem;color:#f4f7ed;font-size:clamp(1.05rem,3.2vw,1.42rem);line-height:1}.hud-timer strong{font-size:clamp(1.8rem,4vw,2.55rem);letter-spacing:0}.hud-score strong{font-size:clamp(1.52rem,3.4vw,2.05rem)}.hud-boost strong{font-size:clamp(1.18rem,2.6vw,1.52rem)}.game-hud strong.low-boost{color:#ffcf5b}.game-hud strong.timer-warning{color:var(--zap-gold);text-shadow:0 0 18px rgba(255,228,54,.42)}.game-hud strong.timer-urgent{color:var(--zap-pink);text-shadow:0 0 20px rgba(255,79,145,.52)}body.timer-urgent .game-stage:after{content:"";position:absolute;inset:0;z-index:2;border:10px solid rgba(255,79,145,.16);pointer-events:none;box-shadow:inset 0 0 44px #ff4f911f}body.timer-warning .hud-timer{border-color:#ffe4368f;box-shadow:0 0 0 6px #ffe4360f,0 0 28px #ffe4362e,0 8px 22px #0003}body.timer-urgent .hud-timer{border-color:#ff4f91a8;box-shadow:0 0 0 8px #ff4f9112,0 0 34px #ff4f913d,0 8px 22px #0003}body.score-burst #run-score{animation:score-pop .52s ease-out;color:var(--zap-gold);text-shadow:0 0 18px rgba(255,228,54,.54)}@keyframes score-pop{0%{transform:scale(1)}42%{transform:scale(1.22)}to{transform:scale(1)}}.fullscreen-button,.mute-button,.controls-toggle{position:absolute;z-index:5;top:max(.75rem,var(--safe-top));right:max(.75rem,var(--safe-right));min-width:5.4rem;min-height:40px;padding:0 .68rem;border:1px solid rgba(244,247,237,.2);background:#050b249e;color:#f4f7ed;font-size:.74rem;font-weight:850;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 22px #0003}.mute-button{right:calc(max(.75rem,var(--safe-right)) + 5.75rem)}.controls-toggle{display:none;align-items:center;justify-content:center;top:calc(max(.75rem,var(--safe-top)) + 3rem);right:max(.75rem,var(--safe-right));min-width:7.1rem}.challenge-button{position:absolute;z-index:5;top:max(.75rem,var(--safe-top));right:calc(max(.75rem,var(--safe-right)) + 11.5rem);min-width:8.7rem;min-height:40px;padding:0 .76rem;border:1px solid rgba(255,228,54,.24);background:#050b2494;color:var(--zap-gold);font-size:.74rem;font-weight:900;box-shadow:0 8px 22px #0003;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.challenge-button:disabled{opacity:.44}.challenge-button.shared{background:var(--zap-green);color:#05100c;box-shadow:0 0 0 8px #9cff0014,0 0 28px #9cff003d}.social-toast{position:absolute;z-index:8;top:calc(max(.75rem,var(--safe-top)) + 7rem);left:50%;width:min(360px,calc(100vw - 2rem - var(--safe-left) - var(--safe-right)));margin:0;transform:translate(-50%);padding:.75rem .95rem;border:1px solid rgba(156,255,0,.34);border-radius:8px;background:#050b24e0;color:#f4f7ed;font-size:.9rem;font-weight:850;text-align:center;box-shadow:0 16px 42px #00000047;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.social-toast.hidden{opacity:0;pointer-events:none}.score-pop{position:absolute;z-index:8;top:calc(max(.75rem,var(--safe-top)) + 4.2rem);left:max(1.4rem,calc(var(--safe-left) + 1.1rem));min-width:4.4rem;padding:.3rem .58rem;border-radius:999px;background:#ffe436f0;color:#171005;font-size:1.35rem;font-weight:950;line-height:1;text-align:center;text-shadow:none;box-shadow:0 0 0 7px #ffe4361a,0 0 28px #ffe43657,0 14px 30px #00000047;transform:translateY(0) scale(.9);opacity:0;pointer-events:none}.score-pop.show{animation:score-float .78s ease-out forwards}.score-pop.big{background:var(--zap-green);color:#05100c;box-shadow:0 0 0 9px #9cff001f,0 0 34px #9cff0061,0 14px 30px #00000047}.score-pop.hidden{opacity:0}@keyframes score-float{0%{opacity:0;transform:translateY(.25rem) scale(.86)}28%{opacity:1;transform:translateY(-.15rem) scale(1.08)}to{opacity:0;transform:translateY(-2.2rem) scale(.96)}}.elimination-feed{position:absolute;z-index:4;left:max(.75rem,var(--safe-left));bottom:max(.8rem,var(--safe-bottom));display:grid;gap:.35rem;width:min(320px,calc(100vw - 2rem - var(--safe-left) - var(--safe-right)));pointer-events:none}.elimination-feed p{margin:0;padding:.45rem .62rem;border:1px solid rgba(255,228,54,.18);border-radius:8px;background:#050b247a;color:#f4f7ed;font-size:.74rem;font-weight:850;box-shadow:0 10px 24px #0000002e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.elimination-feed strong{color:var(--zap-gold)}.fullscreen-button:active,.fullscreen-button[aria-pressed=true],.fullscreen-button.nudge,.mute-button:active,.mute-button[aria-pressed=true],.controls-toggle:active,.controls-toggle[aria-pressed=true]{background:var(--zap-green);color:#05100c}.fullscreen-button.nudge{animation:fullscreen-nudge .86s ease-in-out infinite alternate;box-shadow:0 0 0 7px #9cff0014,0 0 32px #9cff0047}@keyframes fullscreen-nudge{0%{transform:translateY(0)}to{transform:translateY(2px)}}.fullscreen-button[aria-disabled=true]{opacity:.72}.leaderboard{position:absolute;z-index:4;top:calc(max(.75rem,var(--safe-top)) + 3.2rem);right:max(.75rem,var(--safe-right));width:min(230px,calc(100vw - 1.5rem - var(--safe-left) - var(--safe-right)));max-height:min(42vh,calc(var(--app-height) - 7.4rem));padding:.44rem;border:1px solid rgba(244,247,237,.15);border-radius:8px;background:#050b2457;box-shadow:0 12px 32px #0003;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:.74;pointer-events:auto;overflow:hidden}.leaderboard-title{width:100%;min-height:28px;padding:0 .1rem;border-radius:6px;background:transparent;color:#8df2b7;font-size:.72rem;font-weight:900;letter-spacing:0;text-align:left;text-transform:uppercase}.leaderboard-title:after{content:" tap to expand";float:right;color:#f4f7ed7a;font-size:.58rem;font-weight:850;text-transform:none}.leaderboard-title[aria-expanded=true]:after{content:" tap to collapse"}.leaderboard ol{display:grid;gap:.28rem;margin:.42rem 0 0;padding:0;list-style:none}.leaderboard li{display:grid;grid-template-columns:1.28rem minmax(0,1fr) auto auto;align-items:center;gap:.34rem;min-height:1.32rem;color:#d8e6d2;font-size:.69rem}.leaderboard li.is-local-extra{margin-top:.18rem;padding-top:.22rem;border-top:1px solid rgba(244,247,237,.12)}.leaderboard li.is-local{color:#fff}.leaderboard li.is-ai{color:#cfe3ff}.leaderboard .rank{display:grid;place-items:center;width:1.15rem;height:1.15rem;border-radius:999px;background:#9cff0024;color:#8df2b7;font-size:.65rem;font-weight:900}.leaderboard li span:not(.rank){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard li strong{color:var(--zap-gold);font-size:.68rem}.leaderboard .player-kind{min-width:1.42rem;padding:.08rem .22rem;border-radius:999px;background:#1294ff29;color:#9ed4ff;font-size:.52rem;font-style:normal;font-weight:950;text-align:center}.leaderboard li.is-local .player-kind{background:#9cff002e;color:var(--zap-green)}.leaderboard li.is-ai .player-kind{background:#ff4f9129;color:#ff91ba}.rank-pill{position:absolute;z-index:5;top:calc(max(.75rem,var(--safe-top)) + 12.6rem);right:max(.75rem,var(--safe-right));display:grid;grid-template-columns:auto auto;align-items:center;gap:.08rem .48rem;min-width:7.3rem;min-height:50px;padding:.42rem .68rem;border:1px solid rgba(156,255,0,.26);border-radius:999px;background:#050b249e;box-shadow:0 0 22px #9cff0024,0 12px 30px #00000040;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none}.rank-pill span{color:#8df2b7;font-size:.62rem;font-weight:950;text-transform:uppercase}.rank-pill strong{grid-row:span 2;color:var(--zap-gold);font-size:1.28rem;line-height:1}.rank-pill em{color:#f4f7ed;font-size:.72rem;font-style:normal;font-weight:850}.rank-pill.is-top{border-color:#ffe43685;box-shadow:0 0 30px #ffe43638,0 12px 30px #00000040}.start-panel{position:absolute;z-index:6;inset:0;display:block;width:100%;min-height:var(--app-height);padding:max(.8rem,var(--safe-top)) max(.85rem,var(--safe-right)) max(1rem,var(--safe-bottom)) max(.85rem,var(--safe-left));background:radial-gradient(circle at 14% 12%,rgba(173,255,0,.16),transparent 17rem),radial-gradient(circle at 82% 8%,rgba(18,148,255,.18),transparent 18rem),radial-gradient(circle at 74% 78%,rgba(255,79,145,.11),transparent 16rem),linear-gradient(135deg,#050b24fa,#08101df5 58%,#080b21fa);overflow-y:auto;touch-action:manipulation;user-select:text;-webkit-user-select:text}.start-panel:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 50% 35%,black,transparent 72%);mask-image:radial-gradient(circle at 50% 35%,black,transparent 72%)}.home-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(.9rem,3.2vw,2.6rem);width:min(1240px,100%);min-height:calc(var(--app-height) - max(1.8rem,var(--safe-top)) - max(1.8rem,var(--safe-bottom)));margin:0 auto;align-items:center}.hero-section,.home-side{min-width:0}.hero-section{display:grid;gap:clamp(.65rem,2vh,1rem);align-content:center}.brand-lockup{display:grid;place-items:start center;width:100%;padding:.05rem 0}.brand-logo{display:block;width:min(100%,330px);height:auto;max-height:clamp(6.2rem,19vh,11rem);object-fit:contain;filter:drop-shadow(0 16px 34px rgba(0,0,0,.38)) drop-shadow(0 0 18px rgba(18,148,255,.22));animation:mascot-idle 4.8s ease-in-out infinite}.hero-copy{display:grid;gap:.4rem;text-align:center}.hero-copy h1{display:grid;gap:.05em;margin:0;color:#fff;font-size:clamp(1.9rem,6.2vw,3.65rem);font-weight:1000;line-height:.86;text-transform:uppercase;text-shadow:0 5px 0 rgba(18,148,255,.34),0 0 34px rgba(156,255,0,.16)}.hero-copy h1 span:nth-child(2){color:var(--zap-gold)}.hero-copy h1 span:nth-child(3){color:#dfffb5}.result-panel{position:absolute;z-index:7;top:50%;left:50%;width:min(380px,calc(100vw - 2rem - var(--safe-left) - var(--safe-right)));transform:translate(-50%,-50%);display:grid;gap:1rem;padding:clamp(1rem,4vw,1.35rem);border:1px solid rgba(255,207,91,.26);border-radius:8px;background:linear-gradient(180deg,#060d26f2,#060d26db),radial-gradient(circle at 50% 0%,rgba(255,228,54,.18),transparent 15rem),radial-gradient(circle at 90% 70%,rgba(255,79,145,.13),transparent 13rem);box-shadow:0 32px 90px #00000080;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);text-align:center}.result-brand{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;color:#fff;font-weight:950;font-size:1rem}.result-brand img{width:3rem;height:3rem;border-radius:8px;box-shadow:0 0 18px #9cff0038}.result-panel.hidden{opacity:0;pointer-events:none;transform:translate(-50%,calc(-50% + .5rem));transition:opacity .16s ease,transform .16s ease}.result-panel h2{margin:0;color:#f4f7ed;font-size:clamp(2.1rem,8vw,3.8rem);line-height:.95;letter-spacing:0}.result-panel.is-complete,.result-panel.is-new-best{border-color:#9cff006b;background:linear-gradient(180deg,#060d26f2,#060d26db),radial-gradient(circle at 50% 0%,rgba(156,255,0,.24),transparent 15rem),radial-gradient(circle at 88% 72%,rgba(255,228,54,.16),transparent 13rem);box-shadow:0 0 0 8px #9cff000d,0 32px 90px #00000080}.result-panel.is-crash{border-color:#ff4f9142}.result-panel.is-complete h2,.result-panel.is-new-best h2{color:var(--zap-gold);text-shadow:0 0 24px rgba(255,228,54,.24)}.result-reason{max-width:28rem;margin:-.35rem auto 0;color:#d5e8ff;font-size:.95rem;font-weight:800;line-height:1.35}.result-best-note{margin:-.58rem auto 0;color:var(--zap-gold);font-size:.86rem;font-weight:900;line-height:1.3}.result-score{display:grid;gap:.2rem}.result-score span,.result-stats dt{color:#8df2b7;font-size:.72rem;font-weight:900;text-transform:uppercase}.result-score strong{color:var(--zap-gold);font-size:clamp(3rem,12vw,5rem);line-height:.95}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0}.result-stats div{padding:.65rem .5rem;border:1px solid rgba(244,247,237,.14);border-radius:8px;background:#f4f7ed12}.result-stats dd{margin:.15rem 0 0;color:#f4f7ed;font-size:1.35rem;font-weight:900}.result-actions{display:grid;grid-template-columns:1fr;gap:.65rem}#play-again-button,#result-challenge-button,#share-result-button{width:100%;background:var(--zap-green);color:#05100c;font-weight:950}#play-again-button{min-height:60px;font-size:1.05rem;box-shadow:0 0 0 7px #9cff0014,0 0 34px #9cff0052;animation:play-again-breathe 1.7s ease-in-out infinite}#share-result-button{border:1px solid rgba(255,228,54,.36);background:#ffe43629;color:var(--zap-gold)}#result-challenge-button{border:1px solid rgba(18,148,255,.42);background:#1294ff2e;color:#d5e8ff}#result-challenge-button.shared{background:var(--zap-gold);color:#171005}@keyframes play-again-breathe{0%,to{transform:translateY(0);box-shadow:0 0 0 7px #9cff0014,0 0 34px #9cff0047}50%{transform:translateY(-1px);box-shadow:0 0 0 10px #9cff001a,0 0 42px #9cff0061}}.start-panel.hidden{opacity:0;transform:translateY(-.5rem);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.eyebrow,.intro,h1{margin:0}.intro{max-width:42rem;margin:0 auto;color:#d5e8ff;font-size:clamp(.94rem,2vw,1.02rem);line-height:1.45;text-align:center}.connection-status{display:none;min-height:1rem;margin:-.1rem 0 0;color:#d5e8ffb3;font-size:.74rem;font-weight:800;text-align:center}.connection-status.is-visible{display:block}.start-form{display:grid;gap:.58rem;width:min(100%,470px);margin:.2rem auto 0;padding:0}.start-form label{color:#f4f7ed;font-size:.9rem;font-weight:800}.optional-label{color:#8df2b7;font-size:.72rem;font-weight:900;text-transform:uppercase}.arena-summary{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.62rem;min-height:40px;padding:.44rem .6rem;border:1px solid rgba(156,255,0,.18);border-radius:8px;background:#9cff000e;color:#f4f7ed;box-shadow:inset 0 0 24px #9cff0014}.arena-summary:before{content:"";width:.62rem;height:.62rem;border-radius:999px;background:var(--zap-green);box-shadow:0 0 16px #9cff00c2;animation:live-pulse 1.5s ease-in-out infinite}.arena-summary span{color:var(--zap-mint);font-size:.72rem;font-weight:950;text-transform:uppercase}.arena-summary strong{grid-column:2;color:var(--zap-gold);font-size:.78rem;font-weight:950;text-align:left}.challenge-preview{display:grid;gap:.2rem;min-height:58px;padding:.72rem .82rem;border:1px solid rgba(255,228,54,.36);border-radius:8px;background:#ffe4361f;box-shadow:inset 0 0 24px #ffe43614;text-align:left}.challenge-preview.hidden{display:none}.challenge-preview span,.challenge-preview small{color:#d5e8ff;font-size:.76rem;font-weight:850}.challenge-preview strong{color:var(--zap-gold);font-size:.98rem;font-weight:950}.social-proof{margin:0;color:#d5e8ff9e;font-size:.68rem;font-weight:850;text-align:center}.lobby-leaderboard{display:grid;gap:.62rem;padding:.82rem;border:1px solid rgba(244,247,237,.12);border-radius:8px;background:linear-gradient(180deg,#f4f7ed12,#f4f7ed0a),#070d268a}.lobby-leaderboard-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;list-style:none}.lobby-leaderboard-head::-webkit-details-marker{display:none}.lobby-leaderboard-head>span{display:grid;gap:.18rem}.lobby-leaderboard h2,.lobby-leaderboard-head strong{margin:0;color:#f4f7ed;font-size:.9rem;line-height:1}.lobby-leaderboard-head small,.lobby-leaderboard-head em{color:var(--zap-mint);font-size:.72rem;font-weight:900;font-style:normal;text-transform:uppercase}.lobby-leaderboard ol{display:grid;grid-template-columns:1fr;gap:.34rem;margin:0;padding:0;list-style:none}.lobby-leaderboard li{display:grid;grid-template-columns:1.45rem minmax(0,1fr) auto auto;align-items:center;gap:.35rem;min-height:32px;color:#d5e8ff;font-size:.76rem;font-weight:800}.lobby-leaderboard:not([open]) li:nth-child(n+4){display:none}.lobby-leaderboard li.is-empty{grid-column:1 / -1;display:block;color:#d5e8ffc7;text-align:center}.lobby-leaderboard li.is-local{color:var(--zap-gold)}.lobby-leaderboard .rank{display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:999px;background:#9cff0029;color:var(--zap-mint);font-size:.68rem;font-weight:950}.lobby-leaderboard strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-kind{min-width:1.35rem;padding:.12rem .24rem;border-radius:999px;background:#f4f7ed1a;color:#d5e8ffd1;font-size:.58rem;font-weight:950;text-align:center}.lobby-kind.is-ai{background:#ff4f912e;color:#ff91ba}.lobby-leaderboard em{color:var(--zap-gold);font-style:normal;font-weight:950}body.friend-joined .social-toast{animation:friend-toast-pop .72s ease-out;border-color:#ffe4369e;box-shadow:0 0 0 8px #ffe43614,0 18px 48px #00000052}@keyframes friend-toast-pop{0%{transform:translate(-50%) scale(.9)}46%{transform:translate(-50%) scale(1.05)}to{transform:translate(-50%) scale(1)}}.nickname-field{display:grid;gap:.42rem}.nickname-summary{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.35rem .55rem;border:1px solid rgba(244,247,237,.11);border-radius:8px;background:#f4f7ed0e;color:#d5e8ff;font-size:.86rem;font-weight:850}.nickname-summary strong{color:#fff}.nickname-summary button{min-height:34px;padding:0 .7rem;border:1px solid rgba(255,228,54,.26);background:#ffe4361f;color:var(--zap-gold);font-size:.74rem;font-weight:950}input{width:100%;min-height:52px;border:1px solid rgba(244,247,237,.18);border-radius:8px;padding:0 .95rem;background:#f4f7ed17;color:#f4f7ed;outline:none}.nickname-input{display:none}.nickname-input.is-editing,.nickname-input:focus{display:block}input:focus{border-color:var(--zap-mint);box-shadow:0 0 0 3px #9cff002e}#play-button{width:100%;min-height:clamp(64px,9vh,78px);padding:0 1.05rem;background:linear-gradient(180deg,#d8ff63,var(--zap-green) 52%,#79d900),var(--zap-green);color:#071015;font-size:clamp(1.16rem,4vw,1.45rem);font-weight:950;letter-spacing:.02em;white-space:nowrap;box-shadow:0 8px #4d8e00,0 0 0 7px #9cff0017,0 0 36px #9cff006b}#play-button:before{content:"⚡";margin-right:.42rem;color:#06101a}#play-button:active{transform:translateY(4px);box-shadow:0 4px #4d8e00,0 0 0 7px #9cff0017,0 0 26px #9cff0052}.play-subtext{margin:-.02rem 0 0;color:#fff;font-size:.78rem;font-weight:950;text-align:center;text-transform:uppercase}#play-button:hover,#play-again-button:hover,.challenge-button:hover{filter:brightness(1.06)}button:focus-visible,input:focus-visible{outline:3px solid var(--zap-gold);outline-offset:3px}.analytics-consent{display:flex;align-items:center;justify-content:center;gap:.55rem;margin-top:.1rem;color:#d5e8ff85;font-size:.68rem;font-weight:750;-webkit-user-select:none;user-select:none}.analytics-consent input{width:.98rem;min-height:.98rem;accent-color:var(--zap-green)}.home-side{display:grid;gap:.72rem}.gameplay-preview{position:relative;display:none;min-height:318px;overflow:hidden;border:1px solid rgba(244,247,237,.12);border-radius:8px;background:radial-gradient(circle at 18% 22%,rgba(156,255,0,.14),transparent 8rem),radial-gradient(circle at 74% 28%,rgba(255,228,54,.12),transparent 9rem),radial-gradient(circle at 76% 76%,rgba(255,79,145,.11),transparent 8rem),linear-gradient(135deg,#141f30b8,#070d26c7);box-shadow:0 24px 70px #0000004d}.gameplay-preview.is-paused *,.gameplay-preview.is-paused *:before,.gameplay-preview.is-paused *:after{animation-play-state:paused!important}.preview-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:34px 34px;opacity:.6}.preview-snake{position:absolute;width:46%;height:46%;filter:drop-shadow(0 0 16px rgba(156,255,0,.24));animation:preview-drift 7.5s ease-in-out infinite}.preview-snake span{position:absolute;width:1.9rem;aspect-ratio:1;border-radius:999px;background:var(--zap-green);box-shadow:inset 0 -6px #00000029,0 0 18px #9cff003d}.snake-one{left:10%;top:26%}.snake-two{right:6%;bottom:8%;width:38%;height:38%;animation-delay:-2.1s;filter:drop-shadow(0 0 16px rgba(255,79,145,.24))}.snake-three{left:54%;top:12%;width:30%;height:32%;animation-delay:-4.2s;filter:drop-shadow(0 0 16px rgba(122,215,255,.24))}.snake-one span:nth-child(1){left:2%;top:54%;width:2.45rem;background:#d8ff63}.snake-one span:nth-child(2){left:16%;top:44%;width:2.25rem;background:#adff00}.snake-one span:nth-child(3){left:31%;top:34%;width:2.05rem;background:#9cff00}.snake-one span:nth-child(4){left:46%;top:38%;width:1.9rem;background:#7ad7ff}.snake-one span:nth-child(5){left:60%;top:51%;width:1.72rem;background:#6cb6ff}.snake-one span:nth-child(6){left:72%;top:67%;width:1.52rem;background:#1294ff}.snake-two span:nth-child(1){left:68%;top:8%;width:2.15rem;background:#fc3}.snake-two span:nth-child(2){left:52%;top:22%;width:1.95rem;background:#ff7b54}.snake-two span:nth-child(3){left:36%;top:38%;width:1.78rem;background:#ff4f91}.snake-two span:nth-child(4){left:21%;top:53%;width:1.58rem;background:#ff91ba}.snake-two span:nth-child(5){left:7%;top:61%;width:1.36rem;background:#c7a6ff}.snake-three span:nth-child(1){left:50%;top:0%;width:1.9rem;background:#7ad7ff}.snake-three span:nth-child(2){left:37%;top:18%;width:1.66rem;background:#6cb6ff}.snake-three span:nth-child(3){left:24%;top:36%;width:1.46rem;background:#1294ff}.snake-three span:nth-child(4){left:12%;top:54%;width:1.24rem;background:#adff00}.snake-one span:nth-child(1):before,.snake-two span:nth-child(1):before,.snake-three span:nth-child(1):before{content:"";position:absolute;top:28%;right:22%;width:.32rem;height:.32rem;border-radius:999px;background:#071015;box-shadow:-.48rem 0 #071015}.preview-food{position:absolute;width:16px;height:16px;border-radius:999px;background:var(--zap-gold);box-shadow:0 0 18px #ffe436b8}.preview-food.food-one{top:28%;left:68%}.preview-food.food-two{top:68%;left:24%;background:var(--zap-pink);box-shadow:0 0 18px #ff4f919e}.preview-food.food-three{top:22%;left:32%;background:#7ad7ff;box-shadow:0 0 18px #7ad7ff9e}.preview-food.food-four{top:78%;left:72%;width:12px;height:12px;background:var(--zap-green);box-shadow:0 0 18px #9cff009e}.preview-burst{position:absolute;top:48%;left:63%;width:4.5rem;aspect-ratio:1;border-radius:999px;border:2px solid rgba(255,228,54,.54);opacity:.72;animation:preview-burst 2.8s ease-out infinite}.preview-score{position:absolute;top:38%;left:61%;color:var(--zap-gold);font-size:1.4rem;font-weight:1000;text-shadow:0 0 20px rgba(255,228,54,.44);animation:score-float 2.2s ease-in-out infinite}.preview-callout{position:absolute;right:8%;bottom:10%;padding:.36rem .52rem;border:1px solid rgba(255,228,54,.28);border-radius:999px;background:#ffe4361f;color:var(--zap-gold);font-size:.68rem;font-weight:950;text-transform:uppercase}.motivation-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.52rem}.motivation-panel div{display:grid;gap:.22rem;min-width:0;padding:.68rem .58rem;border:1px solid rgba(244,247,237,.12);border-radius:8px;background:#f4f7ed0f;text-align:center}.motivation-panel strong{overflow:hidden;color:#fff;font-size:clamp(1rem,4vw,1.42rem);font-weight:1000;text-overflow:ellipsis;white-space:nowrap}.motivation-panel span{color:#a5b4c8;font-size:.68rem;font-weight:950;text-transform:uppercase}.motivation-panel div:nth-child(2) strong{color:var(--zap-gold)}@keyframes mascot-idle{0%,to{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-5px) rotate(.6deg)}}@keyframes live-pulse{0%,to{transform:scale(.82);opacity:.72}50%{transform:scale(1);opacity:1}}@keyframes score-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes preview-drift{0%,to{transform:translateZ(0) rotate(-2deg)}50%{transform:translate3d(.45rem,-.35rem,0) rotate(2deg)}}@keyframes preview-burst{0%{transform:scale(.3);opacity:.76}74%,to{transform:scale(1.18);opacity:0}}.mobile-controls{position:absolute;z-index:6;inset:auto max(1rem,var(--safe-right)) calc(max(.85rem,var(--safe-bottom)) + .15rem) max(1rem,var(--safe-left));display:none;justify-content:space-between;align-items:end;gap:max(var(--control-gap),1rem);pointer-events:none;touch-action:none}body.controls-left .mobile-controls{flex-direction:row-reverse}.steer-pad,.boost-button{pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none}.steer-pad{position:relative;width:var(--steer-size);aspect-ratio:1;border:1px solid rgba(244,247,237,.18);border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(244,247,237,.12) 0 14%,transparent 15%),radial-gradient(circle at 50% 50%,#9cff001f,#050b2433 62%,#050b2414),#f4f7ed0a;box-shadow:inset 0 0 34px #9cff0017,0 12px 28px #0000003d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);contain:layout paint style}.steer-pad:before{content:"";position:absolute;inset:18%;border:1px dashed rgba(244,247,237,.18);border-radius:inherit}.steer-pad span{position:absolute;top:50%;left:50%;width:42%;aspect-ratio:1;border-radius:999px;border:1px solid rgba(244,247,237,.46);background:radial-gradient(circle at 35% 28%,#ffffff,#dfffe8 38%,var(--zap-green) 72%),var(--zap-green);box-shadow:0 0 22px #9cff0042,0 10px 24px #0000004d;transform:translate(-50%,-50%);transition:transform .12s ease}.steer-pad.active span{transition:none}.boost-button{--boost-fill: 100%;position:relative;width:var(--boost-size);aspect-ratio:1;border:2px solid rgba(255,228,54,.78);border-radius:999px;background:radial-gradient(circle at 50% 50%,#fff1a6 0 18%,var(--zap-gold) 19% 52%,transparent 53%),conic-gradient(var(--zap-gold) var(--boost-fill),rgba(244,247,237,.16) 0);color:#20150a;font-weight:950;letter-spacing:0;text-transform:uppercase;box-shadow:0 0 38px #ffe43670,0 14px 34px #00000057;contain:layout paint style;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.boost-button.active{transform:scale(.93);filter:saturate(1.12) brightness(1.04);box-shadow:0 0 0 10px #ffe4361a,0 0 44px #ffe43680,0 14px 34px #0000005c}.boost-button.low-boost{border-color:#ff4f91c7;background:radial-gradient(circle at 50% 50%,#ffcf5b 0 52%,transparent 53%),conic-gradient(#ff4f91 var(--boost-fill),rgba(244,247,237,.16) 0);box-shadow:0 0 28px #ff4f9157,0 14px 34px #00000057}@media(max-width:900px){.mobile-controls,.controls-toggle{display:flex}}@media(pointer:coarse)and (max-width:1180px){.mobile-controls,.controls-toggle{display:flex}}@media(hover:hover)and (pointer:fine){.steer-pad{opacity:.2}.boost-button{opacity:.78}.steer-pad:hover,.steer-pad.active,.boost-button:hover,.boost-button.active{opacity:1}}@media(max-width:900px),(pointer:coarse)and (max-width:1180px){.steer-pad,.boost-button{opacity:1}}@media(max-width:560px){:root{--steer-size: clamp(128px, 38vw, 158px);--boost-size: clamp(116px, 32vw, 144px)}.game-hud{grid-template-columns:auto auto;gap:.32rem;max-width:calc(100vw - max(.75rem,var(--safe-left)) - max(6rem,calc(var(--safe-right) + 5.75rem)))}.hud-card{min-width:62px;padding:.38rem .5rem;background:#050b2494}.hud-best,.hud-length,.hud-players,.hud-streak{display:none}.hud-timer{min-width:92px}.hud-score,.hud-boost{min-width:76px}.hud-label{font-size:.58rem}.game-hud strong{font-size:1.05rem}.hud-timer strong{font-size:1.54rem}.score-pop{top:calc(max(.75rem,var(--safe-top)) + 3.65rem);left:max(.9rem,calc(var(--safe-left) + .75rem));min-width:4rem;font-size:1.18rem}.start-panel{padding:max(.62rem,var(--safe-top)) max(.7rem,var(--safe-right)) max(.85rem,var(--safe-bottom)) max(.7rem,var(--safe-left))}.home-shell{align-content:start;gap:.72rem;min-height:auto}.hero-section{gap:.52rem}.brand-logo{width:min(100%,330px);max-height:clamp(7.2rem,23vh,11.4rem)}.hero-copy h1{font-size:clamp(1.78rem,10.4vw,2.82rem)}.intro{font-size:.9rem}.motivation-panel{gap:.4rem}.motivation-panel div{padding:.56rem .42rem}.lobby-leaderboard{padding:.62rem}.lobby-leaderboard ol{grid-template-columns:1fr;gap:.24rem}.lobby-leaderboard li{min-height:24px;font-size:.72rem}.fullscreen-button{min-width:4.9rem;min-height:40px;padding:0 .58rem;border-radius:999px;font-size:.72rem}.mute-button{top:calc(max(.75rem,var(--safe-top)) + 2.72rem);right:max(.75rem,var(--safe-right));min-width:4.9rem;min-height:40px;padding:0 .58rem;border-radius:999px;font-size:.72rem}.controls-toggle{top:auto;left:50%;right:auto;bottom:calc(max(.95rem,var(--safe-bottom)) + max(var(--boost-size),var(--steer-size)) + 3.85rem);min-width:4.8rem;min-height:38px;padding:0 .56rem;border-radius:999px;font-size:.7rem;transform:translate(-50%)}.challenge-button{top:auto;left:50%;right:auto;bottom:calc(max(.95rem,var(--safe-bottom)) + max(var(--boost-size),var(--steer-size)) + .82rem);min-width:min(6rem,calc(100vw - var(--safe-left) - var(--safe-right) - 2rem));min-height:40px;padding:0 .72rem;border-radius:999px;font-size:.74rem;transform:translate(-50%)}body.controls-left .challenge-button{left:50%;right:auto}.elimination-feed{left:50%;bottom:calc(max(.95rem,var(--safe-bottom)) + max(var(--boost-size),var(--steer-size)) + 6.35rem);width:min(260px,calc(100vw - 8rem - var(--safe-left) - var(--safe-right)));transform:translate(-50%)}.elimination-feed p{padding:.38rem .52rem;font-size:.66rem}.leaderboard{display:none}.rank-pill{display:grid;top:calc(max(.75rem,var(--safe-top)) + 5.45rem);right:max(.75rem,var(--safe-right));min-height:46px;min-width:5.6rem;padding:.35rem .56rem}.leaderboard li{grid-template-columns:1.15rem minmax(0,1fr) auto auto;gap:.28rem;font-size:.6rem}.leaderboard-title,.leaderboard li strong{font-size:.6rem}.leaderboard li:nth-child(n+4){display:none}.start-panel.hidden{transform:translateY(-.5rem)}.result-actions{grid-template-columns:1fr}#play-button{width:100%}}@media(max-height:480px)and (orientation:landscape){:root{--steer-size: clamp(100px, 17vw, 126px);--boost-size: clamp(96px, 16vw, 122px)}.game-hud{max-width:calc(100vw - 17rem - var(--safe-left) - var(--safe-right))}.hud-best,.hud-length,.hud-players,.hud-streak{display:none}.start-panel{padding:max(.45rem,var(--safe-top)) max(.7rem,var(--safe-right)) max(.55rem,var(--safe-bottom)) max(.7rem,var(--safe-left))}.home-shell{grid-template-columns:minmax(0,1.08fr) minmax(250px,.92fr);gap:.72rem;min-height:auto;align-items:start}.hero-section{gap:.42rem}.brand-logo{width:min(280px,42vw);max-height:6.2rem}.hero-copy h1{font-size:clamp(1.55rem,5vw,2.45rem)}.intro{font-size:.82rem}.gameplay-preview,.analytics-consent{display:none}.lobby-leaderboard,.motivation-panel div{padding:.52rem}#play-button{min-height:54px}.play-subtext,.connection-status{font-size:.68rem}.mobile-controls{bottom:max(.5rem,var(--safe-bottom));align-items:center}.fullscreen-button{min-width:6rem;min-height:42px}.challenge-button{top:calc(max(.45rem,var(--safe-top)) + 2.95rem);right:max(.75rem,var(--safe-right));bottom:auto;min-width:6.2rem;min-height:40px;border-radius:999px}.mute-button{top:max(.45rem,var(--safe-top));right:calc(max(.75rem,var(--safe-right)) + 6.4rem);min-width:5.6rem}.controls-toggle{top:auto;right:auto;left:50%;bottom:max(.55rem,var(--safe-bottom));min-width:5.4rem;min-height:38px;border-radius:999px;transform:translate(-50%)}body.controls-left .challenge-button{right:max(.75rem,var(--safe-right));left:auto}.leaderboard{display:none}.rank-pill{display:grid;top:calc(max(.45rem,var(--safe-top)) + 3.3rem);right:max(.75rem,var(--safe-right));min-width:6.7rem;min-height:44px;padding:.34rem .58rem}.leaderboard li:nth-child(n+4){display:none}.result-panel{width:min(360px,48vw);max-height:calc(var(--app-height) - 1rem - var(--safe-top) - var(--safe-bottom));overflow-y:auto}.result-stats{grid-template-columns:repeat(3,1fr);gap:.38rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.boost-button.active{transform:none}}@media(min-width:760px){.home-shell{grid-template-columns:minmax(0,1.02fr) minmax(280px,.98fr)}.brand-lockup,.hero-copy{place-items:start;text-align:left}.intro{margin-left:0;text-align:left}.start-form{margin-left:0}.gameplay-preview{display:block}}@media(min-width:1180px){.home-shell{grid-template-columns:minmax(0,1fr) minmax(420px,.78fr);gap:clamp(1.4rem,4vw,3.5rem)}.brand-logo{width:min(31vw,360px);max-height:11.5rem}.gameplay-preview{min-height:330px}.home-side{gap:.9rem}}@media(min-width:1920px){.home-shell{width:min(1320px,100%)}}