@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Orbitron:wght@400..900&family=Outfit:wght@100..900&display=swap";:root{--bg-space:#010103;--bg-surface:#04040ad9;--bg-surface-solid:#05050b;--border-glow:#00f3ff1f;--accent-cyan:#00f3ff;--accent-cyan-dim:#00f3ff4d;--accent-gold:gold;--accent-gold-dim:#ffd70040;--accent-red:#f03;--accent-red-dim:#ff003340;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--font-header:"Orbitron", system-ui, sans-serif;--font-body:"Outfit", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-space);color:var(--text-primary);font-family:var(--font-body);height:100vh;min-height:100vh;position:relative;overflow:hidden}body:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(90deg,#00f3ff04 1px,#0000 1px) 0 0/50px 50px,linear-gradient(#00f3ff04 1px,#0000 1px) 0 0/50px 50px,radial-gradient(circle,#00f3ff08 0%,#0000 70%) 0 0/100% 100%;width:100%;height:100%;position:absolute;top:0;left:0}.scanlines{z-index:9999;pointer-events:none;opacity:.8;background:linear-gradient(#12101000 50%,#0003 50%) 0 0/100% 4px;width:100%;height:100%;position:fixed;top:0;left:0}@keyframes flicker{0%{opacity:.99}50%{opacity:.985}to{opacity:.99}}.crt-bloom{z-index:1;pointer-events:none;background:radial-gradient(circle,#00f3ff0a 0%,#0000 80%);width:100%;height:100%;animation:.15s infinite flicker;position:fixed;top:0;left:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#020205cc}::-webkit-scrollbar-thumb{background:var(--accent-cyan-dim);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.cockpit-panel{background:var(--bg-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #00f3ff14;border-radius:4px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #000000b3,inset 0 0 12px #00f3ff05}.cockpit-panel:before,.cockpit-panel:after{content:"";border-color:var(--accent-cyan-dim);pointer-events:none;border-style:solid;width:12px;height:12px;transition:all .3s;position:absolute}.cockpit-panel:before{border-width:2px 0 0 2px;top:-1px;left:-1px}.cockpit-panel:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.cockpit-panel:hover{border-color:#00f3ff33;box-shadow:0 8px 32px #00f3ff08,inset 0 0 20px #00f3ff0a}.cockpit-panel:hover:before,.cockpit-panel:hover:after{border-color:var(--accent-cyan)}.console-btn{color:var(--accent-cyan);border:1px solid var(--accent-cyan-dim);font-family:var(--font-header);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;background:#00f3ff08;border-radius:2px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.75rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.console-btn:hover{border-color:var(--accent-cyan);text-shadow:0 0 4px var(--accent-cyan);background:#00f3ff1a;box-shadow:0 0 12px #00f3ff40}.console-btn:active{transform:scale(.97)}.console-btn.active{background:var(--accent-cyan);color:var(--bg-space);border-color:var(--accent-cyan);font-weight:700;box-shadow:0 0 15px #00f3ff59}.led{border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 6px}.led-active{background-color:var(--accent-cyan);color:var(--accent-cyan);animation:3s ease-in-out infinite led-flicker}.led-standby{background-color:var(--accent-gold);color:var(--accent-gold);animation:5s ease-in-out infinite led-flicker}.led-alert{background-color:var(--accent-red);color:var(--accent-red);animation:1.5s ease-in-out infinite led-flicker}@keyframes led-flicker{0%,to{opacity:.5}50%{opacity:1}}.cockpit-grid{z-index:10;grid-template-rows:100%;grid-template-columns:1fr 360px;height:100vh;max-height:100vh;display:grid;position:relative}.sidebar{z-index:20;background:#030308f2;border-left:1px solid #00f3ff14;flex-direction:column;height:100%;min-height:0;padding:1rem;display:flex}.display-deck{background:radial-gradient(circle at 60% 40%,#00f3ff05 0%,#0000 60%);flex-direction:column;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.game-viewport-container{background-color:#000;border:1px solid #00f3ff0d;flex:1;width:100%;height:100%;position:relative}.game-viewport{pointer-events:auto;border:none;width:100%;height:100%}.radar-grid{fill:none;stroke:#00f3ff1a;stroke-width:1px}.radar-line{fill:#00f3ff33;stroke:var(--accent-cyan);stroke-width:1.5px;filter:drop-shadow(0 0 3px var(--accent-cyan))}.radar-label{font-family:var(--font-header);fill:var(--text-secondary);text-anchor:middle;font-size:9px}.menu-toggle-btn{display:none!important}.touch-action-btn:active{filter:brightness(1.3)drop-shadow(0 0 10px);transform:scale(.92)}@media (width<=1024px){.cockpit-grid{grid-template-columns:1fr}.menu-toggle-btn{display:inline-flex!important}.status-indicator-desktop{display:none!important}.sidebar{z-index:99999;background:#030308fa;border-left:1px solid #00f3ff26;width:320px;height:calc(100vh - 50px);transition:transform .3s cubic-bezier(.16,1,.3,1);position:fixed;top:50px;right:0;transform:translate(100%);box-shadow:-10px 0 30px #000000b3}.sidebar.open{transform:translate(0)}}@media (width<=640px){.touch-overlay{padding:1rem!important}.touch-joystick-bounds{width:100px!important;height:100px!important}.touch-joystick-base{width:70px!important;height:70px!important}.touch-joystick-knob{width:32px!important;height:32px!important}.touch-action-btn{width:38px!important;height:38px!important;font-size:.7rem!important}}.game-cards-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));width:100%;display:grid}@media (width<=1024px){.game-cards-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (width<=640px){.game-cards-grid{grid-template-columns:1fr}}@keyframes highlight-pulse{0%,to{box-shadow:0 0 8px var(--accent-gold), inset 0 0 5px #ffd7001a;border-color:var(--accent-gold)}50%{box-shadow:0 0 25px var(--accent-gold), inset 0 0 15px #ffd7004d;border-color:#fff}}.tutorial-highlight-pulse{position:relative;z-index:100000!important;animation:1.5s ease-in-out infinite highlight-pulse!important}.station-selector-bar button{white-space:nowrap!important}.station-selector-bar{scrollbar-width:none!important;-ms-overflow-style:none!important}.station-selector-bar::-webkit-scrollbar{display:none!important}