@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Inter:wght@400;500;600&display=swap";:root{--bg-primary: #030508;--bg-secondary: #0a0f14;--bg-tertiary: #101820;--bg-panel: rgba(10, 20, 30, .85);--bg-hover: rgba(0, 200, 255, .05);--accent: #00d4ff;--accent-dim: rgba(0, 212, 255, .15);--accent-glow: rgba(0, 212, 255, .4);--accent-secondary: #ff3366;--accent-tertiary: #00ff88;--text: #8ba4b8;--text-dim: #4a6278;--text-bright: #e0f0ff;--text-muted: #2a3a48;--border: rgba(0, 212, 255, .2);--border-bright: rgba(0, 212, 255, .5);--border-glow: rgba(0, 212, 255, .8);--success: #00ff88;--warning: #ffaa00;--error: #ff3366;--info: #00d4ff}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}.mono{font-family:JetBrains Mono,SF Mono,Consolas,monospace}.orbitron{font-family:Orbitron,sans-serif}.hud-container{height:100vh;width:100vw;display:grid;grid-template-rows:50px 1fr 40px;grid-template-columns:200px 1fr 280px;gap:8px;padding:8px;background:radial-gradient(ellipse 100% 100% at 50% 0%,rgba(0,212,255,.03),transparent 50%),radial-gradient(ellipse 80% 60% at 80% 100%,rgba(255,51,102,.02),transparent 50%),var(--bg-primary);position:relative}.hud-container:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:1000}.hud-container:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.02;pointer-events:none;z-index:999}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5}.panel-corners{position:relative}.panel-corners:before,.panel-corners:after{content:"";position:absolute;width:12px;height:12px;border-color:var(--accent);border-style:solid;opacity:.6}.panel-corners:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.panel-corners:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.header-bar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.nav-panel{grid-row:2;display:flex;flex-direction:column;padding:12px;gap:8px}.main-panel{grid-row:2;overflow:hidden;padding:16px}.info-panel{grid-row:2;display:flex;flex-direction:column;padding:12px;gap:12px;overflow:hidden}.status-bar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.hud-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-dim);font-size:.75rem;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.hud-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--accent-dim),transparent);opacity:0;transition:opacity .2s ease}.hud-btn:hover{border-color:var(--border-bright);color:var(--text);background:var(--bg-hover)}.hud-btn:hover:before{opacity:1}.hud-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim);box-shadow:0 0 20px var(--accent-dim),inset 0 0 20px var(--accent-dim)}.hud-btn svg{opacity:.7}.hud-btn.active svg{opacity:1}.data-label{font-size:.6rem;font-family:JetBrains Mono,monospace;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.data-value{font-size:1rem;font-family:Orbitron,sans-serif;color:var(--text-bright);font-weight:500}.data-value.accent{color:var(--accent)}.progress-bar{height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden;position:relative}.progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:shimmer 2s infinite}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-tertiary));border-radius:2px;transition:width .3s ease}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.glow{text-shadow:0 0 10px var(--accent-glow)}.glow-box{box-shadow:0 0 20px var(--accent-dim),inset 0 0 20px #00d4ff08}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.tag{display:inline-flex;align-items:center;padding:3px 8px;background:var(--accent-dim);border:1px solid var(--border);border-radius:2px;font-size:.65rem;font-family:JetBrains Mono,monospace;color:var(--text-dim);text-transform:uppercase}button:focus-visible,a:focus-visible,input:focus-visible{outline:1px solid var(--accent);outline-offset:2px}button{font-family:inherit;cursor:pointer;border:none;background:none}::selection{background:var(--accent-dim);color:var(--text-bright)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}a{color:var(--accent);text-decoration:none}@media(max-width:1200px){.hud-container{grid-template-columns:60px 1fr 200px}}@media(max-width:900px){.hud-container{grid-template-columns:60px 1fr;grid-template-rows:50px 1fr 50px}.info-panel{display:none}}@media(max-width:600px){.hud-container{grid-template-columns:1fr;grid-template-rows:50px 1fr 60px}.nav-panel{position:fixed;bottom:60px;left:0;right:0;flex-direction:row;justify-content:center;background:var(--bg-panel);border-top:1px solid var(--border);z-index:100;padding:8px}}