:root{font-family:Chakra Petch,system-ui,sans-serif;color:#bafcff;background:#010609;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#010609}#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}.menu{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#06262c8f,#010609d1 55%,#010609);z-index:5}.menu:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(85,242,238,.025) 4px)}.panel{width:min(620px,calc(100vw - 40px));padding:52px;text-align:center;border:1px solid rgba(81,228,224,.34);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);background:linear-gradient(145deg,#05151aeb,#020c0ff0);box-shadow:0 0 80px #00b8be1f,inset 0 0 40px #2deae109}.eyebrow,.subtitle,.controls{font-family:Share Tech Mono,monospace;letter-spacing:.16em;color:#60989c}.eyebrow{font-size:11px;margin:0 0 24px}.panel h1{font-size:clamp(48px,9vw,84px);line-height:.86;margin:0;letter-spacing:.02em;color:#e7ffff;text-shadow:0 0 25px rgba(64,245,238,.3)}.panel h1 span{color:#57ede5}.subtitle{margin:18px 0 38px}.actions{display:grid;gap:10px;width:min(360px,100%);margin:auto}button{font:600 15px Chakra Petch;letter-spacing:.14em;padding:14px 18px;color:#021012;border:1px solid #64f5ed;background:#64f5ed;cursor:pointer;transition:.15s}button:hover{filter:brightness(1.18);box-shadow:0 0 24px #46eee84d}button.secondary{color:#8bd4d3;background:transparent;border-color:#245e63}.settings{display:grid;gap:14px;margin:24px auto 0;padding:20px;text-align:left;border:1px solid #153e43;color:#8eb9bb}.settings label{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:13px}.settings input[type=range]{accent-color:#5dece5}.controls{font-size:12px;line-height:1.7;margin:36px 0 0}.hud{position:fixed;inset:0;pointer-events:none;font-family:Share Tech Mono,monospace;text-shadow:0 0 8px #18d9d2}.reticle{position:absolute;left:50%;top:50%;width:42px;height:42px;transform:translate(-50%,-50%);border:1px solid rgba(102,242,235,.55);border-radius:50%}.reticle:before,.reticle:after{content:"";position:absolute;background:#75fff6}.reticle:before{width:10px;height:1px;left:15px;top:20px}.reticle:after{width:1px;height:10px;left:20px;top:15px}.reticle i,.reticle b{position:absolute;inset:-9px;border-style:solid;border-color:#54c9c5;border-width:1px 0;opacity:.5}.reticle b{transform:rotate(90deg)}.readout{position:absolute;bottom:42px;display:grid;min-width:130px;padding:14px 18px;border-top:1px solid #3bc7c5;background:linear-gradient(rgba(6,31,35,.65),transparent)}.readout.left{left:35px}.readout.right{right:35px;text-align:right}.readout small{font-size:10px;letter-spacing:.16em;color:#6ba4a7}.readout strong{font-size:25px;font-weight:400;color:#bafffa;margin-bottom:8px}.readout em{font-style:normal;color:#335f62}.readout em.active{color:#ffbe55;text-shadow:0 0 12px #ff8c2e}.flight-status{position:absolute;left:50%;bottom:22px;transform:translate(-50%);font-size:10px;letter-spacing:.16em;color:#477f82}@media(max-width:600px){.panel{padding:34px 22px}.readout{bottom:20px}.readout.left{left:12px}.readout.right{right:12px}.flight-status{display:none}}:root{font-family:Segoe UI,system-ui,sans-serif}button{font-family:Segoe UI,system-ui,sans-serif}.eyebrow,.subtitle,.controls,.hud{font-family:Consolas,Courier New,monospace}.weapon{position:absolute;left:50%;bottom:52px;width:220px;transform:translate(-50%);font-family:Consolas,Courier New,monospace}.weapon-head{display:flex;justify-content:space-between;margin-bottom:6px;font-size:10px;letter-spacing:.12em;color:#78b8b7}.weapon-head strong{font-weight:400;color:#a8f8f3}.weapon-head strong.danger{color:#ff674d;text-shadow:0 0 10px #ff351f}.heat-track{height:4px;border:1px solid #286266;background:#020e11cc}.heat-track i{display:block;width:0;height:100%;background:#57ede5;box-shadow:0 0 8px #41eae2;transition:width .08s linear}.heat-track i.hot{background:#ff814c;box-shadow:0 0 10px #ff3d1f}.combat-score{position:absolute;top:28px;right:35px;display:grid;text-align:right;font-family:Consolas,Courier New,monospace}.combat-score small{font-size:10px;letter-spacing:.14em;color:#65989a}.combat-score strong{font-size:28px;font-weight:400;color:#f4b269;text-shadow:0 0 10px #ee6f32}.reticle span{display:none;position:absolute;top:48px;left:50%;transform:translate(-50%);font:12px Consolas,monospace;color:#fff;letter-spacing:.18em}.reticle.hit{border-color:#fff;box-shadow:0 0 12px #ff7346}.reticle.hit span{display:block}.reticle.destroyed span{color:#ff9d55}.reticle.destroyed span:after{content:" / DESTROYED"}.hull{position:absolute;left:35px;top:28px;width:190px;font-family:Consolas,Courier New,monospace}.hull .heat-track i{width:100%;background:#57ede5}.hull .heat-track i.critical{background:#ff4a42;box-shadow:0 0 12px #ff2018}.enemy-status{position:absolute;left:50%;top:26px;width:260px;transform:translate(-50%);text-align:center;color:#ff8493;font:10px Consolas,monospace;letter-spacing:.14em;transition:opacity .2s}.enemy-status div{height:3px;margin-top:7px;background:#4c0a14bf;border:1px solid #7f2637}.enemy-status i{display:block;height:100%;width:100%;background:#ff3c58;box-shadow:0 0 8px #ff2948;transition:width .16s}.enemy-status.inactive{opacity:.25}.hud.damaged:after{content:"";position:absolute;inset:0;border:2px solid rgba(255,42,51,.65);background:radial-gradient(circle,transparent 45%,rgba(255,20,30,.2));pointer-events:none}.defeat{position:fixed;inset:0;z-index:7;display:grid;place-items:center;background:radial-gradient(circle,#4d0a1259,#010609f0 65%);text-align:center}.defeat h2{margin:0 0 16px;color:#ffd7d9;letter-spacing:.08em}.defeat p{color:#ac7b80;margin-bottom:28px}.defeat button{display:block;width:100%;margin-top:10px}@media(max-width:600px){.weapon{bottom:105px;width:180px}.combat-score{right:14px;top:14px}.hull{left:14px;top:14px;width:130px}.enemy-status{top:75px;width:210px}}.radar{position:absolute;right:38px;bottom:165px;width:112px;height:112px;border:1px solid rgba(73,217,211,.45);border-radius:50%;background:radial-gradient(circle,#1fb5ae14,#010f1299);box-shadow:inset 0 0 18px #26e3da14}.radar:before,.radar:after{content:"";position:absolute;background:#46d3ce33}.radar:before{left:50%;top:0;width:1px;height:100%}.radar:after{left:0;top:50%;width:100%;height:1px}.radar i{position:absolute;width:6px;height:6px;transform:translate(-50%,-50%) rotate(45deg);background:#ff405b;box-shadow:0 0 6px #ff405b}.radar i.scout{background:#ffa23e}.radar i.heavy{width:9px;height:9px;background:#be68ff}.radar i.behind{opacity:.35;border:1px solid #fff;background:transparent}.wave-status{position:absolute;left:50%;top:58px;transform:translate(-50%);font:10px Consolas,monospace;color:#ba777f;letter-spacing:.12em}.victory{position:fixed;inset:0;z-index:7;display:grid;place-items:center;background:radial-gradient(circle,#0c534b57,#010609f0 65%);text-align:center}.victory h2{margin:0 0 16px;color:#bdfff8;letter-spacing:.1em}.victory p{color:#7ebfba;margin-bottom:28px}.victory button{display:block;width:100%;margin-top:10px}.panel h1{white-space:nowrap;font-size:clamp(44px,7vw,74px)}.hud:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 72%,rgba(180,255,252,.075),transparent 22%);transition:opacity .05s ease-out}.hud.firing:before{opacity:1}.hud.firing .reticle{box-shadow:0 0 8px #5cfff659}.sensitivity-value{display:inline-block;min-width:38px;margin-left:8px;color:#64f5ed;font:12px Share Tech Mono,monospace;text-align:right}.progression{position:absolute;left:50%;bottom:86px;width:260px;transform:translate(-50%);text-align:center;font:10px Consolas,monospace;letter-spacing:.14em;color:#76d9d3}.progression>div{height:4px;margin-top:6px;border:1px solid #286266;background:#020e11d1}.progression i{display:block;width:0;height:100%;background:#7dfff0;box-shadow:0 0 9px #54f5e9;transition:width .2s}.combo{position:absolute;left:50%;top:105px;transform:translate(-50%);font:600 21px Chakra Petch,sans-serif;letter-spacing:.12em;color:#ffb04c;text-shadow:0 0 16px #ff541f}.perk-overlay{position:fixed;inset:0;z-index:12;display:grid;place-items:start end;padding:92px 28px 28px;pointer-events:none}.perk-panel{pointer-events:auto;width:min(360px,calc(100vw - 36px));padding:24px;border:1px solid #3b8b8a;background:#031216f5;box-shadow:0 18px 70px #0000008c;text-align:center}.perk-panel>p{margin:0;color:#ffb452;font:12px Consolas,monospace;letter-spacing:.22em}.perk-panel h2{margin:8px 0 18px;color:#dffffb;font-size:19px}.perk-panel>[data-perk-list]{display:grid;grid-template-columns:1fr;gap:9px}.perk-panel button{min-height:76px;color:#bffffa;background:linear-gradient(145deg,#0d3f43cc,#04181df0);border-color:#327b7d}.perk-panel button:disabled{opacity:.45;cursor:default}.perk-panel button strong,.perk-panel button small{display:block}.perk-panel button small{margin-top:7px;color:#78aead;line-height:1.35;letter-spacing:.04em}@media(max-width:700px){.perk-overlay{padding:70px 12px 12px}.perk-panel{width:min(320px,calc(100vw - 24px))}.progression{bottom:128px;width:190px}}.radar i.drone{background:#ffd34c;box-shadow:0 0 6px #ffb52e}