@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Orbitron:wght@600;800;900&family=Share+Tech+Mono&display=swap";
:root{--bg-primary:#05070a;--bg-secondary:#0c0f16;--bg-tertiary:#121824;--bg-gradient:radial-gradient(circle at 50% 50%, #0f131c, #05070a);--neon-cyan:#00f0ff;--neon-blue:#06f;--neon-amber:#ff9f00;--neon-green:#39ff14;--neon-red:#f33;--border-cyan:#00f0ff33;--border-amber:#ff9f0033;--card-bg:#0a0e16cc;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--font-hud:"Orbitron", sans-serif;--font-mono:"Share Tech Mono", monospace;--font-sans:"Space Grotesk", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);background-image:var(--bg-gradient);color:var(--text-primary);font-family:var(--font-sans);transition:background .3s,color .3s;overflow-x:hidden}.scanlines{z-index:9999;pointer-events:none;opacity:.04;background:linear-gradient(#12101000 50%,#00000014 50%) 0 0/100% 4px;width:100%;height:100%;position:fixed;top:0;left:0}.hud-panel{background:var(--card-bg);border:1px solid var(--border-cyan);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:4px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 4px 24px #000000b3,inset 0 0 12px #00f0ff0d}.hud-panel:before{content:"";border-top:2px solid var(--neon-cyan);border-left:2px solid var(--neon-cyan);width:10px;height:10px;position:absolute;top:-1px;left:-1px}.hud-panel:after{content:"";border-bottom:2px solid var(--neon-cyan);border-right:2px solid var(--neon-cyan);width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.hud-panel.amber{border-color:var(--border-amber);box-shadow:0 4px 24px #000000b3,inset 0 0 12px #ff9f000d}.hud-panel.amber:before{border-top-color:var(--neon-amber);border-left-color:var(--neon-amber)}.hud-panel.amber:after{border-bottom-color:var(--neon-amber);border-right-color:var(--neon-amber)}.hud-panel:hover{border-color:var(--neon-cyan);box-shadow:0 0 15px #00f0ff26,inset 0 0 16px #00f0ff14}.hud-panel.amber:hover{border-color:var(--neon-amber);box-shadow:0 0 15px #ff9f0026,inset 0 0 16px #ff9f0014}.hud-btn{border:1px solid var(--neon-cyan);color:var(--neon-cyan);font-family:var(--font-hud);letter-spacing:.15em;cursor:pointer;text-transform:uppercase;background:#00f0ff0d;border-radius:2px;padding:.75rem 1.5rem;font-size:.75rem;font-weight:700;transition:all .2s;position:relative;overflow:hidden}.hud-btn:before{content:"";background:linear-gradient(90deg,#0000,#00f0ff33,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.hud-btn:hover{text-shadow:0 0 4px var(--neon-cyan);background:#00f0ff26;box-shadow:0 0 12px #00f0ff66}.hud-btn:hover:before{left:100%}.hud-btn.amber{border-color:var(--neon-amber);color:var(--neon-amber);background:#ff9f0008}.hud-btn.amber:hover{text-shadow:0 0 4px var(--neon-amber);background:#ff9f001f;box-shadow:0 0 12px #ff9f0066}.hud-btn.amber:before{background:linear-gradient(90deg,#0000,#ff9f0033,#0000)}.bg-tactical-grid{background-image:linear-gradient(90deg,#00f0ff0f 1px,#0000 1px),linear-gradient(#00f0ff0f 1px,#0000 1px);background-size:40px 40px;background-attachment:fixed;position:relative}.radar-sweep{background:linear-gradient(to bottom, transparent 0%, #00f0ff08 50%, #00f0ff1f 99%, var(--neon-cyan) 100%);opacity:.4;pointer-events:none;width:100%;height:40%;animation:8s linear infinite sweep;position:absolute;top:0;left:0}@keyframes sweep{0%{transform:translateY(-100%)}to{transform:translateY(250%)}}.sandstorm-overlay{opacity:.04;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"noiseFilter\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.65\" numOctaves=\"3\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23noiseFilter)\"/%3E%3C/svg%3E");width:100%;height:100%;animation:4s steps(4,end) infinite sand-drift;position:absolute;top:0;left:0}@keyframes sand-drift{0%{transform:translate(0)}25%{transform:translate(-1%,1%)}50%{transform:translate(1%,-1%)}75%{transform:translate(-.5%,-.5%)}to{transform:translate(.5%,.5%)}}.hologram-text{color:var(--neon-cyan);text-shadow:0 0 2px var(--neon-cyan), 0 0 8px #00f0ff80}.hologram-text.amber{color:var(--neon-amber);text-shadow:0 0 2px var(--neon-amber), 0 0 8px #ff9f0080}.terminal-cursor{background-color:var(--neon-cyan);vertical-align:middle;width:8px;height:15px;margin-left:4px;animation:1s step-end infinite blink;display:inline-block}.terminal-cursor.amber{background-color:var(--neon-amber)}@keyframes blink{50%{opacity:0}}.metal-plate-tab{color:var(--text-secondary);font-family:var(--font-hud);letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(#1e293b 0%,#0f172a 100%);border:1px solid #00f0ff33;font-size:.7rem;font-weight:700;transition:all .2s;position:relative;box-shadow:0 2px 6px #0006}.metal-plate-tab:after{content:"";background-color:var(--neon-cyan);width:0;height:2px;transition:width .2s;position:absolute;bottom:0;left:0}.metal-plate-tab:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);background:#00f0ff0d}.metal-plate-tab:hover:after{width:100%}.metal-plate-tab-active{border:1px solid var(--neon-cyan);color:var(--neon-cyan);font-family:var(--font-hud);letter-spacing:.15em;text-transform:uppercase;background:#00f0ff1a;font-size:.7rem;font-weight:700;position:relative;box-shadow:0 0 10px #00f0ff33}.metal-plate-tab-active:after{content:"";background-color:var(--neon-cyan);width:100%;height:2px;position:absolute;bottom:0;left:0}.scrollbar-none::-webkit-scrollbar{display:none}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.telemetry-progress{background:#1e293b;border-radius:2px;height:4px;overflow:hidden}.telemetry-progress-bar{background:linear-gradient(90deg, var(--neon-blue), var(--neon-cyan));height:100%;box-shadow:0 0 8px var(--neon-cyan)}.telemetry-progress-bar.amber{background:var(--neon-amber);box-shadow:0 0 8px var(--neon-amber)}