: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:calc(100vw - max(.75rem,var(--safe-left)) - max(18rem,calc(var(--safe-right) + 17rem)));z-index:4;display:flex;flex-wrap:wrap;gap:.42rem;pointer-events:none}body:not(.is-playing) .game-hud,body:not(.is-playing) .leaderboard,body:not(.is-playing) .mobile-controls,body:not(.is-playing) .fullscreen-button,body:not(.is-playing) .challenge-button{opacity:0;pointer-events:none}.game-hud>div{min-width:82px;padding:.46rem .64rem;border:1px solid var(--zap-line);border-radius:8px;background:#050b2494;box-shadow:0 8px 22px #0003;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.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}.game-hud strong.low-boost{color:#ffcf5b}.fullscreen-button,.mute-button{position:absolute;z-index:5;top:max(.75rem,var(--safe-top));right:max(.75rem,var(--safe-right));min-width:6.8rem;min-height:44px;padding:0 .82rem;border:1px solid rgba(244,247,237,.2);background:#050b249e;color:#f4f7ed;font-size:.82rem;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)) + 7.2rem)}.challenge-button{position:absolute;z-index:5;top:max(.75rem,var(--safe-top));right:calc(max(.75rem,var(--safe-right)) + 14rem);min-width:9.9rem;min-height:44px;padding:0 .9rem;border:1px solid rgba(255,228,54,.34);background:var(--zap-gold);color:#171005;font-size:.82rem;font-weight:900;box-shadow:0 8px 22px #0003}.challenge-button:disabled{opacity:.44}.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}.fullscreen-button:active,.fullscreen-button[aria-pressed=true],.mute-button:active,.mute-button[aria-pressed=true]{background:var(--zap-green);color:#05100c}.fullscreen-button[aria-disabled=true]{opacity:.72}.leaderboard{position:absolute;z-index:4;top:50%;right:max(.75rem,var(--safe-right));width:min(178px,calc(100vw - 1.5rem - var(--safe-left) - var(--safe-right)));max-height:min(38vh,calc(var(--app-height) - 9rem));padding:.58rem;transform:translateY(-50%);border:1px solid rgba(244,247,237,.15);border-radius:8px;background:#050b2475;box-shadow:0 12px 32px #0003;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:.78;pointer-events:none;overflow:hidden}.leaderboard-title{color:#8df2b7;font-size:.72rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.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;align-items:center;gap:.34rem;min-height:1.34rem;color:#d8e6d2;font-size:.74rem}.leaderboard li.is-local{color:#fff}.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:.74rem}.start-panel{position:absolute;z-index:6;top:50%;left:50%;width:min(520px,calc(100vw - max(2rem,var(--safe-left)) - max(2rem,var(--safe-right))));transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:.85rem;max-height:calc(var(--app-height) - max(2rem,var(--safe-top)) - max(2rem,var(--safe-bottom)));padding:clamp(.95rem,3.4vw,1.35rem);border:1px solid rgba(244,247,237,.16);border-radius:8px;background:linear-gradient(180deg,#060d26e6,#060d26c7),radial-gradient(circle at 24% 0%,rgba(156,255,0,.18),transparent 17rem),radial-gradient(circle at 96% 22%,rgba(18,148,255,.16),transparent 14rem);box-shadow:0 0 0 1px #1294ff24,0 32px 90px #0000007a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow-y:auto;touch-action:manipulation;user-select:text;-webkit-user-select:text}.brand-lockup{display:grid;place-items:center;width:100%;padding:.15rem 0 .25rem}.brand-logo{display:block;width:min(100%,460px);height:auto;max-height:clamp(13rem,34vh,20rem);object-fit:contain;filter:drop-shadow(0 16px 34px rgba(0,0,0,.38)) drop-shadow(0 0 18px rgba(18,148,255,.22))}.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-reason{max-width:28rem;margin:-.35rem auto 0;color:#d5e8ff;font-size:.95rem;font-weight:800;line-height:1.35}.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 1fr;gap:.65rem}#play-again-button,#share-result-button{width:100%;background:var(--zap-green);color:#05100c;font-weight:950}#share-result-button{border:1px solid rgba(255,228,54,.36);background:#ffe43629;color:var(--zap-gold)}.start-panel.hidden{opacity:0;transform:translate(-50%,-46%);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.eyebrow,.intro,h1{margin:0}.intro{max-width:34rem;color:#d5e8ff;font-size:clamp(.96rem,2.4vw,1.08rem);line-height:1.45}.connection-status{min-height:1.3rem;margin:0;color:var(--zap-gold);font-size:.9rem;font-weight:800}.start-form{display:grid;gap:.55rem;margin-top:.2rem}.start-form label{color:#f4f7ed;font-size:.9rem;font-weight:800}.optional-label{color:#8df2b7;font-size:.72rem;font-weight:900;text-transform:uppercase}.input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem}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}input:focus{border-color:var(--zap-mint);box-shadow:0 0 0 3px #9cff002e}#play-button{padding:0 1.05rem;background:var(--zap-green);color:#071015;font-weight:950;white-space:nowrap;box-shadow:0 0 26px #9cff0047}#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;gap:.55rem;color:#d5e8ff;font-size:.82rem;font-weight:750;-webkit-user-select:none;user-select:none}.analytics-consent input{width:1.15rem;min-height:1.15rem;accent-color:var(--zap-green)}.mobile-controls{position:absolute;z-index:6;inset:auto max(1.05rem,var(--safe-right)) calc(max(1.05rem,var(--safe-bottom)) + .15rem) max(1.05rem,var(--safe-left));display:none;justify-content:space-between;align-items:end;gap:max(var(--control-gap),1rem);pointer-events:none;touch-action:none}.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:2px solid rgba(244,247,237,.28);border-radius:999px;background:radial-gradient(circle,#9cff001f,#050b248a),#f4f7ed14;box-shadow:inset 0 0 28px #9cff001f,0 14px 34px #00000057;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);contain:layout paint style}.steer-pad:before{content:"";position:absolute;inset:27%;border:1px solid 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;background:#f4f7ed;box-shadow:0 10px 26px #00000057;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%,var(--zap-gold) 0 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{display:flex}}@media(pointer:coarse)and (max-width:1180px){.mobile-controls{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{gap:.4rem;max-width:calc(100vw - max(.75rem,var(--safe-left)) - max(7.5rem,calc(var(--safe-right) + 7rem)))}.game-hud>div{min-width:74px;padding:.44rem .58rem}.start-panel{top:50%;left:50%;width:min(430px,calc(100vw - 1.5rem - var(--safe-left) - var(--safe-right)));transform:translate(-50%,-50%);max-height:calc(var(--app-height) - 1.5rem - var(--safe-top) - var(--safe-bottom))}.brand-logo{max-height:clamp(10.5rem,31vh,16.5rem)}.fullscreen-button{min-width:6.4rem;min-height:44px;padding:0 .66rem;border-radius:999px;font-size:.74rem}.mute-button{top:calc(max(.75rem,var(--safe-top)) + 3rem);right:max(.75rem,var(--safe-right));min-width:5.4rem;min-height:44px;padding:0 .66rem;border-radius:999px;font-size:.74rem}.challenge-button{top:auto;right:max(.75rem,var(--safe-right));bottom:calc(max(1.05rem,var(--safe-bottom)) + var(--boost-size) + 1.9rem);min-width:min(9.6rem,calc(100vw - var(--safe-left) - var(--safe-right) - 2rem));min-height:44px;padding:0 .72rem;border-radius:999px;font-size:.78rem}.leaderboard{top:calc(max(.75rem,var(--safe-top)) + 6.1rem);right:max(.75rem,var(--safe-right));width:min(116px,31vw);max-height:18vh;padding:.42rem;transform:none;opacity:.66}.leaderboard li{grid-template-columns:1.15rem minmax(0,1fr) auto;gap:.28rem;font-size:.64rem}.leaderboard-title,.leaderboard li strong{font-size:.64rem}.leaderboard li:nth-child(n+5){display:none}.start-panel.hidden{transform:translate(-50%,calc(-50% - .5rem))}.result-actions,.input-row{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 - 16rem - var(--safe-left) - var(--safe-right))}.start-panel{top:50%;left:50%;width:min(430px,58vw);gap:.55rem;padding:.75rem;transform:translate(-50%,-50%)}.brand-logo{max-height:7.4rem}.intro{display:none}.mobile-controls{bottom:max(.5rem,var(--safe-bottom));align-items:center}.fullscreen-button{min-width:6rem;min-height:42px}.challenge-button{top:max(.45rem,var(--safe-top));right:calc(max(.75rem,var(--safe-right)) + 12.7rem);bottom:auto;min-width:9.4rem}.mute-button{top:max(.45rem,var(--safe-top));right:calc(max(.75rem,var(--safe-right)) + 6.4rem);min-width:5.6rem}.leaderboard{top:calc(max(.45rem,var(--safe-top)) + 3.3rem);max-height:calc(var(--app-height) - 7.2rem);width:min(124px,16vw);transform:none;opacity:.62}.leaderboard li:nth-child(n+5){display:none}.result-panel{width:min(360px,48vw);max-height:calc(var(--app-height) - 1rem - var(--safe-top) - var(--safe-bottom));overflow-y:auto}}@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:900px){.start-panel{left:50%}}