:root{--hud-bg-color:#05070a;--hud-panel-bg:#080c14d9;--hud-border-color:#00f3ff40;--hud-glow-color:#00f3ff66;--color-cyan:#00f3ff;--color-green:#0f6;--color-amber:#fa0;--color-red:#f05;--color-magenta:#f0a;--font-hud:"Share Tech Mono", monospace;--font-title:"Orbitron", sans-serif;--font-text:"Rajdhani", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--hud-bg-color);color:#c4d7e5;font-family:var(--font-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background-color:var(--hud-bg-color);font-family:var(--font-text);width:100%;height:100%;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);font-size:16px;position:fixed;top:0;left:0;overflow:hidden}#root{flex-direction:column;width:100%;height:100%;display:flex}.crt-overlay{pointer-events:none;z-index:9999;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/6px 100%;width:100%;height:100%;position:fixed;top:0;left:0}.crt-vignette{pointer-events:none;z-index:9998;width:100%;height:100%;position:fixed;top:0;left:0;box-shadow:inset 0 0 80px #000c}.hud-panel{background:var(--hud-panel-bg);border:1px solid var(--hud-border-color);-webkit-backdrop-filter:blur(12px);border-radius:4px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000005e,inset 0 0 15px #00f3ff0d}.hud-panel:before{content:"";border-top:2px solid var(--color-cyan);border-left:2px solid var(--color-cyan);width:4px;height:4px;position:absolute;top:0;left:0}.hud-panel:after{content:"";border-bottom:2px solid var(--color-cyan);border-right:2px solid var(--color-cyan);width:4px;height:4px;position:absolute;bottom:0;right:0}.hud-btn{border:1px solid var(--color-cyan);color:var(--color-cyan);font-family:var(--font-hud);text-transform:uppercase;letter-spacing:2px;cursor:pointer;text-shadow:0 0 4px var(--hud-glow-color);background:#00f3ff0f;border-radius:2px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s cubic-bezier(.165,.84,.44,1);display:inline-flex;box-shadow:0 0 5px #00f3ff1a}.hud-btn:active{box-shadow:0 0 15px var(--color-cyan);background:#00f3ff40;transform:scale(.97)}.hud-btn.green{border-color:var(--color-green);color:var(--color-green);text-shadow:0 0 4px #0f66;background:#00ff660f}.hud-btn.green:active{box-shadow:0 0 15px var(--color-green);background:#0f63}.hud-btn.amber{border-color:var(--color-amber);color:var(--color-amber);text-shadow:0 0 4px #fa06;background:#ffaa000f}.hud-btn.amber:active{box-shadow:0 0 15px var(--color-amber);background:#fa03}.hud-btn.red{border-color:var(--color-red);color:var(--color-red);text-shadow:0 0 4px #f056;background:#ff00550f}.hud-btn.red:active{box-shadow:0 0 15px var(--color-red);background:#f053}.hud-btn:disabled{opacity:.3;pointer-events:none}@keyframes sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scanline-anim{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes glitch-flicker{0%,19.999%,22%,62.999%,64%,64.999%,70%,to{opacity:.99;filter:hue-rotate()saturate()}20%,21.999%,63%,63.999%,65%,69.999%{opacity:.4;filter:hue-rotate(90deg)saturate(1.5)contrast(1.2)}}@keyframes pulse-glow{0%,to{opacity:.6;box-shadow:0 0 5px #00f3ff33}50%{opacity:1;box-shadow:0 0 15px #00f3ff99}}@keyframes cyber-scan{0%{top:0%}50%{top:100%}to{top:0%}}.hud-font{font-family:var(--font-hud)}.glitch-effect{animation:5s infinite glitch-flicker}.scanner-line{background:linear-gradient(90deg, transparent, var(--color-cyan), transparent);width:100%;height:2px;box-shadow:0 0 8px var(--color-cyan);pointer-events:none;z-index:10;animation:4s linear infinite cyber-scan;position:absolute}.scanner-line.green{background:linear-gradient(90deg, transparent, var(--color-green), transparent);box-shadow:0 0 8px var(--color-green)}.scanner-line.red{background:linear-gradient(90deg, transparent, var(--color-red), transparent);box-shadow:0 0 8px var(--color-red)}.app-header{z-index:100;background:#04060ae6;border-bottom:1px solid #00f3ff26;justify-content:space-between;align-items:center;height:60px;min-height:60px;padding:0 16px;display:flex}.app-title{font-family:var(--font-title);letter-spacing:3px;color:var(--color-cyan);text-shadow:0 0 10px #00f3ff80;align-items:center;gap:8px;font-size:20px;font-weight:800;display:flex}.nav-bar{height:70px;min-height:70px;padding-bottom:env(safe-area-inset-bottom,0px);z-index:100;background:#04060af2;border-top:1px solid #00f3ff26;display:flex}.nav-item{color:#c8dcf080;font-family:var(--font-hud);text-transform:uppercase;letter-spacing:1px;cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:11px;transition:all .2s;display:flex;position:relative}.nav-item.active{color:var(--color-cyan);text-shadow:0 0 5px #00f3ff80}.nav-item.active:before{content:"";background:var(--color-cyan);height:3px;box-shadow:0 0 10px var(--color-cyan);position:absolute;top:-1px;left:15%;right:15%}.nav-item svg{width:22px;height:22px}.app-content{background:radial-gradient(circle,#080c18 0%,#030508 100%);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.hud-screen{-webkit-overflow-scrolling:touch;flex-direction:column;width:100%;height:100%;padding:16px;display:flex;position:absolute;top:0;left:0;overflow-y:auto}.system-stat{font-family:var(--font-hud);color:#00f3ffb3;align-items:center;gap:4px;font-size:12px;display:flex}.system-stat.active:after{content:"";background-color:var(--color-green);width:6px;height:6px;box-shadow:0 0 6px var(--color-green);border-radius:50%;display:inline-block}