:root{--bg-primary: hsl(220, 24%, 6%);--bg-secondary: hsl(220, 20%, 10%);--bg-tertiary: hsl(220, 18%, 15%);--color-cyan: hsl(182, 100%, 48%);--color-cyan-glow: hsla(182, 100%, 48%, .3);--color-amber: hsl(38, 100%, 52%);--color-amber-glow: hsla(38, 100%, 52%, .3);--color-red: hsl(355, 100%, 55%);--color-red-glow: hsla(355, 100%, 55%, .35);--color-green: hsl(110, 100%, 50%);--color-green-glow: hsla(110, 100%, 50%, .25);--color-text-main: hsl(180, 25%, 92%);--color-text-dim: hsl(180, 12%, 70%);--color-text-dark: hsl(220, 12%, 40%);--border-cyan: 1px solid hsla(182, 100%, 48%, .25);--border-amber: 1px solid hsla(38, 100%, 52%, .25);--border-red: 1px solid hsla(355, 100%, 55%, .25);--border-dim: 1px solid hsla(180, 12%, 70%, .1);--glow-cyan: 0 0 12px hsla(182, 100%, 48%, .25);--glow-amber: 0 0 12px hsla(38, 100%, 52%, .25);--glow-red: 0 0 15px hsla(355, 100%, 55%, .3);--font-hud: "Orbitron", "Rajdhani", -apple-system, sans-serif;--font-mono: "Share Tech Mono", "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);color:var(--color-text-main);font-family:var(--font-hud);font-size:16px;overflow-x:hidden;height:100%;letter-spacing:.05em;image-rendering:pixelated}#root{height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary);border-left:var(--border-dim)}::-webkit-scrollbar-thumb{background:#00edf54d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-cyan);box-shadow:var(--glow-cyan)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background-image:linear-gradient(#121820f2,#121820f2),radial-gradient(circle at 50% 50%,#14202d66,#0a0e14f2),repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px),repeating-linear-gradient(90deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);background-size:100% 100%,100% 100%,4px 4px,4px 4px}.hud-scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000a,#00ff0003,#0000ff0a);background-size:100% 4px,6px 100%;z-index:9999;pointer-events:none}@keyframes crt-flicker{0%{opacity:.99}50%{opacity:.96}to{opacity:.99}}@keyframes scanline-scroll{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.hud-crt-screen{position:relative;height:100%;width:100%;animation:crt-flicker .15s infinite;display:flex;flex-direction:column;overflow:hidden}.hud-crt-screen:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(0,243,255,.05) 10%,transparent 20%);animation:scanline-scroll 8s linear infinite;z-index:1000;pointer-events:none}.tech-font{font-family:var(--font-mono);letter-spacing:.1em}.hud-panel{background:var(--bg-secondary);border:var(--border-dim);position:relative;overflow:hidden;box-shadow:inset 0 0 10px #000c}.hud-panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--color-cyan);box-shadow:var(--glow-cyan);opacity:.4}.hud-panel.accent-amber:before{background:var(--color-amber);box-shadow:var(--glow-amber)}.hud-panel.accent-red:before{background:var(--color-red);box-shadow:var(--glow-red)}.corners:before,.corners:after,.corners-inner:before,.corners-inner:after{content:"";position:absolute;width:8px;height:8px;border-color:var(--color-cyan);border-style:solid;pointer-events:none;z-index:5}.corners:before{top:0;left:0;border-width:2px 0 0 2px}.corners:after{top:0;right:0;border-width:2px 2px 0 0}.corners-inner:before{bottom:0;left:0;border-width:0 0 2px 2px}.corners-inner:after{bottom:0;right:0;border-width:0 2px 2px 0}.accent-amber .corners:before,.accent-amber .corners:after,.accent-amber .corners-inner:before,.accent-amber .corners-inner:after{border-color:var(--color-amber)}.accent-red .corners:before,.accent-red .corners:after,.accent-red .corners-inner:before,.accent-red .corners-inner:after{border-color:var(--color-red)}.hud-grid-matrix{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;background-image:linear-gradient(rgba(0,243,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,243,255,.03) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.glitch-text{position:relative;text-shadow:.05em 0 0 rgba(255,0,0,.75),-.025em -.05em 0 rgba(0,255,0,.75),.025em .05em 0 rgba(0,0,255,.75);animation:glitch 1.5s infinite}@keyframes glitch{0%{text-shadow:1px 0 0 rgba(255,0,0,.5),-1px -1px 0 rgba(0,255,0,.3),0 1px 0 rgba(0,0,255,.5)}20%{text-shadow:-1px 0 0 rgba(255,0,0,.5),1px 1px 0 rgba(0,255,0,.3),-1px -1px 0 rgba(0,0,255,.5)}40%{text-shadow:.5px .5px 0 rgba(255,0,0,.5),-.5px -.5px 0 rgba(0,255,0,.3),.5px -.5px 0 rgba(0,0,255,.5)}60%{text-shadow:1px .5px 0 rgba(255,0,0,.5),-1px 1px 0 rgba(0,255,0,.3),-1px -.5px 0 rgba(0,0,255,.5)}80%{text-shadow:-1px -1px 0 rgba(255,0,0,.5),1px -1px 0 rgba(0,255,0,.3),1px 1px 0 rgba(0,0,255,.5)}to{text-shadow:1px 0 0 rgba(255,0,0,.5),-1px -1px 0 rgba(0,255,0,.3),0 1px 0 rgba(0,0,255,.5)}}.hud-btn{background:#00f3ff0d;border:var(--border-cyan);color:var(--color-cyan);padding:10px 18px;font-family:var(--font-hud);font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;position:relative;transition:all .25s ease;overflow:hidden}.hud-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,243,255,.15),transparent);transition:all .4s ease}.hud-btn:hover{background:#00f3ff26;box-shadow:var(--glow-cyan);color:#fff;border-color:var(--color-cyan)}.hud-btn:hover:after{left:100%}.hud-btn.btn-amber{border-color:var(--color-amber);color:var(--color-amber);background:#ff9f0008}.hud-btn.btn-amber:hover{background:#ff9f0026;box-shadow:var(--glow-amber);color:#fff;border-color:var(--color-amber)}.hud-btn.btn-red{border-color:var(--color-red);color:var(--color-red);background:#ff3b3008}.hud-btn.btn-red:hover{background:#ff3b3026;box-shadow:var(--glow-red);color:#fff;border-color:var(--color-red)}.tactical-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:2px;font-size:.75rem;font-weight:700;text-transform:uppercase;font-family:var(--font-mono);background:#00f3ff1a;border:var(--border-cyan);color:var(--color-cyan)}.tactical-badge.badge-amber{background:#ff9f001a;border:var(--border-amber);color:var(--color-amber)}.tactical-badge.badge-red{background:#ff3b301a;border:var(--border-red);color:var(--color-red)}.tactical-badge.badge-green{background:#64ff641a;border:1px solid var(--color-green);color:var(--color-green)}.pulse-indicator{width:8px;height:8px;border-radius:50%;background:var(--color-cyan);box-shadow:var(--glow-cyan);display:inline-block;position:relative}.pulse-indicator:after{content:"";position:absolute;top:-4px;left:-4px;width:16px;height:16px;border-radius:50%;border:1px solid var(--color-cyan);animation:pulse-ring 1.5s cubic-bezier(.215,.61,.355,1) infinite;opacity:.8}.pulse-indicator.indicator-amber{background:var(--color-amber);box-shadow:var(--glow-amber)}.pulse-indicator.indicator-amber:after{border-color:var(--color-amber)}.pulse-indicator.indicator-red{background:var(--color-red);box-shadow:var(--glow-red)}.pulse-indicator.indicator-red:after{border-color:var(--color-red)}.pulse-indicator.indicator-green{background:var(--color-green);box-shadow:var(--glow-green-glow)}.pulse-indicator.indicator-green:after{border-color:var(--color-green)}@keyframes pulse-ring{0%{transform:scale(.5);opacity:1}80%,to{transform:scale(1.6);opacity:0}}.tech-table{width:100%;border-collapse:collapse;font-family:var(--font-mono)}.tech-table th{background:#00f3ff0d;border-bottom:2px solid hsla(182,100%,48%,.3);color:var(--color-cyan);padding:10px;text-align:left;font-weight:600;text-transform:uppercase;font-size:.85rem}.tech-table td{padding:10px;border-bottom:var(--border-dim);font-size:.85rem;color:var(--color-text-dim)}.tech-table tr:hover td{background:#00f3ff05;color:#fff}.hud-desktop-only{display:none}@media(min-width:768px){.hud-desktop-only{display:block}}