:root{--hud: #4de8ff;--hud-dim: rgba(77, 232, 255, .35);--hud-bg: rgba(4, 18, 28, .55);--danger: #ff4455;--ok: #57ff9a;--energy: #ffd24d}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#02030a;font-family:SF Mono,Cascadia Code,Menlo,Consolas,monospace;color:var(--hud);touch-action:none;-webkit-user-select:none;overscroll-behavior:none}#app,#app canvas{position:fixed;inset:0;display:block}#hud{position:fixed;inset:0;pointer-events:none;user-select:none;z-index:10}.hidden{display:none!important}#crosshair{position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}#crosshair .ch-h,#crosshair .ch-v{position:absolute;background:var(--hud);opacity:.9}#crosshair .ch-h{left:0;top:50%;width:10px;height:1px;box-shadow:34px 0 0 var(--hud)}#crosshair .ch-v{top:0;left:50%;width:1px;height:10px;box-shadow:0 34px 0 var(--hud)}#crosshair .ch-dot{position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px;background:var(--hud);border-radius:50%}#lead-reticle{position:absolute;width:14px;height:14px;border:1px solid var(--energy);transform:translate(-50%,-50%) rotate(45deg);opacity:0}#target-bracket{position:absolute;width:90px;height:90px;transform:translate(-50%,-50%);opacity:0;transition:opacity .12s}.tb{position:absolute;width:16px;height:16px;border:0 solid var(--hud)}.tb-tl{left:0;top:0;border-left-width:2px;border-top-width:2px}.tb-tr{right:0;top:0;border-right-width:2px;border-top-width:2px}.tb-bl{left:0;bottom:0;border-left-width:2px;border-bottom-width:2px}.tb-br{right:0;bottom:0;border-right-width:2px;border-bottom-width:2px}#target-bracket.locked .tb{border-color:var(--danger)}#lock-svg{position:absolute;inset:-14px;width:calc(100% + 28px);height:calc(100% + 28px)}#lock-ring-bg{fill:none;stroke:var(--hud-dim);stroke-width:1.5}#lock-ring{fill:none;stroke:var(--hud);stroke-width:2.5;stroke-dasharray:276.5;stroke-dashoffset:276.5;transform:rotate(-90deg);transform-origin:center}#target-bracket.locked #lock-ring{stroke:var(--danger)}#lock-label{position:absolute;left:50%;top:calc(100% + 18px);transform:translate(-50%);font-size:10px;letter-spacing:2px}#target-bracket.locked #lock-label{color:var(--danger)}.panel{position:absolute;background:var(--hud-bg);border:1px solid var(--hud-dim);border-left:3px solid var(--hud);padding:10px 14px;font-size:12px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);backdrop-filter:blur(3px)}.panel-title{font-size:10px;letter-spacing:3px;color:var(--hud);opacity:.8;margin-bottom:8px}#status-panel{left:24px;bottom:24px;width:280px}.bar-row{display:flex;align-items:center;gap:8px;margin:5px 0}.bar-label{width:38px;font-size:10px;letter-spacing:1px;opacity:.8}.bar{flex:1;height:9px;background:#ffffff12;border:1px solid var(--hud-dim)}.bar-fill{height:100%;width:100%;transition:width .15s ease-out}.bar-fill.hull{background:linear-gradient(90deg,#2bd96a,#57ff9a)}.bar-fill.hull.low{background:linear-gradient(90deg,#d92b2b,#f54)}.bar-fill.shield{background:linear-gradient(90deg,#2b9ed9,#4de8ff)}.bar-fill.energy{background:linear-gradient(90deg,#d9a32b,#ffd24d)}.bar-val{width:32px;text-align:right;font-size:11px}#speed-readout{margin-top:8px;font-size:11px;letter-spacing:1px;opacity:.85}#target-panel{right:24px;top:24px;width:220px}#tp-name{font-size:14px;margin-bottom:2px;color:#fff}#tp-tier,#tp-dist{font-size:11px;opacity:.8;margin-bottom:4px}.mini-bar{height:6px;background:#ffffff12;border:1px solid var(--hud-dim);margin:4px 0}.mini-fill{height:100%}.mini-fill.shield{background:#4de8ff}.mini-fill.hull{background:#f75}#weapon-panel{position:absolute;left:50%;bottom:24px;transform:translate(-50%);display:flex;gap:10px}.wslot{position:relative;background:var(--hud-bg);border:1px solid var(--hud-dim);padding:8px 14px 8px 10px;font-size:11px;display:flex;align-items:center;gap:8px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);overflow:hidden;opacity:.55}.wslot.active{opacity:1;border-color:var(--hud);box-shadow:0 0 12px #4de8ff59 inset}.wkey{width:18px;height:18px;line-height:18px;text-align:center;border:1px solid var(--hud);font-size:10px}.wname{letter-spacing:1px}.wcool{position:absolute;left:0;bottom:0;height:3px;width:0%;background:var(--energy)}#wave-panel{position:absolute;top:20px;left:50%;transform:translate(-50%);text-align:center;letter-spacing:2px}#sector-label{font-size:10px;letter-spacing:3px;opacity:.75;margin-bottom:4px}#wave-num{font-size:18px}#hostiles{font-size:11px;opacity:.85;margin-top:3px}#score{font-size:12px;color:var(--energy);margin-top:3px}#radar{position:absolute;right:24px;bottom:24px;border-radius:50%;border:1px solid var(--hud-dim);background:radial-gradient(circle,#081e2cbf,#04101ad9)}#comms{position:absolute;left:50%;top:110px;transform:translate(-50%);font-size:13px;letter-spacing:1px;color:#cdf6ff;text-shadow:0 0 8px rgba(77,232,255,.7);opacity:0;transition:opacity .4s}#boundary-warning{position:absolute;top:64px;left:50%;transform:translate(-50%);color:var(--danger);font-size:14px;letter-spacing:2px;animation:blink .6s steps(2) infinite}@keyframes blink{50%{opacity:.2}}#damage-vignette{position:absolute;inset:0;box-shadow:inset 0 0 140px #ff1e2800;transition:box-shadow .08s}#banner{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);font-size:34px;letter-spacing:8px;color:#fff;text-shadow:0 0 24px var(--hud);text-align:center;white-space:pre-line}#help{right:24px;top:50%;transform:translateY(-50%);width:250px}#help table{width:100%;border-collapse:collapse;font-size:11px}#help td{padding:3px 4px}#help td:first-child{color:var(--energy);width:64px}#pause-overlay,#gameover-overlay{position:absolute;inset:0;background:#02050cc7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;font-size:26px;letter-spacing:6px;pointer-events:auto}#go-title{color:var(--danger);text-shadow:0 0 30px rgba(255,60,70,.8);font-size:36px}#go-score{font-size:16px;letter-spacing:3px}#go-restart{pointer-events:auto;cursor:pointer;background:transparent;color:var(--hud);border:1px solid var(--hud);font-family:inherit;font-size:14px;letter-spacing:3px;padding:12px 28px}#go-restart:hover{background:#4de8ff26;box-shadow:0 0 18px #4de8ff66}#go-best{font-size:13px;letter-spacing:2px;color:var(--energy)}#nav-marker{position:absolute;transform:translate(-50%,-50%);text-align:center;color:var(--energy);text-shadow:0 0 10px rgba(255,210,77,.7)}#nav-arrow{font-size:18px;line-height:1}#nav-text{font-size:10px;letter-spacing:1px;margin-top:3px;white-space:nowrap}#nav-marker.offscreen #nav-text{display:none}#assist-chip{position:absolute;left:24px;bottom:174px;font-size:10px;letter-spacing:2px;padding:5px 10px;border:1px solid var(--hud-dim);background:var(--hud-bg);opacity:.85}#assist-chip.newton{border-color:var(--energy);color:var(--energy)}#warp-flash{position:absolute;inset:0;background:#cfeaff;opacity:0;pointer-events:none;transition:opacity .45s ease-in}#warp-flash.active{opacity:1}#ship-select{position:absolute;inset:0;background:radial-gradient(ellipse at center,#040e188c,#02040aeb);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;pointer-events:auto}#ss-title{font-size:42px;letter-spacing:14px;color:#fff;text-shadow:0 0 30px var(--hud)}#ss-sub{font-size:12px;letter-spacing:4px;opacity:.8}#ss-cards{display:flex;gap:22px}.ss-card{width:240px;background:var(--hud-bg);border:1px solid var(--hud-dim);padding:18px 18px 16px;cursor:pointer;position:relative;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);transition:border-color .15s,box-shadow .15s,transform .15s}.ss-card:hover{border-color:var(--hud);box-shadow:0 0 26px #4de8ff4d;transform:translateY(-4px)}.ss-key{position:absolute;top:12px;right:20px;width:22px;height:22px;line-height:22px;text-align:center;border:1px solid var(--hud);font-size:12px}.ss-name{font-size:16px;color:#fff;letter-spacing:1px}.ss-role{font-size:10px;letter-spacing:2px;color:var(--hud);margin:4px 0 10px}.ss-desc{font-size:11px;opacity:.75;min-height:42px;line-height:1.5}.ss-stats{margin-top:10px}.ss-stat{display:flex;align-items:center;gap:8px;margin:5px 0;font-size:9px}.ss-stat span{width:30px;letter-spacing:1px;opacity:.8}.ss-bar{flex:1;height:6px;background:#ffffff12;border:1px solid var(--hud-dim)}.ss-bar i{display:block;height:100%;background:linear-gradient(90deg,#2b9ed9,#4de8ff)}#key-hints{position:absolute;right:24px;bottom:184px;font-size:9px;letter-spacing:1.5px;opacity:.55}#planet-prompt{position:absolute;left:50%;bottom:26%;transform:translate(-50%);padding:12px 26px;background:var(--hud-bg);border:1px solid var(--hud);font-size:15px;letter-spacing:3px;color:#fff;text-shadow:0 0 12px var(--hud);box-shadow:0 0 24px #4de8ff4d;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);animation:prompt-pulse 1.4s ease-in-out infinite;pointer-events:auto;cursor:pointer}@keyframes prompt-pulse{50%{box-shadow:0 0 40px #4de8ff8c}}#surface-panel{right:24px;top:24px;width:230px}#sp-alt,#sp-crystals{font-size:12px;margin:4px 0}#sp-phys{font-size:9px;letter-spacing:1.5px;color:var(--energy);margin-bottom:6px}#sp-crystals{color:var(--energy)}#sp-hint{font-size:9px;letter-spacing:1px;opacity:.6;margin-top:8px}.surface-mode #radar,.surface-mode #wave-panel,.surface-mode #weapon-panel,.surface-mode #target-panel,.surface-mode #target-bracket,.surface-mode #lead-reticle,.surface-mode #nav-marker,.surface-mode #crosshair,.surface-mode #key-hints{display:none!important}#touch-ui{position:absolute;inset:0;pointer-events:none;z-index:20}#ship-select,#pause-overlay,#gameover-overlay{z-index:30}#planet-prompt{z-index:25}#joy-zone{position:absolute;left:0;top:25%;bottom:0;width:46%;pointer-events:auto;touch-action:none}#joy-base{position:absolute;width:124px;height:124px;border:1.5px solid var(--hud-dim);border-radius:50%;background:#081c2859;transform:translate(-50%,-50%);display:none}#joy-base.active{display:block}#joy-nub{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:#4de8ff66;border:1.5px solid var(--hud);transform:translate(-50%,-50%)}#touch-main{position:absolute;right:14px;bottom:96px;display:flex;flex-direction:column;gap:10px;align-items:flex-end;pointer-events:auto}#touch-small{position:absolute;right:14px;top:30%;display:flex;flex-direction:column;gap:8px;pointer-events:auto}.tbtn{pointer-events:auto;font-family:inherit;color:var(--hud);background:#081c288c;border:1.5px solid var(--hud-dim);border-radius:50%;width:64px;height:64px;font-size:10px;letter-spacing:1px;touch-action:none;-webkit-tap-highlight-color:transparent}.tbtn.big{width:86px;height:86px;font-size:13px;border-color:var(--hud);color:#fff}.tbtn.sm{width:46px;height:46px;font-size:9px}.tbtn.held,.tbtn:active{background:#4de8ff59;box-shadow:0 0 18px #4de8ff80}@media(max-width:920px),(pointer:coarse){#status-panel{left:10px;bottom:10px;width:200px;padding:7px 10px}#status-panel .panel-title{display:none}#weapon-panel{bottom:8px;gap:5px}.wslot{padding:5px 8px;font-size:9px;gap:5px;pointer-events:auto}.wslot .wname{display:none}#radar{width:100px;height:100px;right:110px;bottom:10px}#target-panel{right:10px;top:10px;width:160px;padding:7px 10px;font-size:10px}#wave-panel{top:8px}#wave-num{font-size:14px}#help,#key-hints{display:none}#assist-chip{left:10px;bottom:132px;font-size:8px}#comms{top:84px;font-size:11px;width:90%;text-align:center}#banner{font-size:22px;letter-spacing:4px}#ss-title{font-size:26px;letter-spacing:8px}#ss-sub{font-size:10px}#ss-cards{flex-direction:row;gap:8px;padding:0 8px}.ss-card{width:31vw;padding:10px}.ss-desc{display:none}.ss-name{font-size:12px}#surface-panel{right:10px;top:10px;width:170px;padding:7px 10px}#planet-prompt{font-size:12px;bottom:33%;padding:10px 18px}}@media(pointer:fine){#touch-ui{display:none}}