@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:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--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}:focus-visible{outline:2px solid var(--accent-cyan)!important;outline-offset:2px!important;box-shadow:0 0 10px var(--accent-cyan)!important}html{height:100dvh;overflow:hidden}body{background-color:var(--bg-space);color:var(--text-primary);font-family:var(--font-body);height:100dvh;min-height:100dvh;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);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{width:100vw;height:var(--viewport-height,100vh);max-height:var(--viewport-height,100vh);z-index:10;flex-direction:column;display:flex;position:relative;overflow:hidden}.sidebar{backdrop-filter:blur(12px);z-index:99999;background:#030308fa;border-left:1px solid #00f3ff33;flex-direction:column;width:360px;max-width:90vw;height:calc(100vh - 50px);padding:1rem;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:50px;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-10px 0 30px #000000d9}.sidebar.open{transform:translate(0)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#02020580}.sidebar::-webkit-scrollbar-thumb{background:#00f3ff33;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#00f3ff66}.display-deck{background:radial-gradient(circle at 60% 40%,#00f3ff05 0%,#0000 60%);flex-direction:column;flex:1;width:100%;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}@media (pointer:fine){body.custom-cursor-active,body.custom-cursor-active *{cursor:none!important}}@media (pointer:coarse){.custom-cursor-dot,.custom-cursor-ring{display:none!important}}.custom-cursor-dot{background:var(--accent-cyan);width:6px;height:6px;box-shadow:0 0 10px var(--accent-cyan);pointer-events:none;z-index:1000000;border-radius:50%;position:fixed;transform:translate(-50%,-50%)}.custom-cursor-ring{border:1px solid var(--accent-cyan-dim);pointer-events:none;z-index:999999;border-radius:50%;width:24px;height:24px;transition:width .12s ease-out,height .12s ease-out,border-color .12s,background-color .12s,box-shadow .12s;position:fixed;transform:translate(-50%,-50%)}.cursor-hover{border-color:var(--accent-gold)!important;background-color:#ffd70014!important;width:40px!important;height:40px!important;box-shadow:0 0 15px #ffd70040!important}.cursor-active{border-color:var(--accent-red)!important;background-color:#ff00331f!important;width:16px!important;height:16px!important;box-shadow:0 0 12px #ff003380!important}@keyframes eltavProgressLoader{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes radar-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radar-sweep-line{transform-origin:75px 75px;stroke:#00f3ff26;pointer-events:none;animation:4s linear infinite radar-sweep}@keyframes pulse-cyan{0%,to{border-color:#00f3ff66;box-shadow:0 0 4px #00f3ff66}50%{border-color:#00f3ffe6;box-shadow:0 0 16px #00f3ffd9}}.fsk-pulse{animation:2s ease-in-out infinite pulse-cyan}.fsk-level-bar{height:100%;transition:width .1s ease-out,background-color .2s;box-shadow:0 0 8px}@keyframes boot-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.boot-panel-active{animation:.45s cubic-bezier(.16,1,.3,1) forwards boot-fade-in}@keyframes scanline-glitch{0%{opacity:.96;transform:translateY(0)scaleY(1)}2%{opacity:.85;transform:translateY(4px)scaleY(1.05)}4%{opacity:.96;transform:translateY(-2px)scaleY(.95)}94%{opacity:.96;transform:translateY(0)}96%{opacity:.75;transform:translateY(-6px)scaleY(1.15)}98%{transform:translateY(0)}}.crt-glitch{animation:6s step-end infinite scanline-glitch}.holo-overlay-panel{border:1px solid var(--accent-cyan);backdrop-filter:blur(20px);background:#020206f7;border-radius:4px;box-shadow:0 0 35px #00f3ff33,inset 0 0 25px #00f3ff0f}.cockpit-panel-glow-gold{border-color:#ffd7002e!important;box-shadow:0 8px 32px #ffd7000a,inset 0 0 20px #ffd70008!important}.cockpit-panel-glow-gold:hover{border-color:var(--accent-gold)!important;box-shadow:0 8px 32px #ffd7001f,inset 0 0 20px #ffd70014!important}.scroll-nav-btn{transition:all .2s cubic-bezier(.16,1,.3,1)}.scroll-nav-btn:hover{background:var(--accent-cyan)!important;color:var(--bg-space)!important;box-shadow:0 0 15px var(--accent-cyan)!important}.cabinet-3d-card{perspective:1000px;transform-style:preserve-3d;background:linear-gradient(145deg,#080c16f2 0%,#03040afa 100%);border:1px solid #00f3ff26;border-radius:8px;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s;position:relative;overflow:hidden}.cabinet-3d-card:hover{border-color:#00f3ff99;transform:translateY(-6px)scale(1.02);box-shadow:0 12px 35px #000000e6,0 0 25px #00f3ff59,inset 0 0 15px #00f3ff1a}.cabinet-3d-card.active-selected{border-color:#00f3ff;box-shadow:0 0 30px #00f3ff80,inset 0 0 20px #00f3ff26}.cabinet-marquee-img{filter:drop-shadow(0 0 10px #00f3ff33);transition:transform .4s cubic-bezier(.16,1,.3,1),filter .4s}.cabinet-3d-card:hover .cabinet-marquee-img{filter:drop-shadow(0 0 20px #00f3ff80)brightness(1.1);transform:scale(1.05)}.cyber-badge-cyan{color:#00f3ff;text-shadow:0 0 6px #00f3ff80;background:#00f3ff1a;border:1px solid #00f3ff66;box-shadow:0 0 10px #00f3ff26}.cyber-badge-gold{color:gold;text-shadow:0 0 6px #ffd70080;background:#ffd7001a;border:1px solid #ffd70066;box-shadow:0 0 10px #ffd70026}.cyber-badge-pink{color:#ff00ea;text-shadow:0 0 6px #ff00ea80;background:#ff00ea1a;border:1px solid #ff00ea66;box-shadow:0 0 10px #ff00ea26}.cyber-gradient-header{background:linear-gradient(90deg,#00f3ff 0%,#ff00ea 50%,gold 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px #00f3ff66);-webkit-background-clip:text}@keyframes coinDropAnim{0%{opacity:0;transform:translateY(-20px)rotateY(0)scale(1.2)}30%{opacity:1}70%{transform:translateY(12px)rotateY(720deg)scale(.9)}to{opacity:0;transform:translateY(22px)rotateY(1080deg)scale(.2)}}@keyframes holoRotate{0%{transform:rotateY(0)rotateX(15deg)}50%{transform:rotateY(180deg)rotateX(25deg)}to{transform:rotateY(360deg)rotateX(15deg)}}.holo-projector-cone{clip-path:polygon(25% 100%,75% 100%,100% 0%,0% 0%);pointer-events:none;z-index:5;opacity:.7;background:radial-gradient(at top,#00f3ff40 0%,#00f3ff00 70%);width:90px;height:50px;animation:2.5s ease-in-out infinite pulse;position:absolute;top:-45px;left:50%;transform:translate(-50%)}.holo-wireframe-cube{pointer-events:none;z-index:6;width:24px;height:24px;transform-style:preserve-3d;border:1px solid #00f3ff;animation:6s linear infinite holoRotate;position:absolute;top:-38px;left:calc(50% - 12px);box-shadow:0 0 10px #00f3ff}
