:root{--color-bg-base:#02060c;--color-bg-card:#040c16bf;--color-border:#00f0ff26;--color-border-glow:#00f0ff59;--color-cyan:#00f0ff;--color-blue:#05f;--color-gold:#e6a100;--color-red:#f05;--color-green:#0f6;--color-text-main:#d1f4ff;--color-text-dim:#709ca8;--font-hud:"Orbitron", sans-serif;--font-mono:"Share Tech Mono", monospace;--font-sans:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-base);color:var(--color-text-main);font-family:var(--font-sans);width:100vw;height:100vh;position:relative;overflow:hidden}body:before{content:"";pointer-events:none;z-index:1;background-image:linear-gradient(#00f0ff08 1px,#0000 1px),linear-gradient(90deg,#00f0ff08 1px,#0000 1px);background-position:50%;background-size:40px 40px;position:absolute;inset:0}body:after{content:"";pointer-events:none;z-index:999;opacity:.4;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px;position:absolute;inset:0}#root{z-index:2;width:100%;height:100%;position:relative}.hud-panel{background:var(--color-bg-card);-webkit-backdrop-filter:blur(15px);border:1px solid var(--color-border);border-radius:4px;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;box-shadow:inset 0 0 15px #00f0ff0d,0 10px 30px #00000080}.hud-panel:hover{border-color:var(--color-border-glow);box-shadow:inset 0 0 20px #00f0ff14,0 0 15px #00f0ff1a,0 10px 30px #0009}.hud-panel:before,.hud-panel:after{content:"";border-color:var(--color-cyan);pointer-events:none;opacity:.7;border-style:solid;width:10px;height:10px;position:absolute}.hud-panel:before{border-width:2px 0 0 2px;top:-1px;left:-1px}.hud-panel:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.glow-cyan{text-shadow:0 0 8px var(--color-cyan), 0 0 20px #00f0ff80}.glow-gold{text-shadow:0 0 8px var(--color-gold), 0 0 20px #e6a10080}.glow-red{text-shadow:0 0 8px var(--color-red), 0 0 20px #ff005580}.glow-green{text-shadow:0 0 8px var(--color-green), 0 0 20px #00ff6680}.font-hud{font-family:var(--font-hud);letter-spacing:.1em}.font-mono{font-family:var(--font-mono);letter-spacing:.05em}@keyframes spin-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-counterclockwise{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes pulse-glow{0%,to{opacity:.7;filter:drop-shadow(0 0 3px var(--color-cyan))}50%{opacity:1;filter:drop-shadow(0 0 15px var(--color-cyan))}}@keyframes pulse-reactor{0%,to{filter:drop-shadow(0 0 10px #00f0ff66);transform:scale(1)}50%{filter:drop-shadow(0 0 30px #00f0ffcc);transform:scale(1.03)}}@keyframes scanline-anim{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes crt-flicker{0%{opacity:.97}50%{opacity:1}to{opacity:.98}}.spin-cw{animation:20s linear infinite spin-clockwise}.spin-cw-fast{animation:10s linear infinite spin-clockwise}.spin-ccw{animation:25s linear infinite spin-counterclockwise}.spin-ccw-fast{animation:8s linear infinite spin-counterclockwise}.pulse-reactor-core{animation:4s ease-in-out infinite pulse-reactor}.pulse-glow-text{animation:2s ease-in-out infinite pulse-glow}.crt-effect{animation:.15s infinite crt-flicker}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#00f0ff08}::-webkit-scrollbar-thumb{background:#00f0ff33;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00f0ff66}.radar-sweep{pointer-events:none;z-index:10;background:linear-gradient(#00f0ff26 0%,#00f0ff00 50%);width:100%;height:100%;animation:4s linear infinite scanline-anim;position:absolute;top:0;left:0}