:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{color:#000;background:#fff;margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--void:#04050b;--panel-a:#0e122acc;--panel-b:#070916a3;--line:#788cff4d;--player:#5cf2ff;--hud:#dde4ff;--dim:#7f89b6;--warn:#ff5a4f;--f-display:"Oxanium", "Segoe UI", system-ui, sans-serif;--f-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}html,body{background:var(--void);height:100%;color:var(--hud);margin:0;overflow:hidden}body{font-family:var(--f-mono);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#game{background:var(--void);position:fixed;inset:0}#game canvas{width:100%;height:100%;display:block}#overlay2d{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.hud{pointer-events:none;z-index:5;position:fixed}#app:not(.playing) .hud,#app:not(.playing) #touch{display:none}.panel{background:linear-gradient(180deg, var(--panel-a), var(--panel-b));border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:6px}#hud-left{top:calc(env(safe-area-inset-top,0px) + 12px);left:calc(env(safe-area-inset-left,0px) + 12px);gap:8px;width:min(250px,46vw);display:grid}#hud-tl{gap:6px;padding:10px 12px 9px;display:grid}#hud-up{color:var(--dim);justify-self:start;gap:5px;padding:8px 12px;font-size:11px;display:grid}.up-row{grid-template-columns:64px auto auto;justify-content:start;align-items:center;gap:8px;display:grid}.level b{min-width:22px;font:600 11px/1.2 var(--f-display);text-align:center;border:1px solid;border-radius:3px;padding:1px 4px;display:inline-block}.level i{margin-left:3px;font-style:normal}.prox{font:600 9px/1 var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:#7dffb0}.pips{gap:3px;display:flex}.pips i{background:#788cff2e;border-radius:2px;width:9px;height:7px}.pips i.on{background:#4fe07a}.pips.full i.on{background:#9dffb8;box-shadow:0 0 4px #78ffa099}.up-last{color:#8dffaa;font-weight:500;animation:3.5s ease-in forwards up-last}.up-last.bad{color:var(--warn)}@keyframes up-last{0%,70%{opacity:1}to{opacity:0}}@media (height<=560px){#hud-up{grid-template-columns:auto auto;column-gap:14px}#hud-up>.lbl,.up-last{grid-column:1/-1}.up-row{grid-template-columns:52px auto auto}}.row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.lbl{font:600 10px/1 var(--f-display);letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}.num{font:600 19px/1 var(--f-display);font-variant-numeric:tabular-nums;color:var(--player)}.num.low{color:var(--warn)}.bar{background:#5cf2ff1f;border-radius:3px;height:6px;overflow:hidden}#energyBar{background:linear-gradient(90deg, #2a8cff, var(--player));transform-origin:0;width:100%;height:100%}#energyBar.low{background:linear-gradient(90deg, #ff2d55, var(--warn));animation:.5s ease-in-out infinite alternate pulse}@keyframes pulse{to{opacity:.45}}.stats{color:var(--dim);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 12px;font-size:11px;display:flex}.stats b{color:var(--hud);font-weight:500}.perf{border-top:1px solid #788cff29;padding-top:6px}.gpu{overflow-wrap:anywhere;min-width:0}.zoom{flex-basis:100%}.net{border-top:1px solid #788cff29;padding-top:6px}.net-status{overflow-wrap:anywhere;flex-basis:100%;min-width:0}#hud-tr{top:calc(env(safe-area-inset-top,0px) + 12px);right:calc(env(safe-area-inset-right,0px) + 12px);justify-items:end;gap:8px;display:grid}.radar-wrap{align-items:flex-start;gap:6px;display:flex}.icons{gap:6px;display:grid}.ibtn{pointer-events:auto;cursor:pointer;width:34px;height:34px;color:var(--hud);font:600 12px/1 var(--f-display);place-items:center;padding:0;display:grid}.ibtn:focus-visible,.cta:focus-visible,.tbtn:focus-visible{outline:2px solid var(--player);outline-offset:2px}#radar{border-radius:6px;width:156px;height:156px;display:block}#feed{justify-items:end;gap:3px;max-width:min(300px,60vw);font-size:11px;display:grid}.feed-line{text-align:right;background:#060814a8;border:1px solid #788cff29;border-radius:4px;padding:3px 8px;transition:opacity .7s}.feed-line.out{opacity:0}.feed-line b{font-weight:500}.feed-line i{color:var(--dim);font-style:normal}#fullmap{aspect-ratio:1;pointer-events:none;z-index:7;width:min(50vw - 64px,100vh - 140px);position:fixed;top:50%;left:50%;translate:-50% -50%}#center{text-align:center;pointer-events:none;z-index:6;position:fixed;top:38%;left:0;right:0}#center .big{font:800 clamp(22px, 5vw, 34px)/1.1 var(--f-display);letter-spacing:.06em;text-transform:uppercase;text-shadow:0 0 18px #ff5a4f80}#center .small{color:var(--dim);letter-spacing:.08em;margin-top:8px;font-size:12px}#touch{pointer-events:none;z-index:4;position:fixed;inset:0}#stickZone{pointer-events:auto;width:56%;height:64%;position:absolute;bottom:0;left:0}#stickBase{pointer-events:none;background:radial-gradient(circle,#5cf2ff1a,#5cf2ff05 70%);border:1.5px solid #5cf2ff61;border-radius:50%;width:124px;height:124px;margin:-62px 0 0 -62px;position:absolute}#stickKnob{background:radial-gradient(circle at 40% 35%,#a0faffbf,#2896c873);border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%;box-shadow:0 0 18px #5cf2ff73}#stickHint{left:calc(env(safe-area-inset-left,0px) + 26px);bottom:calc(env(safe-area-inset-bottom,0px) + 30px);font:600 10px/1.4 var(--f-display);letter-spacing:.18em;text-transform:uppercase;color:#7f89b6bf;pointer-events:none;position:absolute}.tbtn{pointer-events:auto;color:var(--hud);font:600 11px/1 var(--f-display);letter-spacing:.14em;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a1e326b;border:1.5px solid #5cf2ff6b;border-radius:50%;padding:0;position:absolute}.tbtn.on{background:#5cf2ff52;box-shadow:0 0 22px #5cf2ff73}#btnFire{right:calc(env(safe-area-inset-right,0px) + 22px);bottom:calc(env(safe-area-inset-bottom,0px) + 26px);width:96px;height:96px;font-size:13px}#btnBomb{right:calc(env(safe-area-inset-right,0px) + 130px);bottom:calc(env(safe-area-inset-bottom,0px) + 30px);background:#321e0a6b;border-color:#ffb3478c;width:68px;height:68px}#btnBomb.on{background:#ffb34752;box-shadow:0 0 22px #ffb34773}#btnMine{right:calc(env(safe-area-inset-right,0px) + 136px);bottom:calc(env(safe-area-inset-bottom,0px) + 112px);background:#320a286b;border-color:#ff5fd28c;width:56px;height:56px}#btnMine.on{background:#ff5fd24d;box-shadow:0 0 22px #ff5fd273}#btnBoost{right:calc(env(safe-area-inset-right,0px) + 36px);bottom:calc(env(safe-area-inset-bottom,0px) + 136px);border-color:#7896ff8c;width:66px;height:66px}.screen{z-index:20;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));padding-block:calc(env(safe-area-inset-top,0px) + 16px) calc(env(safe-area-inset-bottom,0px) + 16px);touch-action:pan-y;background:radial-gradient(at 50% 45%,#04050b40,#04050bdb);place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.card{gap:16px;width:100%;max-width:560px;padding:26px 24px 22px;display:grid;box-shadow:0 30px 80px #00000080}.eyebrow{font:600 11px/1 var(--f-display);letter-spacing:.24em;text-transform:uppercase;color:var(--player);margin:0}h1{font:800 clamp(38px, 9vw, 60px)/.92 var(--f-display);letter-spacing:.03em;text-transform:uppercase;text-wrap:balance;margin:0}.foot{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.go{align-items:center;gap:14px;display:flex}.menu-select{font:600 10px/1 var(--f-display);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);align-items:center;gap:8px;display:flex}.menu-select select{cursor:pointer;font:600 14px/1 var(--f-display);color:var(--hud);border:1px solid var(--line);background:#788cff14;border-radius:4px;padding:9px 8px}.menu-select input{font:600 14px/1 var(--f-display);color:var(--hud);border:1px solid var(--line);letter-spacing:.04em;text-transform:none;background:#788cff14;border-radius:4px;width:11em;padding:8px}.menu-select input:focus-visible,.menu-select select:focus-visible{outline:2px solid var(--player);outline-offset:2px}.menu-select option{color:var(--hud);background:#0b0e22}.cta{cursor:pointer;font:800 15px/1 var(--f-display);letter-spacing:.22em;text-transform:uppercase;color:#031016;background:var(--player);border:0;border-radius:4px;padding:14px 30px;box-shadow:0 0 28px #5cf2ff73}.cta:hover{filter:brightness(1.1)}.cta:disabled{cursor:default;opacity:.6}.net-message{text-align:right;color:var(--warn);flex-basis:100%;margin:0;font-size:12px}.hangar{gap:14px;display:grid}.bay{background:radial-gradient(at 50% 65%,#5cf2ff1a,#04050b00 60%),repeating-linear-gradient(90deg,#788cff0f 0 1px,#0000 1px 28px),repeating-linear-gradient(0deg,#788cff0f 0 1px,#0000 1px 28px),#060818;border:1px solid #788cff38;border-radius:6px;height:190px;position:relative;overflow:hidden}#preview{width:100%;height:100%;display:block}.bay-tag{font:600 10px/1 var(--f-display);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);position:absolute;bottom:9px;left:10px}.sub{font:600 10px/1 var(--f-display);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);gap:8px;margin:0 0 8px;display:flex}.sub span{color:var(--player)}.pick{gap:4px;display:grid}.hulls{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;margin-bottom:10px;display:grid}.hull{cursor:pointer;text-align:left;color:var(--hud);font:inherit;background:#788cff0d;border:1px solid #788cff40;border-radius:5px;gap:7px;min-width:0;padding:10px 11px;display:grid}.hull[aria-checked=true]{border-color:var(--player);background:#5cf2ff17;box-shadow:inset 0 0 0 1px #5cf2ff59}.hull:focus-visible,.skin:focus-visible,summary:focus-visible{outline:2px solid var(--player);outline-offset:2px}.hn{font:800 15px/1 var(--f-display);letter-spacing:.08em;text-transform:uppercase}.hr{color:var(--dim);margin-top:-3px;font-size:10.5px}.meter{color:var(--dim);grid-template-columns:44px 1fr;align-items:center;gap:6px;font-size:10px;display:grid}.meter i{background:#788cff26;border-radius:2px;height:4px;display:block;overflow:hidden}.meter i b{background:var(--player);height:100%;display:block}.skins{flex-wrap:wrap;gap:8px;display:flex}.skin{cursor:pointer;background-position:50%;background-size:cover;border:2px solid #788cff4d;border-radius:50%;width:48px;height:48px;padding:0;position:relative}.skin.fx:after{content:"";background:radial-gradient(circle, #fff, var(--player) 60%, transparent 70%);width:10px;height:10px;box-shadow:0 0 8px var(--player);border-radius:50%;position:absolute;top:-2px;right:-2px}.skin[aria-checked=true]{border-color:var(--player);box-shadow:0 0 0 3px #5cf2ff40,0 0 16px #5cf2ff59}.settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tog{cursor:pointer;color:var(--hud);font:inherit;text-align:left;background:#788cff0d;border:1px solid #788cff40;border-radius:5px;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:9px 11px;display:flex}.tog span:first-child{gap:3px;min-width:0;display:grid}.tog b{font:600 12px/1.2 var(--f-display);letter-spacing:.06em;text-transform:uppercase}.tog small{color:var(--dim);font-size:10.5px;line-height:1.35}.tog .sw{background:#788cff33;border-radius:9px;flex:none;width:34px;height:18px;position:relative}.tog .sw:after{content:"";background:var(--dim);border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px}.tog[aria-checked=true]{border-color:#5cf2ff8c}.tog[aria-checked=true] .sw{background:#5cf2ff59}.tog[aria-checked=true] .sw:after{background:var(--player);transform:translate(16px)}.tog:focus-visible{outline:2px solid var(--player);outline-offset:2px}@media (width<=460px){.settings{grid-template-columns:1fr}}@media (width<=520px){.hull{padding:9px 8px}.hn{font-size:13px}.meter{grid-template-columns:38px 1fr;font-size:9.5px}.bay{height:160px}.card{padding:20px 16px 18px}#radar{width:112px;height:112px}#hud-tl{padding:8px 10px}.num{font-size:16px}}@media (prefers-reduced-motion:reduce){#energyBar.low{animation:none}}