:root{--primary: #00f0ff;--primary-glow: rgba(0, 240, 255, .4);--secondary: #ff0055;--accent: #ffb700;--hp-green: #22c55e;--shield-blue: #38bdf8;--bg-dark: rgba(10, 15, 26, .8);--glass-bg: rgba(15, 23, 42, .7);--glass-border: rgba(0, 240, 255, .25);--text-main: #f8fafc;--text-muted: #94a3b8;--font-hud: "Orbitron", monospace, sans-serif;--font-body: "Plus Jakarta Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0;user-select:none}html,body{width:100%;height:100%;overflow:hidden;background-color:#020617;font-family:var(--font-body);color:var(--text-main)}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.damage-flash{position:fixed;inset:0;z-index:80;pointer-events:none;border:8px solid rgba(255,0,85,0);background:radial-gradient(circle at center,transparent 60%,rgba(255,0,85,0) 100%);transition:all .1s ease}.damage-flash.active{border-color:#f05c;background:radial-gradient(circle at center,transparent 40%,rgba(255,0,85,.35) 100%)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px #00000080,0 0 15px #00f0ff1a}.glass-subpanel{background:#00f0ff14;backdrop-filter:blur(8px);border:1px solid rgba(0,240,255,.2);border-radius:10px}.loading-overlay{position:fixed;inset:0;z-index:999;background:radial-gradient(circle at center,#0b1329,#020617);display:flex;align-items:center;justify-content:center;text-align:center;transition:opacity .6s ease,visibility .6s ease}.loader-content{max-width:520px;padding:40px}.space-icon{font-size:64px;display:inline-block;animation:shipFloat 2s ease-in-out infinite;color:var(--primary);filter:drop-shadow(0 0 20px var(--primary-glow))}@keyframes shipFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(4deg)}}.loader-content h1{font-family:var(--font-hud);font-size:26px;font-weight:900;letter-spacing:3px;margin:16px 0 8px;background:linear-gradient(135deg,#ffffff 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:var(--text-muted);font-size:14px;margin-bottom:24px}.progress-bar-container{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-bar{width:0%;height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:width .3s ease}.btn{font-family:var(--font-hud);font-size:12px;font-weight:700;padding:10px 18px;border-radius:10px;border:1px solid var(--glass-border);cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;gap:8px;color:var(--text-main);background:#ffffff14}.btn:hover{background:#00f0ff33;border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow);transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#00f0ff,#0072ff);border:none;color:#000;font-size:14px;padding:14px 28px;margin-top:20px}.btn-primary:hover{box-shadow:0 0 30px #00f0ffcc}.btn-lg{padding:16px 36px;font-size:16px}.hud-header{position:absolute;top:16px;left:16px;right:16px;z-index:10;padding:12px 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand .logo-icon{font-size:22px;color:var(--primary)}.brand .logo-text{font-family:var(--font-hud);font-weight:800;font-size:16px;letter-spacing:1px}.brand small{font-size:10px;color:var(--primary);display:block}.landmark-tracker{padding:6px 16px;display:flex;align-items:center;gap:8px;font-size:13px}.landmark-tracker .badge{background:var(--secondary);color:#fff;font-family:var(--font-hud);font-weight:700;font-size:11px;padding:2px 8px;border-radius:4px}.header-actions{display:flex;align-items:center;gap:12px}.hud-overlay{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:80px 24px 24px}.hud-overlay *{pointer-events:auto}.space-reticle-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:220px;height:220px;pointer-events:none;display:flex;align-items:center;justify-content:center}.laser-crosshair{position:relative;width:48px;height:48px}.ch-circle{width:100%;height:100%;border:1.5px solid rgba(0,240,255,.6);border-radius:50%;box-shadow:0 0 10px #00f0ff66}.ch-line{position:absolute;background:var(--primary);box-shadow:0 0 6px var(--primary)}.ch-line.top{top:-8px;left:50%;width:2px;height:8px;transform:translate(-50%)}.ch-line.bottom{bottom:-8px;left:50%;width:2px;height:8px;transform:translate(-50%)}.ch-line.left{left:-8px;top:50%;width:8px;height:2px;transform:translateY(-50%)}.ch-line.right{right:-8px;top:50%;width:8px;height:2px;transform:translateY(-50%)}.lock-on-ring{position:absolute;width:120px;height:120px;border:2px dashed var(--secondary);border-radius:50%;opacity:0;transition:all .2s ease;animation:spinLock 4s linear infinite}@keyframes spinLock{to{transform:rotate(360deg)}}.lock-on-ring.active{opacity:1;box-shadow:0 0 20px #f059}.lock-label{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-family:var(--font-hud);font-size:9px;font-weight:800;color:var(--secondary)}.compass-bar-container{position:absolute;top:80px;left:50%;transform:translate(-50%);width:280px;padding:6px 14px;text-align:center}.compass-tape{font-family:var(--font-hud);font-size:11px;letter-spacing:4px;color:var(--primary);white-space:nowrap}.heading-value{font-family:var(--font-hud);font-weight:800;font-size:14px;color:var(--accent);margin-top:2px}.telemetry-panel{width:240px;padding:16px;display:flex;flex-direction:column;gap:12px;position:absolute;bottom:24px}.left-panel{left:24px}.right-panel{right:24px}.gauge-header{font-family:var(--font-hud);font-size:10px;font-weight:700;letter-spacing:1px;color:var(--text-muted)}.gauge-header.margin-top{margin-top:8px}.status-bar-group{display:flex;flex-direction:column;gap:4px}.bar-label{font-size:9px;font-weight:700;color:var(--text-muted)}.bar-track{width:100%;height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden}.bar-fill{height:100%;transition:width .15s ease}.shield-fill{background:linear-gradient(90deg,#0284c7,#38bdf8);box-shadow:0 0 10px #38bdf880}.hp-fill{background:linear-gradient(90deg,#16a34a,#22c55e);box-shadow:0 0 10px #22c55e80}.bar-pct{font-family:var(--font-hud);font-size:10px;text-align:right;color:var(--text-muted)}.big-stat{display:flex;align-items:baseline;gap:6px}.stat-value{font-family:var(--font-hud);font-size:32px;font-weight:900;color:var(--primary);text-shadow:0 0 10px var(--primary-glow)}.score-text{color:var(--accent);text-shadow:0 0 15px rgba(255,183,0,.5)}.stat-unit{font-size:11px;font-weight:700;color:var(--text-muted)}.boost-badge{font-family:var(--font-hud);font-size:9px;font-weight:800;color:var(--secondary);text-align:center;padding:4px;border-radius:4px;background:#ff005526;border:1px solid rgba(255,0,85,.3);opacity:.4;transition:all .2s ease}.boost-badge.active{opacity:1;box-shadow:0 0 12px #f059}.wave-info-box{background:#00f0ff0d;border:1px solid rgba(0,240,255,.2);padding:10px;border-radius:8px}.wave-header{font-size:9px;font-weight:700;color:var(--text-muted)}.wave-counter{font-family:var(--font-hud);font-size:18px;font-weight:900;color:var(--secondary);margin-top:2px}.alien-remains{font-size:11px;color:var(--text-main);margin-top:4px}.fire-prompt{font-family:var(--font-hud);font-size:9px;font-weight:800;color:var(--primary);text-align:center;background:#00f0ff1a;border:1px dashed rgba(0,240,255,.3);padding:8px;border-radius:6px;animation:pulsePrompt 1.5s ease-in-out infinite}@keyframes pulsePrompt{0%,to{opacity:.7}50%{opacity:1}}.modal-overlay{position:fixed;inset:0;z-index:100;background:#020617d9;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px}.modal-overlay.hidden{display:none}.modal-card{max-width:580px;width:100%;padding:36px;position:relative}.text-center{text-align:center}.close-btn{position:absolute;top:16px;right:20px;background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer}.gameover-title{font-family:var(--font-hud);color:var(--secondary);font-size:22px;margin-bottom:8px;text-shadow:0 0 20px rgba(255,0,85,.6)}.gameover-sub{color:var(--text-muted);font-size:14px;margin-bottom:24px}.gameover-stats{display:flex;justify-content:center;gap:32px;margin-bottom:28px}.g-label{font-size:11px;color:var(--text-muted)}.g-val{font-family:var(--font-hud);font-size:28px;font-weight:900;color:var(--accent)}.controls-grid{display:grid;grid-template-columns:1fr;gap:12px}.control-item{display:flex;align-items:center;justify-content:space-between;padding:10px;background:#ffffff0a;border-radius:8px}kbd{background:#00f0ff26;border:1px solid rgba(0,240,255,.4);border-radius:4px;padding:2px 8px;font-family:var(--font-hud);font-size:12px;color:var(--primary)}.control-item .desc{font-size:13px;color:var(--text-muted)}.modal-footer{margin-top:24px;text-align:right}.toast{position:fixed;top:90px;left:50%;transform:translate(-50%);z-index:90;background:linear-gradient(135deg,#f05,#7928ca);color:#fff;font-family:var(--font-hud);font-size:13px;font-weight:700;padding:10px 24px;border-radius:30px;box-shadow:0 0 25px #f059;transition:opacity .3s ease}.toast.hidden{opacity:0;pointer-events:none}@media (max-width: 768px){.hud-header{flex-wrap:wrap;gap:8px}.landmark-tracker{display:none}.telemetry-panel{width:170px;padding:10px}.stat-value{font-size:24px}}