@import "https://fonts.googleapis.com/css2?family=Oxanium:wght@300;400;600;800&family=Share+Tech+Mono&display=swap";
:root{--bg-obsidian:#050608;--bg-panel:#0e1218d9;--bg-panel-solid:#0d1015;--color-amber:#fa0;--color-amber-glow:#ffaa0073;--color-amber-dark:#b87a00;--color-amber-dim:#ffaa0026;--color-red:#f33;--color-red-glow:#ff33338c;--color-red-dark:#a00;--color-red-dim:#ff33331a;--color-green:#00e676;--color-green-glow:#00e67680;--font-display:"Oxanium", system-ui, -apple-system, sans-serif;--font-mono:"Share Tech Mono", monospace;--scanline-color:#ffaa000a;--crt-flicker:.15s}*{box-sizing:border-box;margin:0;padding:0;cursor:crosshair!important}body{background-color:var(--bg-obsidian);color:var(--color-amber);font-family:var(--font-mono);width:100vw;min-height:100vh;text-shadow:0 0 4px var(--color-amber-glow);overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-obsidian)}::-webkit-scrollbar-thumb{background:var(--color-amber-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-amber);box-shadow:0 0 8px var(--color-amber-glow)}.crt-monitor{flex-direction:column;width:100vw;min-height:100vh;display:flex;position:relative}.crt-monitor:before{content:" ";z-index:10;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/3px 100%;display:block;position:fixed;inset:0}.crt-monitor:after{content:" ";opacity:.8;z-index:11;pointer-events:none;background:linear-gradient(#fa00 0%,#ffaa0014 10%,#ffaa0026 50%,#ffaa0014 90%,#fa00 100%);animation:8s linear infinite scanline-move;display:block;position:fixed;inset:0}.crt-vignette{pointer-events:none;z-index:12;background:radial-gradient(circle,#0000 60%,#000000d9 100%);width:100%;height:100%;position:fixed;top:0;left:0}.crt-flicker-layer{pointer-events:none;z-index:9;background:#ffaa0001;width:100%;height:100%;animation:.25s infinite crt-flicker-anim;position:fixed;top:0;left:0}.vector-grid{z-index:1;pointer-events:none;background-image:linear-gradient(90deg,#ffaa0005 1px,#0000 1px),linear-gradient(#ffaa0005 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;position:fixed;top:0;left:0}.hud-panel{background:var(--bg-panel);border:1px solid var(--color-amber-dark);box-shadow:0 0 10px var(--color-amber-dim), inset 0 0 12px var(--color-amber-dim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px;padding:1rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.hud-panel:hover{border-color:var(--color-amber);box-shadow:0 0 18px #ffaa0040,inset 0 0 15px #ffaa0026}.hud-panel-title{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--color-amber);border-bottom:1px solid var(--color-amber-dark);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;font-size:.95rem;font-weight:700;display:flex}.hud-panel-title:before{content:"// ";color:var(--color-amber-glow)}.retro-btn{background:var(--bg-obsidian);color:var(--color-amber);border:1px solid var(--color-amber-dark);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;box-shadow:0 0 4px var(--color-amber-dim);outline:none;padding:.5rem 1rem;font-size:.85rem;transition:all .15s;position:relative;overflow:hidden}.retro-btn:after{content:"";background:linear-gradient(90deg,#0000,#ffaa0026,#0000);width:100%;height:100%;transition:all .4s;position:absolute;top:0;left:-100%}.retro-btn:hover{background:var(--color-amber-dim);border-color:var(--color-amber);box-shadow:0 0 10px var(--color-amber-glow);text-shadow:0 0 5px var(--color-amber)}.retro-btn:hover:after{left:100%}.retro-btn:active{background:var(--color-amber-dark);color:var(--bg-obsidian);transform:translateY(1px)}.retro-slider{-webkit-appearance:none;background:#11141a;border:1px solid #fa03;border-radius:3px;outline:none;width:100%;height:6px}.retro-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--bg-obsidian);border:2px solid var(--color-amber);width:16px;height:16px;box-shadow:0 0 8px var(--color-amber);cursor:pointer;border-radius:2px}.retro-slider::-webkit-slider-thumb:hover{background:var(--color-amber)}.led-indicator{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.led-amber{background-color:var(--color-amber);box-shadow:0 0 8px var(--color-amber);animation:1.2s infinite led-blink}.led-red{background-color:var(--color-red);box-shadow:0 0 8px var(--color-red);animation:.6s infinite led-blink}.led-green{background-color:var(--color-green);box-shadow:0 0 8px var(--color-green);animation:2s infinite led-blink}.red-alert-active{animation:1.5s infinite red-screen-flash}.red-alert-active body{color:var(--color-red);text-shadow:0 0 5px var(--color-red-glow)}.red-alert-active .hud-panel{border-color:var(--color-red-dark);box-shadow:0 0 10px var(--color-red-dim), inset 0 0 12px var(--color-red-dim)}.red-alert-active .hud-panel:hover{border-color:var(--color-red);box-shadow:0 0 18px #ff333359,inset 0 0 15px #f333}.red-alert-active .hud-panel-title{color:var(--color-red);border-bottom-color:var(--color-red-dark)}.red-alert-active .retro-btn{color:var(--color-red);border-color:var(--color-red-dark)}.red-alert-active .retro-btn:hover{background:var(--color-red-dim);border-color:var(--color-red);box-shadow:0 0 10px var(--color-red-glow)}.red-alert-active .retro-slider::-webkit-slider-thumb{border-color:var(--color-red);box-shadow:0 0 8px var(--color-red)}.red-alert-active .retro-slider::-webkit-slider-thumb:hover{background:var(--color-red)}@keyframes scanline-move{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes crt-flicker-anim{0%{opacity:.985}50%{opacity:1}to{opacity:.99}}@keyframes led-blink{0%,to{opacity:.3}50%{opacity:1}}@keyframes red-screen-flash{0%,to{background-color:#050608}50%{background-color:#1a0505}}@keyframes terminal-scroller{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.glitch-text{display:inline-block;position:relative}.glow-text-amber{text-shadow:0 0 6px var(--color-amber)}.glow-text-red{text-shadow:0 0 6px var(--color-red)}