: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));--color-page-bg:#050610;--color-panel-bg:#05081294;--color-panel-bg-strong:#050812c7;--color-panel-border:#ffffff21;--color-text:#fff;--color-text-muted:#ffffffb8;--color-text-soft:#ffffff9e;--color-status:#d8f7ff;--color-brand:#ffd43b;--color-accent:#4cffd0;--color-danger:#ff6980;--color-power:#ff53a6;--color-control-bg:#0508128a;--color-track-bg:#ffffff1f;--glow-brand:0 0 20px #ffd43b73;--glow-panel:0 14px 42px #0000004d;--glow-control:0 16px 44px #00000057, inset 0 0 28px #4cffd01f;--glow-power:0 0 18px #4cffd0a6;--glow-button:0 14px 36px #00000052;--glow-overlay:0 24px 80px #0000007a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--color-page-bg);color:var(--color-text);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, transparent 26%), radial-gradient(circle at 80% 80%, #ff53a61f, transparent 28%), var(--color-page-bg);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:var(--color-text);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{border:1px solid var(--color-panel-border);background:var(--color-panel-bg);-webkit-backdrop-filter:blur(14px);box-shadow:var(--glow-panel)}.hud-brand{border-radius:8px;min-height:76px;padding:14px 18px}.hud-title{letter-spacing:0;color:var(--color-brand);text-shadow:var(--glow-brand);font-size:18px;font-weight:900}.hud-status{color:var(--color-status);margin-top:8px;font-size:14px;font-weight:650}.hud-status[data-tone=danger]{color:var(--color-danger)}.hud-status[data-tone=power]{color:var(--color-accent)}.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:var(--color-text-soft);text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.stat strong{min-height:26px;color:var(--color-text);letter-spacing:0;white-space:nowrap;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-wrap[hidden]{display:none}.power-label{color:var(--color-text-soft);text-transform:uppercase;font-size:12px;font-weight:900}.power-track{background:var(--color-track-bg);border-radius:999px;height:10px;overflow:hidden}.power-fill{transform-origin:0;background:linear-gradient(90deg, var(--color-accent), var(--color-brand), var(--color-power));width:100%;height:100%;box-shadow:var(--glow-power);transition:transform .12s linear;transform:scaleX(0)}.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:var(--color-text-muted);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-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;background:radial-gradient(circle, #ffd43b2e 0 18%, transparent 19%), var(--color-control-bg);width:128px;box-shadow:var(--glow-control);-webkit-backdrop-filter:blur(14px);border:1px solid #ffffff2e;border-radius:50%;position:absolute;bottom:18px;left:18px}.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{aspect-ratio:1;background:linear-gradient(145deg, var(--color-brand), var(--color-accent));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-actions{pointer-events:none;gap:10px;display:flex;position:absolute;bottom:20px;right:18px}.mobile-icon-button{aspect-ratio:1;background:var(--color-panel-bg);width:54px;box-shadow:var(--glow-button);-webkit-backdrop-filter:blur(14px);border:1px solid #ffffff2e;border-radius:8px;position:relative}.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-pause:before,.mobile-pause:after{background:var(--color-accent);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{background:var(--color-power);clip-path:polygon(0 34%,31% 34%,62% 8%,62% 92%,31% 66%,0 66%);width:24px;height:22px}.mobile-sound:after{border:3px solid var(--color-power);border-top-color:#0000;border-bottom-color:#0000;border-left:0;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:var(--color-panel-bg-strong);width:min(560px,100vw - 32px);box-shadow:var(--glow-overlay);border:1px solid #ffffff29;border-radius:8px;padding:30px}.overlay-kicker{color:var(--color-accent);text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:900}.overlay-panel h1{color:var(--color-brand);letter-spacing:0;text-shadow:var(--glow-brand);margin:0;font-size:clamp(40px,8vw,82px);line-height:.92}.overlay-panel p{max-width:44ch;color:var(--color-text-muted);margin:18px 0 24px;font-size:16px;line-height:1.5}.overlay-panel button{min-width:150px;min-height:46px;color:var(--color-page-bg);background:var(--color-brand);font:inherit;cursor:pointer;box-shadow:var(--glow-brand);border:0;border-radius:6px;padding:0 18px;font-weight:950}.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:8px;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 .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{width:46px}.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}.overlay-panel{justify-self:stretch;width:auto;max-width:none;padding:24px}.overlay-panel p{max-width:100%}}