:root{--bg: #0d1210;--panel: rgba(14, 20, 17, .82);--panel-border: rgba(120, 150, 125, .35);--text: #cfd8cf;--muted: #8a9a8c;--accent: #8fc47f;--accent-dim: #4f7a4a;--danger: #d9534f;--warn: #e0b64a;--blue: #6fa3e0;--font: "Consolas", "Menlo", "DejaVu Sans Mono", monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);overflow:hidden}#app{position:fixed;inset:0}#app canvas.game{display:block;width:100%;height:100%}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0c120fd9,#060908f7);z-index:20}.overlay.hidden{display:none}.panel{background:var(--panel);border:1px solid var(--panel-border);padding:28px 36px;min-width:420px;max-width:640px;box-shadow:0 0 40px #0009}.panel h1{margin:0 0 4px;font-size:30px;letter-spacing:3px;color:var(--accent);text-transform:uppercase}.panel h2{margin:0 0 14px;font-size:16px;letter-spacing:2px;color:var(--muted);text-transform:uppercase}.panel p{color:var(--text);line-height:1.5;font-size:13px}.panel .brief{border-left:3px solid var(--accent-dim);padding-left:12px;margin:14px 0}.panel button{font-family:var(--font);background:#1d2a22;color:var(--accent);border:1px solid var(--accent-dim);padding:12px 20px;font-size:15px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;margin:6px 8px 6px 0;transition:background .15s}.panel button:hover{background:#2a3d31;border-color:var(--accent)}.panel button.primary{background:#2c4a34}.panel .row{display:flex;align-items:center;gap:12px;margin:10px 0;font-size:13px;color:var(--muted)}.panel .row label{min-width:150px;text-transform:uppercase;letter-spacing:1px}.panel input[type=range]{flex:1;accent-color:var(--accent)}.panel .controls{columns:2;font-size:12px;color:var(--muted);margin-top:12px}.panel .controls div{break-inside:avoid;padding:2px 0}.panel .controls b{color:var(--text);display:inline-block;min-width:70px}.panel .stats{font-size:13px;color:var(--muted);margin:10px 0 16px}.panel .stats span{color:var(--text)}.panel.win h1{color:var(--accent)}.panel.lose h1{color:var(--danger)}#hud{position:absolute;inset:0;pointer-events:none;z-index:10;font-size:13px}#hud.hidden{display:none}.hud-box{position:absolute;background:var(--panel);border:1px solid var(--panel-border);padding:8px 12px}#hud-health{left:20px;bottom:20px;width:260px}.bar{height:10px;background:#1a2320;border:1px solid #2f3f36;margin-top:4px}.bar>div{height:100%;background:var(--accent);transition:width .1s}.bar.low>div{background:var(--danger)}.label{color:var(--muted);font-size:11px;letter-spacing:2px;text-transform:uppercase}#hud-ammo{right:20px;bottom:20px;min-width:190px;text-align:right}#hud-ammo .mag{font-size:34px;color:var(--text);line-height:1}#hud-ammo .mag.empty{color:var(--danger)}#hud-ammo .reserve{color:var(--muted);font-size:16px}#hud-ammo .reload{color:var(--warn);letter-spacing:2px;font-size:12px;height:16px;text-transform:uppercase}#hud-drone{right:20px;bottom:120px;min-width:190px;text-align:right;font-size:12px}#hud-squad{left:20px;top:20px;min-width:210px}.sq{display:flex;align-items:center;gap:8px;padding:3px 0}.sq .dot{width:10px;height:10px;border-radius:2px;background:var(--blue)}.sq.down .dot{background:var(--danger)}.sq .name{width:70px;letter-spacing:1px}.sq .bar{flex:1;margin:0;height:6px}.sq .bar>div{background:var(--blue)}.sq.down .name{color:var(--danger)}#hud-squadmode{margin-top:6px;color:var(--accent);font-size:11px;letter-spacing:2px;text-transform:uppercase}#hud-objective{left:50%;top:20px;transform:translate(-50%);text-align:center;min-width:360px}#hud-objective .title{color:var(--accent);letter-spacing:2px;text-transform:uppercase}#hud-objective .sub{color:var(--muted);font-size:12px;margin-top:3px}#hud-timer{left:50%;top:78px;transform:translate(-50%);color:var(--muted);font-size:12px;letter-spacing:2px;background:transparent;border:none}#hud-minimap{right:20px;top:20px;padding:4px}#hud-minimap canvas{display:block}#hud-minimap .label{text-align:center;margin-top:2px}#hud-prompt{left:50%;top:58%;transform:translate(-50%);text-align:center;letter-spacing:1px}#hud-prompt.hidden{display:none}#hud-prompt .key{display:inline-block;border:1px solid var(--accent);color:var(--accent);padding:1px 6px;margin-right:6px}#hud-prompt .bar{width:160px;margin:6px auto 0}#hud-messages{left:20px;top:190px;width:300px;background:transparent;border:none}#hud-messages div{color:var(--muted);font-size:12px;margin:2px 0;opacity:.9}#hud-messages div.callout{color:var(--blue)}#hud-messages div.kill{color:var(--warn)}#crosshair{position:absolute;left:50%;top:50%;width:0;height:0}#crosshair span{position:absolute;background:#d2e6d2e6}#crosshair .t{width:2px;height:8px;left:-1px;top:-14px}#crosshair .b{width:2px;height:8px;left:-1px;top:6px}#crosshair .l{width:8px;height:2px;left:-14px;top:-1px}#crosshair .r{width:8px;height:2px;left:6px;top:-1px}#crosshair .dot{width:3px;height:3px;left:-1.5px;top:-1.5px;border-radius:50%}#crosshair.ads .t,#crosshair.ads .b,#crosshair.ads .l,#crosshair.ads .r{display:none}#crosshair.hit span{background:var(--warn)}#damage-vignette{position:absolute;inset:0;box-shadow:inset 0 0 120px #c81e1e00;pointer-events:none}#drone-overlay{position:absolute;inset:0;pointer-events:none;display:none}#drone-overlay.active{display:block}#drone-overlay .frame{position:absolute;inset:24px;border:1px solid rgba(120,220,140,.5)}#drone-overlay .corner{position:absolute;width:40px;height:40px;border:3px solid rgba(120,220,140,.9)}#drone-overlay .corner.tl{left:24px;top:24px;border-right:none;border-bottom:none}#drone-overlay .corner.tr{right:24px;top:24px;border-left:none;border-bottom:none}#drone-overlay .corner.bl{left:24px;bottom:24px;border-right:none;border-top:none}#drone-overlay .corner.br{right:24px;bottom:24px;border-left:none;border-top:none}#drone-overlay .info{position:absolute;left:50%;bottom:40px;transform:translate(-50%);color:#8ef0a0;letter-spacing:3px;font-size:14px;text-align:center}#drone-overlay .scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(80,160,90,.05) 0px,rgba(80,160,90,.05) 2px,transparent 2px,transparent 4px)}#drone-overlay .tint{position:absolute;inset:0;background:#28783c1f}#markers{position:absolute;inset:0;overflow:hidden}.marker{position:absolute;transform:translate(-50%,-100%);text-align:center;font-size:11px;letter-spacing:1px;white-space:nowrap}.marker .icon{width:14px;height:14px;margin:0 auto 2px;border:2px solid currentColor;transform:rotate(45deg)}.marker .text{color:currentColor;text-shadow:0 0 4px #000}.marker.enemy .icon{width:10px;height:10px;border-width:2px}.marker.name .icon{display:none}.marker.name .text{font-size:10px;opacity:.85}#down-overlay{position:absolute;inset:0;background:#3c000059;display:none}