:root{--app-width:100vw;--app-height:100dvh;--mobile-edge:14px;--mobile-bottom:calc(var(--mobile-edge) + env(safe-area-inset-bottom,0px));--mobile-top:calc(8px + env(safe-area-inset-top,0px));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;background:#050610;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:var(--app-height)}body{background:radial-gradient(circle at 20% 15%,#ffd43b1f,#0000 26%),radial-gradient(circle at 80% 80%,#ff53a61f,#0000 28%),#050610;margin:0;position:fixed;inset:0;overflow:hidden}#app{width:var(--app-width);height:var(--app-height);min-height:100svh;position:relative;overflow:hidden}canvas{display:block}.game-ui{pointer-events:none;color:#fff;position:absolute;inset:0}.top-hud{z-index:2;grid-template-columns:minmax(180px,1fr) auto;align-items:start;gap:16px;display:grid;position:absolute;top:16px;left:16px;right:16px}.hud-brand,.hud-stats,.power-wrap,.minimap-wrap,.bottom-strip{-webkit-backdrop-filter:blur(14px);background:#05081294;border:1px solid #ffffff21;box-shadow:0 14px 42px #0000004d}.hud-brand{border-radius:8px;min-height:76px;padding:14px 18px}.hud-title{letter-spacing:0;color:#ffd43b;text-shadow:0 0 20px #ffd43b73;font-size:18px;font-weight:900}.hud-status{color:#d8f7ff;margin-top:8px;font-size:14px;font-weight:650}.hud-status[data-tone=danger]{color:#ff6980}.hud-status[data-tone=power]{color:#4cffd0}.hud-stats{border-radius:8px;grid-template-columns:repeat(5,minmax(74px,1fr));gap:1px;display:grid;overflow:hidden}.stat{background:#ffffff09;min-width:74px;padding:12px 14px}.stat span{color:#ffffff9e;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.stat strong{color:#fff;letter-spacing:0;white-space:nowrap;min-height:26px;font-size:22px;font-weight:900;line-height:1;display:block}.power-wrap{z-index:2;border-radius:8px;grid-template-columns:62px 1fr;align-items:center;gap:10px;width:min(360px,100vw - 32px);padding:10px 12px;display:grid;position:absolute;bottom:72px;left:16px}.power-label{color:#ffffffad;text-transform:uppercase;font-size:12px;font-weight:900}.power-track{background:#ffffff1f;border-radius:999px;height:10px;overflow:hidden}.power-fill{transform-origin:0;background:linear-gradient(90deg,#4cffd0,#ffd43b,#ff53a6);width:100%;height:100%;transition:transform .12s linear;transform:scaleX(0);box-shadow:0 0 18px #4cffd0a6}.minimap-wrap{z-index:2;border-radius:8px;padding:8px;position:absolute;bottom:72px;right:18px}.hud-minimap{image-rendering:pixelated;border-radius:5px;display:block}.bottom-strip{z-index:2;border-radius:8px;gap:8px;max-width:calc(100vw - 32px);padding:8px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.game-ui.has-overlay .minimap-wrap,.game-ui.has-overlay .power-wrap,.game-ui.has-overlay .bottom-strip{opacity:.34}.game-ui.has-overlay:not(.is-paused) .mobile-controls{opacity:0;pointer-events:none}.bottom-strip span{color:#ffffffb8;white-space:nowrap;background:#ffffff0f;border-radius:6px;padding:7px 10px;font-size:12px;font-weight:750}.mobile-controls{z-index:3;pointer-events:none;display:none;position:absolute;inset:0}.mobile-stick,.mobile-look-pad,.mobile-icon-button{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mobile-stick{aspect-ratio:1;-webkit-backdrop-filter:blur(14px);background:radial-gradient(circle,#ffd43b2e 0 18%,#0000 19%),#0508128a;border:1px solid #ffffff2e;border-radius:50%;width:128px;position:absolute;bottom:18px;left:18px;box-shadow:0 16px 44px #00000057,inset 0 0 28px #4cffd01f}.mobile-stick:before,.mobile-stick:after{content:"";background:#fff3;position:absolute}.mobile-stick:before{width:1px;top:18px;bottom:18px;left:50%}.mobile-stick:after{height:1px;top:50%;left:18px;right:18px}.mobile-stick-thumb,.mobile-look-thumb{aspect-ratio:1;background:linear-gradient(145deg,#ffd43bf5,#4cffd0d1);border:1px solid #ffffff47;border-radius:50%;width:54px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #00000061,0 0 24px #ffd43b38}.mobile-look-thumb{background:linear-gradient(145deg,#2fd9ffeb,#ff6bd6c7);box-shadow:0 8px 24px #00000061,0 0 24px #2fd9ff38}.mobile-look-pad{width:min(54vw,420px);position:absolute;top:28%;bottom:112px;right:0}.mobile-look-pad:after{content:"";aspect-ratio:1;-webkit-backdrop-filter:blur(10px);background:linear-gradient(#ffffff2e,#ffffff2e) 50%/38px 1px no-repeat,linear-gradient(90deg,#ffffff2e,#ffffff2e) 50%/1px 38px no-repeat,#05081247;border:1px solid #ffffff21;border-radius:50%;width:74px;position:absolute;bottom:24px;right:36px;box-shadow:inset 0 0 24px #2fd9ff1a}.mobile-actions{pointer-events:none;gap:10px;display:flex;position:absolute;bottom:20px;right:18px}.mobile-icon-button{aspect-ratio:1;-webkit-backdrop-filter:blur(14px);background:#05081294;border:1px solid #ffffff2e;border-radius:8px;width:54px;position:relative;box-shadow:0 14px 36px #00000052}.mobile-icon-button:active{filter:brightness(1.18);transform:translateY(1px)}.mobile-icon-button:before,.mobile-icon-button:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-boost:before{clip-path:polygon(54% 0,14% 52%,48% 52%,36% 100%,86% 40%,54% 40%);background:#ffd43b;width:20px;height:30px;box-shadow:0 0 18px #ffd43b6b}.mobile-pause:before,.mobile-pause:after{background:#4cffd0;border-radius:4px;width:6px;height:24px}.mobile-pause:before{transform:translate(calc(-50% - 6px),-50%)}.mobile-pause:after{transform:translate(calc(6px - 50%),-50%)}.mobile-sound:before{clip-path:polygon(0 34%,31% 34%,62% 8%,62% 92%,31% 66%,0 66%);background:#ff6bd6;width:24px;height:22px}.mobile-sound:after{border:3px solid #0000;border-left:0;border-right-color:#ff6bd6;border-radius:0 50% 50% 0;width:20px;height:20px;transform:translate(-24%,-50%)}.game-overlay{opacity:0;visibility:hidden;pointer-events:none;z-index:5;background:linear-gradient(#0506102e,#050610d1),repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 5px);place-items:center;padding:24px;transition:opacity .2s,visibility .2s;display:grid;position:absolute;inset:0}.game-overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto}.overlay-panel{background:#050812c7;border:1px solid #ffffff29;border-radius:8px;width:min(560px,100vw - 32px);padding:30px;box-shadow:0 24px 80px #0000007a}.overlay-kicker{color:#4cffd0;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:900}.overlay-panel h1{color:#ffd43b;letter-spacing:0;text-shadow:0 0 28px #ffd43b57;margin:0;font-size:clamp(40px,8vw,82px);line-height:.92}.overlay-panel p{color:#ffffffc7;max-width:44ch;margin:18px 0 24px;font-size:16px;line-height:1.5}.overlay-panel button{color:#050610;min-width:150px;min-height:46px;font:inherit;cursor:pointer;background:#ffd43b;border:0;border-radius:6px;padding:0 18px;font-weight:950;box-shadow:0 0 24px #ffd43b52}.overlay-panel button:hover{filter:brightness(1.08)}@media (width<=760px),(hover:none) and (pointer:coarse){.top-hud{top:var(--mobile-top);grid-template-columns:1fr;gap:0;left:8px;right:64px}.hud-brand{display:none}.hud-stats{border-radius:7px;grid-template-columns:repeat(5,minmax(0,1fr));width:100%}.stat{text-align:center;min-width:0;padding:5px 3px;overflow:hidden}.stat span{margin-bottom:3px;font-size:8px}.stat strong{min-height:16px;font-size:13px}.minimap-wrap{top:calc(var(--mobile-top) + 40px);transform-origin:100% 0;padding:5px;bottom:auto;right:8px;transform:scale(.62)}.game-ui.has-overlay .minimap-wrap{display:none}.power-wrap{left:132px;right:132px;bottom:calc(var(--mobile-bottom) + 30px);border-radius:7px;grid-template-columns:1fr;gap:0;width:auto;padding:6px}.power-label{display:none}.power-track{height:8px}.bottom-strip{display:none}.mobile-controls{display:block}.game-ui.is-paused .mobile-controls{z-index:6}.game-ui.is-paused .mobile-stick,.game-ui.is-paused .mobile-look-pad,.game-ui.is-paused .mobile-boost,.game-ui.is-paused .power-wrap{display:none}.mobile-stick{left:14px;bottom:var(--mobile-bottom);width:108px}.mobile-stick:before{top:15px;bottom:15px}.mobile-stick:after{left:15px;right:15px}.mobile-stick-thumb,.mobile-look-thumb{width:46px}.mobile-look-pad{top:auto;right:14px;bottom:var(--mobile-bottom);-webkit-backdrop-filter:blur(12px);background:#05081257;border:1px solid #ffffff21;border-radius:50%;width:108px;height:108px;box-shadow:inset 0 0 24px #2fd9ff1a,0 16px 44px #00000047}.mobile-look-pad:after{background:linear-gradient(#ffffff2e,#ffffff2e) 50%/30px 1px no-repeat,linear-gradient(90deg,#ffffff2e,#ffffff2e) 50%/1px 30px no-repeat,#0508122e;width:58px;bottom:50%;right:50%;transform:translate(50%,50%)}.mobile-actions{display:block;inset:0}.mobile-icon-button{border-radius:7px;width:46px;position:absolute}.mobile-pause{top:var(--mobile-top);right:8px}.mobile-sound{top:var(--mobile-top);display:none;right:60px}.game-ui.is-paused .mobile-sound{display:block}.mobile-boost{left:50%;bottom:calc(var(--mobile-bottom) + 60px);width:42px;transform:translate(-50%)}.mobile-boost:active{transform:translate(-50%)translateY(1px)}.overlay-panel{justify-self:stretch;width:auto;max-width:none;padding:24px}.overlay-panel p{max-width:100%}}