html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:#8cff9f;font-family:"Courier New",monospace}*{box-sizing:border-box}#game,canvas{width:100%;height:100%;display:block}#hud,#crt{position:fixed;inset:0;pointer-events:none}#crt{background:repeating-linear-gradient(to bottom,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,rgba(0,0,0,.055) 2px,rgba(0,0,0,.055) 4px),radial-gradient(circle at center,transparent 54%,rgba(0,0,0,.48) 100%);mix-blend-mode:screen;opacity:.9}#hud{text-shadow:0 0 5px currentColor,0 0 12px currentColor}.brand{position:absolute;top:2vh;left:50%;transform:translateX(-50%);letter-spacing:.55em;font-size:clamp(13px,1.4vw,21px);color:#7dff8c}.sector-name{position:absolute;top:5.3vh;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.28em;color:#59d8ff;opacity:.8}.heading-compass{position:absolute;top:7.7vh;left:50%;width:340px;transform:translateX(-50%);color:#7dff8c}.compass-window{position:relative;width:340px;height:31px;overflow:hidden;border-top:1px solid rgba(110,255,135,.45);border-bottom:1px solid rgba(110,255,135,.28);background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,20,10,.3) 20%,rgba(0,20,10,.3) 80%,rgba(0,0,0,.94))}.compass-window:before,.compass-window:after{content:"";position:absolute;top:0;bottom:0;width:52px;z-index:3;pointer-events:none}.compass-window:before{left:0;background:linear-gradient(90deg,#000,transparent)}.compass-window:after{right:0;background:linear-gradient(270deg,#000,transparent)}.compass-tape{position:absolute;left:0;top:0;height:100%;display:flex;will-change:transform}.compass-tape span{flex:0 0 42px;width:42px;text-align:center;padding-top:9px;font-size:9px;letter-spacing:.04em;color:#76d98b;opacity:.72}.compass-tape span.cardinal{font-size:12px;padding-top:7px;color:#eaffef;opacity:1;text-shadow:0 0 8px #72ff8c}.compass-index{position:absolute;z-index:4;left:50%;top:-1px;width:1px;height:31px;background:#eaffef;box-shadow:0 0 8px #72ff8c}.compass-index:after{content:"";position:absolute;left:-4px;bottom:-1px;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid #eaffef}.compass-readout{text-align:center;margin-top:3px;font-size:10px;letter-spacing:.18em;color:#eaffef}.panel{position:absolute;top:4.3vh;font-size:clamp(11px,1vw,16px);line-height:1.62;letter-spacing:.09em}.top-left{left:2.6vw}.top-right{right:2.6vw;text-align:right}.panel span{color:#e8ffe9}.hot{color:#ff5a5a!important}.reticle{position:absolute;left:50%;top:47.5%;width:90px;height:90px;transform:translate(-50%,-50%)}.reticle:before,.reticle:after{content:"";position:absolute;background:#78ff8b;box-shadow:0 0 8px #78ff8b}.reticle:before{width:120%;height:1px;top:50%;left:-10%}.reticle:after{height:120%;width:1px;left:50%;top:-10%}.reticle-circle{position:absolute;inset:17px;border:1px solid #78ff8b;border-radius:50%;box-shadow:0 0 8px #78ff8b,inset 0 0 8px rgba(120,255,139,.35)}.reticle-dot{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff}.cockpit{position:absolute;bottom:0;border-color:#66ff7e;filter:drop-shadow(0 0 7px #42ff67);opacity:.95}.left-frame{left:-3vw;width:38vw;height:35vh;border-top:2px solid;border-right:2px solid;transform:skewX(18deg)}.right-frame{right:-3vw;width:38vw;height:35vh;border-top:2px solid;border-left:2px solid;transform:skewX(-18deg)}.lower-frame{left:28vw;right:28vw;height:12vh;border-top:2px solid;clip-path:polygon(8% 0,92% 0,100% 100%,0 100%)}.radar-wrap{position:absolute;left:2.6vw;bottom:2.2vh;width:260px}.radar-label{width:120px;text-align:center;font-size:11px;letter-spacing:.25em;margin-bottom:5px}.radar{position:relative;width:120px;height:120px;border:1px solid #6dff83;border-radius:50%;overflow:hidden;background:radial-gradient(circle,rgba(50,255,90,.08),rgba(0,0,0,.25));box-shadow:0 0 12px rgba(80,255,110,.45),inset 0 0 12px rgba(80,255,110,.2)}.radar:before,.radar:after{content:"";position:absolute;background:rgba(100,255,125,.35)}.radar:before{width:1px;height:100%;left:50%}.radar:after{height:1px;width:100%;top:50%}.sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(110,255,130,.3),transparent 25%,transparent 100%);animation:sweep 2.6s linear infinite}@keyframes sweep{to{transform:rotate(360deg)}}.blip,.center-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:#ff4a4a;box-shadow:0 0 8px #ff4a4a}.enemy-blip{background:#ff4a4a;box-shadow:0 0 8px #ff4a4a}.pickup-blip{background:#40dfff;box-shadow:0 0 8px #40dfff;width:6px;height:6px}.center-dot{left:calc(50% - 2px);top:calc(50% - 2px);background:#fff;box-shadow:0 0 8px #fff}.radar-legend{position:absolute;left:138px;bottom:28px;display:grid;gap:7px;font-size:10px;letter-spacing:.1em}.radar-legend span{display:flex;align-items:center;gap:7px}.radar-legend i{width:5px;height:5px;border-radius:50%;display:inline-block}.red-dot{background:#ff4a4a;box-shadow:0 0 6px #ff4a4a}.cyan-dot{background:#40dfff;box-shadow:0 0 6px #40dfff}.status{position:absolute;left:50%;bottom:2.6vh;transform:translateX(-50%);text-align:center;font-size:12px;line-height:1.7;letter-spacing:.16em}.upgrade-status{font-size:10px;color:#59d8ff;opacity:.88;margin-top:2px}.upgrade-status span{color:#fff}.weapons-panel{position:absolute;right:2.6vw;bottom:2.8vh;width:235px;padding:0 4px 4px 14px;border-left:1px solid rgba(100,255,130,.45);font-size:11px;letter-spacing:.12em}.weapons-title{margin-bottom:8px}.weapon-row,.system-row{display:grid;grid-template-columns:72px 1fr 38px;align-items:center;gap:8px;margin:9px 0}.system-row:first-of-type{margin-top:18px}.bar{height:10px;border:1px solid rgba(100,255,130,.55);display:block;box-shadow:0 0 5px rgba(100,255,130,.25)}.bar i{display:block;height:100%;background:#88ff9d;box-shadow:0 0 8px #88ff9d;transition:width .18s ease}.weapons-panel em{font-style:normal;text-align:right;color:#e8ffe9}.touch-btn,.stick{pointer-events:auto;display:none}#flash{position:absolute;inset:0;background:white;opacity:0;transition:opacity .15s ease}#message{position:absolute;left:50%;top:24%;transform:translateX(-50%);font-size:clamp(14px,1.8vw,24px);letter-spacing:.25em;opacity:0;transition:opacity .25s ease}@media(pointer:coarse),(max-width:900px){.touch-btn,.stick{display:block}.stick{position:absolute;left:calc(4vw + env(safe-area-inset-left));bottom:calc(5vh + env(safe-area-inset-bottom));width:110px;height:110px;border:1px solid rgba(120,255,140,.5);border-radius:50%;background:rgba(20,60,30,.12)}.stick-knob{position:absolute;left:35px;top:35px;width:40px;height:40px;border:1px solid rgba(120,255,140,.75);border-radius:50%;background:rgba(120,255,140,.08)}.touch-btn{position:absolute;bottom:calc(6vh + env(safe-area-inset-bottom));width:76px;height:76px;border-radius:50%;border:1px solid currentColor;background:rgba(0,0,0,.35);color:#7dff8c;text-shadow:0 0 6px currentColor;box-shadow:0 0 10px currentColor}.jump{right:calc(92px + 5vw + env(safe-area-inset-right));color:#63d8ff}.fire{right:calc(4vw + env(safe-area-inset-right));color:#ff5a5a}.radar-wrap{left:calc(4vw + 128px + env(safe-area-inset-left));bottom:calc(5vh + env(safe-area-inset-bottom));transform:scale(.72);transform-origin:left bottom}.radar-legend{font-size:9px;left:132px;bottom:24px;gap:5px}.weapons-panel{display:none}.status{bottom:2vh}.sector-name{top:5.8vh}.heading-compass{top:8.3vh;width:260px}.compass-window{width:260px}.compass-readout{font-size:9px}}