@import url(https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Orbitron:wght@400;700;900&display=swap);*{margin:0;padding:0;box-sizing:border-box}:root{--neon-green:#00ff41;--neon-cyan:#00ffff;--neon-orange:#ff6b00;--neon-red:#ff0040;--dark-bg:#0a0e14;--panel-bg:#151922;--metal-gray:#2a2f3a;--warning-yellow:#ffdd00;--alien-green:#39ff14}body{font-family:'Share Tech Mono',monospace;background:var(--dark-bg);color:var(--neon-green);overflow-x:hidden;min-height:100vh;position:relative}.stars,.stars2,.stars3{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}.stars{background:#fff0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAEklEQVQIW2P4//+/w4gHAxIAAP//AwYG) repeat;animation:starsMove 100s linear infinite;opacity:.3}.stars2{background:#fff0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAEklEQVQIW2P4//+/w4gHAxIAAP//AwYG) repeat;animation:starsMove 150s linear infinite;opacity:.2}.stars3{background:#fff0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAEklEQVQIW2P4//+/w4gHAxIAAP//AwYG) repeat;animation:starsMove 200s linear infinite;opacity:.1}@keyframes starsMove{from{transform:translateY(0)}to{transform:translateY(-100vh)}}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgb(0 0 0 / .15),rgb(0 0 0 / .15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:9999;animation:scanlineMove 8s linear infinite}@keyframes scanlineMove{0%{transform:translateY(0)}100%{transform:translateY(10px)}}.crt-flicker{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(18 16 16 / .1);pointer-events:none;z-index:9998;animation:flicker 0.15s infinite}@keyframes flicker{0%{opacity:.27861}5%{opacity:.34769}10%{opacity:.23604}15%{opacity:.90626}20%{opacity:.18128}25%{opacity:.83891}30%{opacity:.65583}35%{opacity:.67807}40%{opacity:.26559}45%{opacity:.84693}50%{opacity:.96019}55%{opacity:.08594}60%{opacity:.20313}65%{opacity:.71988}70%{opacity:.53455}75%{opacity:.37288}80%{opacity:.71428}85%{opacity:.70419}90%{opacity:.7003}95%{opacity:.36108}100%{opacity:.24387}}.container{display:flex;min-height:100vh;padding:20px;gap:20px;position:relative;z-index:1}.left-panel{flex:0 0 30%;min-width:0;max-width:30%;display:flex;flex-direction:column;gap:20px}.console-header{background:var(--panel-bg);border:3px solid var(--neon-green);padding:20px;box-shadow:0 0 20px rgb(0 255 65 / .3),inset 0 0 20px rgb(0 255 65 / .1);overflow:hidden}.crt-monitor{position:relative}.crt-screen{background:#0d1b0d;padding:20px;border:2px solid var(--neon-green);position:relative;overflow:hidden}.crt-content{position:relative;z-index:2;text-align:center}.header-logo{width:100%;max-width:100%;height:auto;display:block;margin:0 auto;box-shadow:none;filter:none}.glitch-text{font-family:'Orbitron',monospace;font-size:3em;font-weight:900;color:var(--alien-green);text-shadow:0 0 10px var(--alien-green),0 0 20px var(--alien-green),0 0 30px var(--alien-green);position:relative;animation:glitch 1s infinite}@keyframes glitch{0%{text-shadow:.05em 0 0 var(--neon-red),-.05em -.025em 0 var(--neon-cyan),-.025em .05em 0 var(--alien-green)}14%{text-shadow:.05em 0 0 var(--neon-red),-.05em -.025em 0 var(--neon-cyan),-.025em .05em 0 var(--alien-green)}15%{text-shadow:-.05em -.025em 0 var(--neon-red),.025em .025em 0 var(--neon-cyan),-.05em -.05em 0 var(--alien-green)}49%{text-shadow:-.05em -.025em 0 var(--neon-red),.025em .025em 0 var(--neon-cyan),-.05em -.05em 0 var(--alien-green)}50%{text-shadow:.025em .05em 0 var(--neon-red),.05em 0 0 var(--neon-cyan),0 -.05em 0 var(--alien-green)}99%{text-shadow:.025em .05em 0 var(--neon-red),.05em 0 0 var(--neon-cyan),0 -.05em 0 var(--alien-green)}100%{text-shadow:-.025em 0 0 var(--neon-red),-.025em -.025em 0 var(--neon-cyan),-.025em -.05em 0 var(--alien-green)}}.system-text{font-size:.9em;color:var(--neon-green);margin:5px 0;letter-spacing:2px}.crt-scan{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(to bottom,transparent,rgb(0 255 65 / .5),transparent);animation:crtScan 4s linear infinite}@keyframes crtScan{0%{top:0}100%{top:100%}}.terminal-monitor{background:var(--panel-bg);border:3px solid var(--neon-cyan);padding:0;box-shadow:0 0 20px rgb(0 255 255 / .3)}.monitor-frame{position:relative}.monitor-screen{background:#001a1a;padding:15px;font-family:'Share Tech Mono',monospace;border:none;min-height:200px}.terminal-header{color:var(--neon-cyan);font-size:1.2em;margin-bottom:5px;padding-bottom:5px}.header-underline{width:100%;height:2px;background:var(--neon-cyan);margin-top:5px;box-shadow:0 0 5px var(--neon-cyan)}.terminal-line{color:var(--neon-cyan);margin:8px 0;font-size:.95em;letter-spacing:1px}.prompt{color:var(--alien-green);margin-right:10px}.status-ok{color:var(--alien-green);text-shadow:0 0 5px var(--alien-green)}.status-warning{color:var(--warning-yellow);text-shadow:0 0 5px var(--warning-yellow)}.status-critical{color:var(--neon-red);text-shadow:0 0 5px var(--neon-red)}.blink{animation:blink 1s step-start infinite}@keyframes blink{50%{opacity:0}}#diagnosticsContent{height:140px;overflow:hidden;line-height:1.5}#diagnosticsContent .terminal-line{margin:6px 0}.viewport-monitor{background:var(--panel-bg);border:3px solid var(--neon-orange);padding:15px;box-shadow:0 0 20px rgb(255 107 0 / .3);min-height:400px}.viewport-frame{position:relative}.viewport-title{color:var(--neon-orange);text-align:center;margin-bottom:10px;font-size:1.1em;letter-spacing:2px;padding:10px;border-bottom:2px solid var(--neon-orange)}.viewport-screen{background:#000;border:2px solid var(--neon-orange);position:relative;height:350px;overflow:hidden}.space-background{position:absolute;width:100%;height:100%;background:radial-gradient(ellipse at center,#0a0e27 0%,#000000 100%)}.nebula-glow{position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgb(138 43 226 / .3) 0%,transparent 70%);top:-50px;right:-50px;animation:nebulaPulse 8s ease-in-out infinite}@keyframes nebulaPulse{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.distant-stars{position:absolute;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(2px 2px at 90% 60%,white,transparent),radial-gradient(1px 1px at 33% 75%,white,transparent),radial-gradient(1px 1px at 15% 85%,white,transparent);background-size:200% 200%;animation:starsShimmer 6s ease-in-out infinite}@keyframes starsShimmer{0%,100%{opacity:1}50%{opacity:.5}}.spaceship-view{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ship-hull{position:relative;width:280px;height:200px;margin-top:80px}.hull-center{position:absolute;width:100px;height:150px;left:50%;top:10%;transform:translateX(-50%);background:linear-gradient(180deg,#4a5568 0%,#3a4556 30%,#2d3748 60%,#1a202c 100%);clip-path:polygon(30% 0%,70% 0%,100% 100%,0% 100%);border:1px solid #1a1f2e;box-shadow:inset 0 2px 4px rgb(255 255 255 / .1),inset 0 -2px 4px rgb(0 0 0 / .5),0 0 20px rgb(0 0 0 / .8)}.hull-plate{position:absolute;width:80%;height:30px;left:10%;background:linear-gradient(90deg,transparent 0%,rgb(0 255 255 / .1) 50%,transparent 100%);border-top:1px solid rgb(100 120 150 / .3);border-bottom:1px solid rgb(0 0 0 / .5)}.hull-plate:nth-child(1){top:20%}.hull-plate:nth-child(2){top:45%}.hull-plate:nth-child(3){top:70%}.ship-wing{position:absolute;width:90px;height:120px;top:40%;background:linear-gradient(135deg,#3a4556 0%,#2a3442 50%,#1a2030 100%);clip-path:polygon(0% 30%,100% 0%,100% 100%,0% 70%);border:1px solid #1a1f2e;box-shadow:inset 2px 2px 4px rgb(255 255 255 / .05),inset -2px -2px 4px rgb(0 0 0 / .5),0 0 15px rgb(0 0 0 / .8)}.left-wing{left:0;transform:translateX(-20%)}.right-wing{right:0;transform:translateX(20%) rotateY(180deg)}.wing-panel{position:absolute;width:70%;height:40px;top:30%;left:15%;background:linear-gradient(90deg,rgb(0 255 255 / .05) 0%,rgb(0 255 255 / .15) 50%,rgb(0 255 255 / .05) 100%);border:1px solid rgb(0 255 255 / .2)}.wing-thruster{position:absolute;width:15px;height:15px;bottom:10%;right:20%;background:radial-gradient(circle,rgb(0 255 255 / .8) 0%,rgb(0 150 200 / .4) 50%,transparent 100%);border-radius:50%;box-shadow:0 0 15px rgb(0 255 255 / .8);animation:thrusterPulse 1s ease-in-out infinite}@keyframes thrusterPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.wing-light{position:absolute;width:8px;height:8px;top:20%;right:10%;background:var(--neon-red);border-radius:50%;box-shadow:0 0 10px var(--neon-red);animation:navigationLight 2s ease-in-out infinite}@keyframes navigationLight{0%,100%{opacity:1}50%{opacity:.3}}.bridge-section{position:absolute;width:60px;height:40px;left:50%;top:5%;transform:translateX(-50%);background:linear-gradient(180deg,#5a6a7a 0%,#3a4556 100%);clip-path:polygon(20% 0%,80% 0%,100% 100%,0% 100%);border:1px solid #2a3442;z-index:2}.bridge-window{position:absolute;width:70%;height:50%;left:15%;top:25%;background:linear-gradient(180deg,rgb(0 255 255 / .4) 0%,rgb(0 150 200 / .6) 100%);box-shadow:inset 0 0 10px rgb(0 255 255 / .5),0 0 10px rgb(0 255 255 / .3);clip-path:polygon(10% 0%,90% 0%,100% 100%,0% 100%)}.bridge-light{position:absolute;width:5px;height:5px;top:10%;left:50%;transform:translateX(-50%);background:var(--alien-green);border-radius:50%;box-shadow:0 0 8px var(--alien-green)}.hull-detail{position:absolute;width:30px;height:3px;background:linear-gradient(90deg,transparent 0%,rgb(0 255 255 / .3) 50%,transparent 100%)}.detail-1{top:25%;left:35%;width:20px}.detail-2{top:25%;right:35%;width:20px}.detail-3{top:50%;left:30%;width:25px}.detail-4{top:50%;right:30%;width:25px}.antenna{position:absolute;width:2px;height:30px;background:linear-gradient(180deg,#5a6a7a 0%,transparent 100%);top:0}.antenna::after{content:'';position:absolute;width:6px;height:6px;top:0;left:50%;transform:translateX(-50%);background:var(--neon-red);border-radius:50%;box-shadow:0 0 8px var(--neon-red);animation:antennaLight 3s ease-in-out infinite}.antenna-1{left:40%}.antenna-2{right:40%}@keyframes antennaLight{0%,100%{opacity:1}50%{opacity:.2}}.engine-glow-left,.engine-glow-right{position:absolute;width:40px;height:40px;bottom:-10%;background:radial-gradient(ellipse,rgb(0 200 255 / .8) 0%,rgb(0 150 255 / .4) 30%,transparent 70%);filter:blur(8px);animation:engineGlow 1.5s ease-in-out infinite}.engine-glow-left{left:15%}.engine-glow-right{right:15%;animation-delay:0.5s}@keyframes engineGlow{0%,100%{opacity:1;transform:scaleY(1)}50%{opacity:.6;transform:scaleY(1.3)}}.hull-rivet{position:absolute;width:4px;height:4px;background:radial-gradient(circle,#7a8a9a 0%,#3a4556 100%);border-radius:50%;border:1px solid #1a1f2e;box-shadow:inset 0 1px 2px rgb(0 0 0 / .5)}.force-field{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:10}.shield-svg{width:100%;height:100%;filter:drop-shadow(0 0 10px rgb(0 255 255 / .5));animation:shieldPulse 3s ease-in-out infinite}@keyframes shieldPulse{0%,100%{opacity:.6}50%{opacity:.9}}.shield-grid{animation:gridShimmer 2s ease-in-out infinite}@keyframes gridShimmer{0%,100%{opacity:.4}50%{opacity:.7}}.hexagon-pattern{animation:hexagonFlicker 4s ease-in-out infinite}@keyframes hexagonFlicker{0%,100%{opacity:.2}50%{opacity:.5}}.impact-effects{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.impact{position:absolute;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,rgb(0 255 255) 0%,rgb(0 200 255 / .6) 30%,transparent 70%);box-shadow:0 0 20px rgb(0 255 255 / .8),0 0 40px rgb(0 255 255 / .4),inset 0 0 20px rgb(255 255 255 / .5);animation:impactRipple 0.8s ease-out forwards;pointer-events:none}@keyframes impactRipple{0%{transform:scale(.5);opacity:1}100%{transform:scale(3);opacity:0}}.impact::after{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgb(255 255 255 / .8) 0%,transparent 50%);animation:impactFlash 0.3s ease-out}@keyframes impactFlash{0%{opacity:1;transform:scale(.5)}100%{opacity:0;transform:scale(1)}}.asteroid-field{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:5}.asteroid{position:absolute;background:linear-gradient(135deg,#5a5a5a 0%,#3a3a3a 50%,#2a2a2a 100%);border-radius:40% 60% 50% 70%;box-shadow:inset -3px -3px 6px rgb(0 0 0 / .7),inset 2px 2px 4px rgb(255 255 255 / .1),0 0 10px rgb(0 0 0 / .8);animation:asteroidMove linear forwards}@keyframes asteroidMove{0%{transform:translate(-50px,-50px) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translate(450px,400px) rotate(360deg);opacity:0}}.viewport-hud{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:20}.hud-corner{position:absolute;width:30px;height:30px;border:2px solid var(--neon-cyan);opacity:.6}.hud-corner.top-left{top:10px;left:10px;border-right:none;border-bottom:none}.hud-corner.top-right{top:10px;right:10px;border-left:none;border-bottom:none}.hud-corner.bottom-left{bottom:10px;left:10px;border-right:none;border-top:none}.hud-corner.bottom-right{bottom:10px;right:10px;border-left:none;border-top:none}.hud-crosshair{position:absolute;width:40px;height:40px;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid var(--neon-green);border-radius:50%;opacity:.4}.hud-crosshair::before,.hud-crosshair::after{content:'';position:absolute;background:var(--neon-green);opacity:.6}.hud-crosshair::before{width:20px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-crosshair::after{width:2px;height:20px;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-text{position:absolute;color:var(--neon-cyan);font-size:.8em;letter-spacing:1px;text-shadow:0 0 5px var(--neon-cyan)}.hud-text.top-left-text{top:15px;left:50px}.hud-text.top-right-text{top:15px;right:15px;color:var(--neon-red);text-shadow:0 0 5px var(--neon-red)}.hud-text.bottom-left-text{bottom:15px;left:15px}.hud-text.bottom-right-text{bottom:15px;right:15px}.warning-panel{display:flex;gap:20px;justify-content:center;padding:15px;background:var(--panel-bg);border:3px solid var(--metal-gray)}.warning-light{width:30px;height:30px;border-radius:50%;border:2px solid var(--metal-gray);position:relative}.warning-light::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15px;height:15px;border-radius:50%;background:#333}.warning-light.red.active::after{background:var(--neon-red);box-shadow:0 0 10px var(--neon-red),0 0 20px var(--neon-red);animation:pulse 1s infinite}.warning-light.yellow.active::after{background:var(--warning-yellow);box-shadow:0 0 10px var(--warning-yellow),0 0 20px var(--warning-yellow);animation:pulse 1.5s infinite}.warning-light.green.active::after{background:var(--alien-green);box-shadow:0 0 10px var(--alien-green),0 0 20px var(--alien-green)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.mission-brief{background:var(--panel-bg);border:3px solid var(--neon-red);padding:20px;box-shadow:0 0 20px rgb(255 0 64 / .3)}.brief-title{color:var(--neon-red);font-size:1.2em;margin-bottom:15px;text-align:left;padding-bottom:5px}.brief-title .header-underline{width:100%;height:2px;background:var(--neon-red);margin-top:5px;box-shadow:0 0 5px var(--neon-red)}.brief-text p{color:var(--neon-green);margin:10px 0;font-size:.95em;letter-spacing:1px}.retro-terminal-computer{position:relative;margin-bottom:40px}.terminal-logo-header{text-align:center;margin-bottom:10px;padding:15px 20px 0 20px;position:relative;z-index:4}.terminal-header-logo{width:100%;max-width:400px;height:auto;display:block;margin:0 auto;filter:drop-shadow(0 0 10px rgb(0 255 65 / .3))}.terminal-body{background:linear-gradient(135deg,#8e8982 0%,#4f483f 20%,#b8a998 50%,#645a4b 80%,#64605b 100%);border:4px solid #8b7d6b;border-radius:12px 12px 8px 8px;padding:20px;box-shadow:inset 0 2px 4px rgb(255 255 255 / .3),inset 0 -8px 16px rgb(0 0 0 / .4),0 20px 40px rgb(0 0 0 / .7),0 8px 20px rgb(0 0 0 / .5);position:relative}.terminal-body::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgb(255 255 255 / .15) 0%,transparent 30%,rgb(0 0 0 / .1) 100%),radial-gradient(ellipse at 30% 40%,rgb(80 60 40 / .1) 0%,transparent 40%),radial-gradient(ellipse at 70% 60%,rgb(60 50 40 / .08) 0%,transparent 35%);border-radius:10px 10px 6px 6px;pointer-events:none}.crt-terminal-screen{background:#1a1a1a;border:6px solid #2a2a2a;border-radius:8px;padding:8px;margin-bottom:20px;box-shadow:inset 0 0 20px rgb(0 0 0 / .8),0 4px 8px rgb(0 0 0 / .5)}.crt-bezel{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 50%,#0a0a0a 100%);border:3px solid #000;border-radius:6px;padding:6px;position:relative}.crt-glass{background:radial-gradient(ellipse at center,#001a1a 0%,#000d0d 100%);border-radius:20px;padding:15px;position:relative;height:460px;overflow:hidden;box-shadow:inset 0 0 30px rgb(0 255 255 / .1),inset 0 0 60px rgb(0 0 0 / .8)}.crt-glass::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 30% 20%,rgb(255 255 255 / .15) 0%,rgb(255 255 255 / .05) 20%,transparent 50%);border-radius:20px;pointer-events:none;z-index:3}.crt-glare{position:absolute;top:5%;left:8%;width:35%;height:40%;background:linear-gradient(135deg,rgb(255 255 255 / .2) 0%,rgb(255 255 255 / .1) 30%,transparent 60%);border-radius:50%;filter:blur(15px);pointer-events:none;z-index:2;transform:rotate(-15deg)}.terminal-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgb(0 0 0 / .15),rgb(0 0 0 / .15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:3;animation:scanlineMove 8s linear infinite;border-radius:20px}.crt-scanline{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgb(0 0 0 / .15),rgb(0 0 0 / .15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:4;border-radius:20px;animation:scanlineMove 8s linear infinite}.terminal-tabs{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap;position:relative;z-index:1}.terminal-tab{background:linear-gradient(135deg,rgb(20 30 40 / .6) 0%,rgb(10 20 30 / .8) 100%);border:2px solid rgb(0 255 65 / .3);color:var(--neon-green);padding:8px 12px;font-family:'Share Tech Mono',monospace;font-size:.85em;letter-spacing:1px;cursor:pointer;position:relative;transition:all 0.3s ease;clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);box-shadow:0 0 5px rgb(0 255 65 / .2)}.terminal-tab.active{background:linear-gradient(135deg,rgb(57 255 20 / .2) 0%,rgb(20 100 30 / .4) 100%);border-color:var(--alien-green);color:var(--alien-green);box-shadow:0 0 15px rgb(57 255 20 / .4),inset 0 0 10px rgb(57 255 20 / .2);text-shadow:0 0 5px var(--alien-green)}.terminal-tab:hover:not(.active){border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 10px rgb(0 255 255 / .3)}.tab-bracket{opacity:.6;margin:0 2px;display:none}.terminal-tab.active .tab-bracket{opacity:1}.terminal-screen-content{position:relative;z-index:1;max-height:360px;overflow-y:auto;overflow-x:hidden;padding-bottom:25px;scrollbar-width:none;-ms-overflow-style:none}.terminal-screen-content::-webkit-scrollbar{display:none}.terminal-screen-content::-webkit-scrollbar-track{background:rgb(0 0 0 / .3);border-radius:4px}.terminal-screen-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--neon-green) 0%,var(--alien-green) 100%);border-radius:4px;box-shadow:0 0 5px var(--neon-green)}.terminal-screen-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--alien-green) 0%,var(--neon-green) 100%)}.tab-content{display:none;animation:fadeIn 0.4s ease-in;padding-bottom:100px;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-content.active{display:block}.tab-content::-webkit-scrollbar{display:none}@keyframes fadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.content-title{color:var(--alien-green);font-size:1.2em;margin-bottom:15px;text-shadow:0 0 10px var(--alien-green);letter-spacing:2px}.content-underline{width:100%;height:2px;background:var(--alien-green);margin-top:8px;box-shadow:0 0 8px var(--alien-green)}.content-text{color:var(--neon-green);font-size:.95em;line-height:1.8;letter-spacing:1px}.content-text p{margin:10px 0}.section-title{color:var(--neon-green)!important;font-weight:700;margin-top:15px!important;margin-bottom:8px!important;text-shadow:0 0 5px var(--neon-green)}.discord-link{color:var(--alien-green)!important;margin-top:15px!important;font-weight:700;text-shadow:0 0 8px var(--alien-green)}.terminal-style{font-family:'Share Tech Mono',monospace}.terminal-style .terminal-line{margin:8px 0;color:var(--neon-green);font-size:.95em}.terminal-style .prompt{color:var(--neon-green);margin-right:5px}.terminal-style .status-ok{color:var(--neon-green)}.terminal-style .status-warning{color:#fa0}.terminal-style .status-critical{color:#ff0040}.terminal-style .blink{animation:blink 1s infinite}@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}.mission-log-table{width:100%;border-collapse:collapse;margin-bottom:15px;border:2px solid var(--neon-green);box-shadow:0 0 10px rgb(0 255 65 / .3)}.mission-log-table td{border:1px solid var(--neon-green);padding:10px 15px;color:var(--neon-green);font-family:'Share Tech Mono',monospace;letter-spacing:1px;font-size:.95em;word-wrap:break-word}.mission-log-label{font-weight:700;text-align:right;width:40%;background:rgb(0 255 65 / .05);text-shadow:0 0 5px var(--neon-green)}.mission-log-value{text-align:left;width:60%;background:rgb(0 26 26 / .3)}@media (max-width:1400px){.mission-log-table td{padding:8px 12px;font-size:.85em;letter-spacing:.5px}}@media (max-width:1200px){.mission-log-table td{padding:8px 10px;font-size:.8em}}@media (max-width:768px){.mission-log-table td{padding:6px 8px;font-size:.75em;letter-spacing:.3px}}@media (max-width:640px){.mission-log-table td{padding:5px 6px;font-size:.7em;letter-spacing:.2px}.mission-log-label{width:35%}.mission-log-value{width:65%}}#tab-diagnostics .content-text{overflow:hidden;max-height:none}.terminal-screen-content:has(#tab-diagnostics.active){overflow-y:hidden!important}.terminal-button-container{margin-top:20px;margin-bottom:10px;text-align:center}.terminal-button{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,rgb(20 30 40 / .8) 0%,rgb(10 20 30 / .9) 100%);border:2px solid var(--neon-cyan);color:var(--neon-cyan);padding:12px 20px;font-family:'Share Tech Mono',monospace;font-size:.95em;letter-spacing:2px;cursor:pointer;text-decoration:none;position:relative;overflow:hidden;transition:all 0.3s ease;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);box-shadow:0 0 10px rgb(0 255 255 / .3)}.terminal-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgb(0 255 255 / .3) 50%,transparent 100%);transition:left 0.5s ease}.terminal-button:hover{border-color:var(--alien-green);color:var(--alien-green);box-shadow:0 0 20px var(--alien-green),inset 0 0 15px rgb(57 255 20 / .2);transform:translateY(-2px)}.terminal-button:hover::before{left:100%}.terminal-button:active{transform:translateY(0)}.terminal-button .button-icon{font-size:1.2em;color:var(--neon-cyan);transition:color 0.3s ease}.terminal-button:hover .button-icon{color:var(--alien-green);text-shadow:0 0 10px var(--alien-green)}.terminal-button .button-text{flex:1;text-align:center}.terminal-keyboard{padding:18px 20px 25px 20px;position:relative}.terminal-keyboard .keyboard-row{display:flex;gap:6px;margin-bottom:6px;justify-content:center}.terminal-keyboard .keyboard-row:last-child{margin-bottom:0}.terminal-keyboard .keyboard-row.function-row{gap:8px;margin-bottom:10px}.terminal-keyboard .keyboard-row.space-row{margin-top:4px}.terminal-keyboard .retro-key{background:linear-gradient(180deg,#999080 0%,#91836d 30%,#ddd5c9 70%,#a89888 100%);border:2px solid #9b8b7b;border-radius:3px;padding:8px 8px;min-width:24px;min-height:24px;box-shadow:inset 0 2px 3px rgb(255 255 255 / .4),inset 0 -2px 4px rgb(0 0 0 / .3),0 3px 5px rgb(0 0 0 / .4);position:relative;transform-style:preserve-3d}.terminal-keyboard .function-row .retro-key{min-width:28px;padding:6px 8px}.terminal-keyboard .retro-key.space-key{min-width:120px}.terminal-keyboard .retro-key::before{content:'';position:absolute;top:2px;left:3px;right:3px;height:40%;background:linear-gradient(180deg,rgb(255 255 255 / .35) 0%,transparent 100%);border-radius:2px;pointer-events:none}.terminal-keyboard .retro-key::after{content:'';position:absolute;top:30%;left:20%;right:20%;bottom:30%;background:radial-gradient(ellipse,rgb(100 80 60 / .15) 0%,transparent 60%);border-radius:50%;pointer-events:none}@media (max-width:1400px){.terminal-tabs{gap:6px;margin-bottom:12px}.terminal-tab{font-size:.75em;padding:6px 10px;letter-spacing:.5px}.terminal-screen-content{max-height:340px;padding-bottom:30px}.tab-content{padding-bottom:35px}}@media (max-width:1200px){.crt-glass{height:550px}.terminal-screen-content{max-height:350px;padding-bottom:30px}.terminal-tabs{gap:5px;margin-bottom:10px}.terminal-tab{font-size:.7em;padding:5px 8px;letter-spacing:.5px}.tab-content{padding-bottom:35px}}@media (max-width:768px){.terminal-body{padding:15px}.crt-glass{height:480px;padding:12px}.terminal-screen-content{max-height:380px;padding-bottom:35px}.terminal-tabs{gap:5px;margin-bottom:8px}.terminal-tab{font-size:.7em;padding:5px 7px}.tab-content{padding-bottom:40px}.content-title{font-size:1.1em}.content-text{font-size:.9em}.terminal-button{font-size:.85em;padding:10px 16px}.terminal-keyboard .keyboard-row{gap:5px;margin-bottom:5px}.terminal-keyboard .retro-key{padding:6px 6px;min-width:20px;min-height:20px}.terminal-keyboard .function-row .retro-key{min-width:24px;padding:5px 6px}.terminal-keyboard .retro-key.space-key{min-width:100px}}@media (max-width:844px){.terminal-body{padding:12px}.crt-terminal-screen{padding:6px;margin-bottom:15px}.crt-glass{height:440px;padding:10px;border-radius:15px}.terminal-screen-content{max-height:340px;padding-bottom:40px}.crt-glare{width:30%;height:35%}.terminal-tabs{gap:4px;margin-bottom:8px}.terminal-tab{font-size:.65em;padding:4px 6px}.tab-content{padding-bottom:45px}.content-title{font-size:1em;margin-bottom:12px}.content-text{font-size:.85em;line-height:1.6}.terminal-button{font-size:.8em;padding:8px 14px}.terminal-keyboard{padding:10px 12px 15px 12px}.terminal-keyboard .keyboard-row{gap:4px;margin-bottom:4px}.terminal-keyboard .retro-key{padding:5px 5px;min-width:18px;min-height:18px}.terminal-keyboard .function-row .retro-key{min-width:20px;padding:4px 5px}.terminal-keyboard .retro-key.space-key{min-width:80px}.terminal-keyboard .keyboard-row:nth-child(2) .retro-key:nth-child(n+10),.terminal-keyboard .keyboard-row:nth-child(3) .retro-key:nth-child(n+10){display:none}}@media (max-width:400px){.terminal-keyboard{padding:8px 10px 12px 10px}.terminal-keyboard .keyboard-row{gap:5px;margin-bottom:5px}.terminal-keyboard .keyboard-row.function-row{gap:6px}.terminal-keyboard .retro-key{padding:6px 6px;min-width:20px;min-height:20px}.terminal-keyboard .function-row .retro-key{min-width:22px;padding:5px 6px}.terminal-keyboard .retro-key.space-key{min-width:90px}.terminal-keyboard .keyboard-row.function-row .retro-key:nth-child(n+7){display:none}.terminal-keyboard .keyboard-row:nth-child(2) .retro-key:nth-child(n+9){display:none}.terminal-keyboard .keyboard-row:nth-child(3) .retro-key:nth-child(n+9){display:none}.terminal-keyboard .keyboard-row:nth-child(4) .retro-key:nth-child(n+8){display:none}.terminal-keyboard .keyboard-row:nth-child(5) .retro-key:nth-child(n+7){display:none}}.retro-keyboard-container,.keyboard-tooltip,.tooltip-btn{display:none!important}.mission-brief{display:none!important}.left-panel .terminal-monitor{display:none!important}.right-panel{flex:0 0 69%;position:relative}.door-container{height:100%;position:relative;background:linear-gradient(135deg,#1f1f1f 0%,#1a1a1a 25%,#151515 50%,#1a1a1a 75%,#1f1f1f 100%);border:4px solid var(--metal-gray);box-shadow:inset 0 0 50px rgb(0 0 0 / .8),0 0 30px rgb(0 0 0 / .5);overflow:hidden}.bridge-faceplate{position:absolute;top:5%;left:50%;transform:translateX(-50%);z-index:5;width:400px}.faceplate-frame{position:relative;background:linear-gradient(135deg,#4a5568 0%,#3a4556 20%,#5a6575 40%,#3a4556 60%,#2d3748 100%);border:3px solid #1a1f2e;padding:20px 40px;box-shadow:inset 0 2px 4px rgb(255 255 255 / .1),inset 0 -4px 8px rgb(0 0 0 / .6),0 4px 8px rgb(0 0 0 / .8),0 0 20px rgb(0 0 0 / .5);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}.faceplate-rivet{position:absolute;width:10px;height:10px;background:radial-gradient(circle,#6a7a8a 0%,#2a3040 100%);border-radius:50%;border:2px solid #1a1f2e;box-shadow:inset 0 2px 3px rgb(0 0 0 / .7),inset 0 -1px 2px rgb(255 255 255 / .3),0 1px 2px rgb(0 0 0 / .5)}.faceplate-rivet.top-left{top:8px;left:8px}.faceplate-rivet.top-right{top:8px;right:8px}.faceplate-rivet.bottom-left{bottom:8px;left:8px}.faceplate-rivet.bottom-right{bottom:8px;right:8px}.faceplate-text{font-family:'Orbitron',monospace;font-size:3em;font-weight:900;color:#2a3442;text-align:center;letter-spacing:15px;text-shadow:2px 2px 0 rgb(0 0 0 / .5),-1px -1px 0 rgb(255 255 255 / .1),inset 0 2px 4px rgb(0 0 0 / .8);filter:drop-shadow(2px 2px 2px rgb(0 0 0 / .8)) drop-shadow(-1px -1px 1px rgb(255 255 255 / .2));position:relative}.faceplate-text::before{content:'BRIDGE';position:absolute;left:0;top:2px;width:100%;height:100%;color:rgb(0 0 0 / .3);z-index:-1;filter:blur(1px)}.faceplate-stamping{margin-top:10px;padding-top:10px;border-top:2px solid rgb(0 0 0 / .3);border-bottom:2px solid rgb(255 255 255 / .1)}.stamp-code{font-family:'Share Tech Mono',monospace;font-size:.7em;color:#1a2332;text-align:center;letter-spacing:2px;text-shadow:1px 1px 0 rgb(0 0 0 / .4),-1px -1px 0 rgb(255 255 255 / .1);margin:5px 0}.stamp-line{width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,rgb(0 0 0 / .3) 50%,transparent 100%);margin:3px 0}.faceplate-frame{animation:subtleGleam 8s ease-in-out infinite}@keyframes subtleGleam{0%,100%{box-shadow:inset 0 2px 4px rgb(255 255 255 / .1),inset 0 -4px 8px rgb(0 0 0 / .6),0 4px 8px rgb(0 0 0 / .8)}50%{box-shadow:inset 0 2px 4px rgb(255 255 255 / .2),inset 0 -4px 8px rgb(0 0 0 / .5),0 4px 8px rgb(0 0 0 / .8),0 0 30px rgb(0 150 200 / .2)}}.door-frame{position:relative;height:100%;min-height:250px;width:100%;display:flex;justify-content:center;align-items:center}.frame-corner{position:absolute;width:50px;height:50px;border:4px solid var(--neon-orange)}.frame-corner.top-left{top:20px;left:20px;border-right:none;border-bottom:none;box-shadow:0 0 10px var(--neon-orange)}.frame-corner.top-right{top:20px;right:20px;border-left:none;border-bottom:none;box-shadow:0 0 10px var(--neon-orange)}.frame-corner.bottom-left{bottom:20px;left:20px;border-right:none;border-top:none;box-shadow:0 0 10px var(--neon-orange)}.frame-corner.bottom-right{bottom:20px;right:20px;border-left:none;border-top:none;box-shadow:0 0 10px var(--neon-orange)}.warning-strip{position:absolute;left:80px;right:80px;height:20px;background:repeating-linear-gradient(45deg,#ffdd00,#ffdd00 20px,#1a1a1a 20px,#1a1a1a 40px);border:2px solid var(--metal-gray)}.warning-strip.top{top:150px}.warning-strip.bottom{bottom:80px}.door-main{display:flex;width:70%;height:68%;position:absolute;bottom:150px;left:50%;transform:translateX(-50%);z-index:2;gap:4px}.door-left,.door-right{flex:1;background:linear-gradient(135deg,#3a4556 0%,#252b38 50%,#1a1f2e 100%);border:3px solid var(--metal-gray);position:relative}.door-left{transition:transform 1.5s ease-in-out}.door-main.open .door-left{transform:translateX(-102%)}.door-main.open .door-right{animation:damagedDoorOpen 2.5s cubic-bezier(.4,0,.6,1) forwards}@keyframes damagedDoorOpen{0%{transform:translateX(0) rotate(0deg)}15%{transform:translateX(25%) rotate(0.5deg)}30%{transform:translateX(30%) rotate(0.3deg)}35%{transform:translateX(30%) rotate(0.5deg)}38%{transform:translateX(28%) rotate(0.2deg)}42%{transform:translateX(32%) rotate(0.6deg)}50%{transform:translateX(55%) rotate(-0.4deg)}52%{transform:translateX(54%) rotate(-0.2deg)}55%{transform:translateX(56%) rotate(-0.5deg)}58%{transform:translateX(55%) rotate(-0.3deg)}65%{transform:translateX(75%) rotate(0.3deg)}70%{transform:translateX(85%) rotate(-0.2deg)}80%{transform:translateX(95%) rotate(0.1deg)}90%{transform:translateX(100%) rotate(-0.1deg)}100%{transform:translateX(102%) rotate(0deg)}}@keyframes damagedDoorClose{0%{transform:translateX(102%) rotate(0deg)}10%{transform:translateX(100%) rotate(-0.1deg)}20%{transform:translateX(95%) rotate(0.1deg)}30%{transform:translateX(85%) rotate(-0.2deg)}35%{transform:translateX(75%) rotate(0.3deg)}42%{transform:translateX(55%) rotate(-0.3deg)}45%{transform:translateX(56%) rotate(-0.5deg)}48%{transform:translateX(54%) rotate(-0.2deg)}50%{transform:translateX(55%) rotate(-0.4deg)}58%{transform:translateX(32%) rotate(0.6deg)}62%{transform:translateX(28%) rotate(0.2deg)}65%{transform:translateX(30%) rotate(0.5deg)}70%{transform:translateX(30%) rotate(0.3deg)}85%{transform:translateX(25%) rotate(0.5deg)}100%{transform:translateX(0) rotate(0deg)}}.door-main.closing .door-right{animation:damagedDoorClose 2.5s cubic-bezier(.4,0,.6,1) forwards}.door-panel{width:100%;height:100%;padding:30px;position:relative}.door-rivet{position:absolute;width:12px;height:12px;background:radial-gradient(circle,#5a6575 0%,#2a3040 100%);border-radius:50%;border:2px solid #1a1f2e;box-shadow:inset 0 2px 4px rgb(0 0 0 / .5),0 1px 2px rgb(255 255 255 / .1)}.door-left .door-rivet:nth-child(4){top:30px;left:30px}.door-left .door-rivet:nth-child(5){top:30px;right:30px}.door-left .door-rivet:nth-child(6){bottom:30px;left:30px}.door-left .door-rivet:nth-child(7){bottom:30px;right:30px}.door-right .door-rivet:nth-child(1){top:30px;left:30px}.door-right .door-rivet:nth-child(2){top:30px;right:30px}.door-right .door-rivet:nth-child(3){bottom:30px;left:30px}.door-right .door-rivet:nth-child(4){bottom:30px;right:30px}.hydraulic-line{position:absolute;width:10px;height:60%;background:linear-gradient(180deg,#4a5568 0%,#2d3748 100%);border:1px solid #1a1f2e;top:50%;transform:translateY(-50%)}.door-left .hydraulic-line{right:15px}.door-right .hydraulic-line{left:15px}.spark-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4;overflow:visible}.spark{position:absolute;width:4px;height:4px;background:radial-gradient(circle,var(--warning-yellow) 0%,#ff9500 50%,transparent 100%);border-radius:50%;opacity:0;box-shadow:0 0 8px var(--warning-yellow),0 0 12px #ff9500,0 0 16px rgb(255 221 0 / .6);filter:blur(.5px);animation:sparkFly var(--duration,0.8s) ease-out forwards}@keyframes sparkFly{0%{opacity:1;transform:translate(0,0) scale(1)}50%{opacity:.8;transform:translate(var(--tx),var(--ty)) scale(1.2)}100%{opacity:0;transform:translate(calc(var(--tx) * 1.5),calc(var(--ty) * 1.5)) scale(.5)}}.door-seam{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:60%;background:linear-gradient(180deg,transparent,var(--neon-red),var(--neon-red),transparent);box-shadow:0 0 20px var(--neon-red);z-index:3;opacity:0}.door-main.open~.door-seam{opacity:0!important;animation:none!important}.door-seam.activating{animation:seamGlow 2s ease-in-out forwards}@keyframes seamGlow{0%{opacity:0;box-shadow:0 0 5px var(--neon-red)}30%{opacity:.3;box-shadow:0 0 10px var(--neon-red)}60%{opacity:.7;box-shadow:0 0 15px var(--neon-red)}100%{opacity:1;box-shadow:0 0 20px var(--neon-red),0 0 40px rgb(255 0 64 / .4)}}.control-panel{position:absolute;right:50px;top:50%;transform:translateY(-50%);background:var(--panel-bg);border:3px solid var(--neon-cyan);padding:20px;width:250px;box-shadow:0 0 30px rgb(0 255 255 / .4),inset 0 0 20px rgb(0 0 0 / .5);z-index:4}.panel-screen{background:#001a1a;border:2px solid var(--neon-cyan);padding:15px;margin-bottom:20px;text-align:center}.panel-text{color:var(--neon-cyan);font-size:1em;letter-spacing:2px;margin-bottom:10px}.panel-status{margin-top:10px}.status-bar{width:100%;height:10px;background:#002a2a;border:1px solid var(--neon-cyan);position:relative;overflow:hidden}.status-fill{height:100%;width:100%;background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan);animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,100%{opacity:1}50%{opacity:.6}}.control-buttons{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.door-button{background:linear-gradient(135deg,#2a3f5f 0%,#1a2332 100%);border:2px solid var(--neon-cyan);color:var(--neon-cyan);padding:12px;font-family:'Share Tech Mono',monospace;font-size:1em;cursor:pointer;position:relative;overflow:hidden;transition:all 0.3s;display:flex;align-items:center;justify-content:center;gap:10px}.door-button:hover::before{width:300px;height:300px}.door-button:hover{box-shadow:0 0 20px var(--neon-cyan);border-color:var(--alien-green);color:var(--alien-green)}.door-button:active{transform:scale(.95)}.btn-icon{font-size:1.2em}.btn-text{position:relative;z-index:1;letter-spacing:2px}.emergency-btn{border-color:var(--neon-red);color:var(--neon-red)}.emergency-btn:hover{box-shadow:0 0 20px var(--neon-red);animation:emergencyFlash 0.5s infinite}@keyframes emergencyFlash{0%,100%{background:linear-gradient(135deg,#2a3f5f 0%,#1a2332 100%)}50%{background:linear-gradient(135deg,#5f2a2a 0%,#321a1a 100%)}}.region-selector{margin-top:10px}.region-label{color:var(--neon-cyan);font-size:.75em;letter-spacing:2px;margin-bottom:8px;text-align:center;text-shadow:0 0 5px var(--neon-cyan)}.region-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.region-button{background:linear-gradient(135deg,#3a4556 0%,#252b38 100%);border:2px solid var(--metal-gray);color:var(--neon-green);padding:10px 8px;font-family:'Share Tech Mono',monospace;cursor:pointer;transition:all 0.3s;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:4px}.region-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(0 255 255 / .2),transparent);transition:left 0.5s}.region-button:hover::before{left:100%}.region-button:hover{border-color:var(--neon-cyan);box-shadow:0 0 15px rgb(0 255 255 / .4);transform:translateY(-2px)}.region-button.active{border-color:var(--alien-green);background:linear-gradient(135deg,#2a4536 0%,#1a3526 100%);box-shadow:0 0 20px rgb(0 255 65 / .6)}.region-button.active .region-indicator{background:var(--alien-green);box-shadow:0 0 10px var(--alien-green)}.region-icon{font-size:1.2em;filter:grayscale(.3)}.region-text{font-size:.85em;letter-spacing:1px;font-weight:700;position:relative;z-index:1}.region-indicator{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:6px;height:6px;background:var(--metal-gray);border-radius:50%;transition:all 0.3s}@media (max-width:844px){.region-button{padding:8px 6px;font-size:.85em}.region-icon{font-size:1em}.region-text{font-size:.75em}}.supporter-code-toggle{width:100%;background:linear-gradient(135deg,#2a3f5f 0%,#1a2332 100%);border:2px solid var(--neon-cyan);color:var(--neon-cyan);padding:12px;font-family:'Share Tech Mono',monospace;font-size:.85em;letter-spacing:2px;cursor:pointer;position:relative;overflow:visible;transition:all 0.3s cubic-bezier(.4,0,.2,1);text-align:center;margin-top:15px;margin-bottom:0;display:flex;align-items:center;justify-content:center}.supporter-code-toggle:hover{box-shadow:0 0 20px var(--neon-cyan);border-color:var(--alien-green);color:var(--alien-green)}.supporter-code-toggle.active{background:linear-gradient(135deg,#3a4f6f 0%,#2a3342 100%);border-color:var(--alien-green);color:var(--alien-green);box-shadow:0 0 15px rgb(0 255 65 / .4)}.supporter-code-toggle:active{transform:scale(.95)}.toggle-text{position:relative;z-index:1}.supporter-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translateX(-50%) translateY(10px);background:linear-gradient(135deg,rgb(10 20 30 / .95) 0%,rgb(15 25 35 / .98) 50%,rgb(10 20 30 / .95) 100%);border:2px solid var(--neon-cyan);padding:15px 20px;min-width:280px;max-width:320px;box-shadow:0 0 30px rgb(0 255 255 / .5),inset 0 0 20px rgb(0 255 255 / .1),0 5px 25px rgb(0 0 0 / .8);opacity:0;visibility:hidden;transition:all 0.4s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.supporter-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:10px solid #fff0;border-right:10px solid #fff0;border-top:10px solid var(--neon-cyan);filter:drop-shadow(0 3px 5px rgb(0 0 0 / .5))}.supporter-code-toggle:hover .supporter-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);pointer-events:auto}.tooltip-corner{position:absolute;width:15px;height:15px;border:2px solid var(--alien-green)}.tooltip-corner.tl{top:-2px;left:-2px;border-right:none;border-bottom:none;box-shadow:-2px -2px 8px rgb(0 255 65 / .4)}.tooltip-corner.tr{top:-2px;right:-2px;border-left:none;border-bottom:none;box-shadow:2px -2px 8px rgb(0 255 65 / .4)}.tooltip-corner.bl{bottom:-2px;left:-2px;border-right:none;border-top:none;box-shadow:-2px 2px 8px rgb(0 255 65 / .4)}.tooltip-corner.br{bottom:-2px;right:-2px;border-left:none;border-top:none;box-shadow:2px 2px 8px rgb(0 255 65 / .4)}.tooltip-scanline{position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(to bottom,transparent,rgb(0 255 255 / .6),transparent);animation:tooltipScan 2s linear infinite;opacity:.6}@keyframes tooltipScan{0%{top:0}100%{top:100%}}.tooltip-content{position:relative;z-index:2}.tooltip-text{color:var(--neon-cyan);font-size:.9em;letter-spacing:1px;margin-bottom:8px;text-align:center;line-height:1.4}.tooltip-link{display:block;color:var(--alien-green);font-size:.85em;letter-spacing:1px;text-align:center;text-decoration:none;padding:6px 10px;border:1px solid var(--alien-green);border-radius:2px;background:rgb(0 255 65 / .05);transition:all 0.3s;position:relative;overflow:hidden}.tooltip-link::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgb(0 255 65 / .3);border-radius:50%;transform:translate(-50%,-50%);transition:width 0.4s,height 0.4s}.tooltip-link:hover::before{width:300px;height:300px}.tooltip-link:hover{color:#fff;border-color:var(--neon-cyan);box-shadow:0 0 15px rgb(0 255 65 / .6),inset 0 0 15px rgb(0 255 65 / .2);text-shadow:0 0 8px var(--alien-green)}.tooltip-link span{position:relative;z-index:1}@media (max-width:844px){.supporter-tooltip{min-width:240px;max-width:280px;padding:12px 15px}.tooltip-text{font-size:.8em}.tooltip-link{font-size:.75em;padding:5px 8px}.tooltip-corner{width:12px;height:12px}}.keypad-container{max-height:0;overflow:hidden;opacity:0;transform:scaleY(.3);transform-origin:top;transition:max-height 0.6s cubic-bezier(.4,0,.2,1),opacity 0.6s cubic-bezier(.4,0,.2,1),transform 0.6s cubic-bezier(.4,0,.2,1);margin-top:0}.keypad-container.revealed{max-height:250px;opacity:1;transform:scaleY(1);margin-top:15px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.keypad-button{background:linear-gradient(135deg,#3a4556 0%,#252b38 100%);border:2px solid var(--metal-gray);color:var(--neon-green);padding:12px;text-align:center;font-family:'Share Tech Mono',monospace;cursor:pointer;transition:all 0.2s;user-select:none}.keypad-zero{grid-column:2}.keypad-button:hover{background:linear-gradient(135deg,#4a5566 0%,#353b48 100%);border-color:var(--neon-green);box-shadow:0 0 10px var(--neon-green)}.keypad-button:active{transform:scale(.9);box-shadow:inset 0 0 10px rgb(0 255 65 / .5)}.steam{position:absolute;bottom:150px;width:100px;height:200px;background:linear-gradient(to top,rgb(255 255 255 / .3),transparent);opacity:0;filter:blur(20px);animation:steamRise 3s ease-in-out infinite}.steam-1{left:20%;animation-delay:0s}.steam-2{left:50%;animation-delay:1s}.steam-3{left:80%;animation-delay:2s}.door-main.open~.steam{opacity:1}@keyframes steamRise{0%{bottom:150px;opacity:0}50%{opacity:.5}100%{bottom:250px;opacity:0}}.grated-floor{position:absolute;bottom:0;left:0;width:100%;height:150px;z-index:1;overflow:hidden}.grate-container{position:relative;width:100%;height:100%;background:linear-gradient(180deg,#1a1f2e 0%,#0f1419 100%)}.floor-tiles{position:relative;width:100%;height:100%;display:flex;flex-direction:column;padding:0 30px;perspective:1500px;perspective-origin:center bottom}.tile-step{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;width:100%;margin-bottom:5px;transform-style:preserve-3d}.tile-step.step-bottom{transform:translateY(15px) scale(.98);opacity:.85;margin-bottom:10px}.tile-step.step-top{transform:translateY(0) scale(1);opacity:1}.floor-tile{height:60px;background:linear-gradient(135deg,#2d3748 0%,#3a4556 25%,#4a5568 50%,#3a4556 75%,#2d3748 100%);border:1px solid rgb(255 255 255 / .1);border-bottom:2px solid rgb(0 0 0 / .8);border-right:1px solid rgb(0 0 0 / .6);border-top:1px solid rgb(255 255 255 / .15);box-shadow:inset 3px 3px 6px rgb(255 255 255 / .1),inset -3px -3px 6px rgb(0 0 0 / .5),0 4px 8px rgb(0 0 0 / .6),0 2px 4px rgb(0 0 0 / .8);position:relative;transform-style:preserve-3d;border-radius:1px}.floor-tile::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent 0,rgb(0 0 0 / .1) 1px,transparent 2px,transparent 10px);opacity:.3;pointer-events:none}.floor-tile:nth-child(odd){background:linear-gradient(135deg,#1a1f2e 0%,#2d3748 25%,#3a4556 50%,#2d3748 75%,#1a1f2e 100%)}.floor-tile:nth-child(even)::before{left:65%;width:25%}.step-bottom .floor-tile{filter:brightness(.9);box-shadow:inset 3px 3px 6px rgb(255 255 255 / .08),inset -3px -3px 6px rgb(0 0 0 / .6),0 2px 6px rgb(0 0 0 / .7)}.grate-shadow{position:absolute;width:100%;height:100%;top:0;left:0;background:radial-gradient(ellipse at center bottom,rgb(0 0 0 / .8) 0%,transparent 60%);pointer-events:none}.floor-steam{position:absolute;bottom:0;width:30px;height:80px;background:linear-gradient(to top,rgb(200 220 240 / .4) 0%,rgb(200 220 240 / .2) 40%,transparent 100%);opacity:0;filter:blur(8px);animation:floorSteamRise 6s ease-in-out infinite}.steam-vent-1{left:15%;animation-delay:0s}.steam-vent-2{left:30%;animation-delay:1.2s;width:25px}.steam-vent-3{left:50%;animation-delay:2.4s;width:35px}.steam-vent-4{left:70%;animation-delay:3.6s;width:28px}.steam-vent-5{left:85%;animation-delay:4.8s;width:22px}@keyframes floorSteamRise{0%{bottom:0;opacity:0;transform:translateX(0) scaleX(1)}20%{opacity:.3}60%{opacity:.2}100%{bottom:100px;opacity:0;transform:translateX(10px) scaleX(1.5)}}.corridor-view{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:50%;background:linear-gradient(180deg,#0a0e14 0%,#1a1f2e 100%);border:3px solid var(--metal-gray);opacity:0;transition:opacity 0.8s;z-index:1;display:flex;align-items:center;justify-content:center}.door-main.open~.corridor-view{opacity:1}.corridor-content{text-align:center;padding:30px}.corridor-lights{display:flex;justify-content:center;gap:40px;margin-bottom:30px}.corridor-light{width:20px;height:80px;background:linear-gradient(180deg,transparent,var(--alien-green),transparent);box-shadow:0 0 20px var(--alien-green);animation:corridorLightFlicker 2s ease-in-out infinite}.corridor-light:nth-child(2){animation-delay:0.3s}.corridor-light:nth-child(3){animation-delay:0.6s}@keyframes corridorLightFlicker{0%,100%{opacity:1}50%{opacity:.4}}.corridor-text{color:var(--neon-green);font-size:1.5em;letter-spacing:3px;margin-bottom:20px;text-shadow:0 0 10px var(--neon-green)}.danger-warning{color:var(--neon-red);font-size:1.2em;text-shadow:0 0 10px var(--neon-red)}.door-container.walking-forward .door-frame{animation:walkingForward 3s ease-in-out forwards}@keyframes walkingForward{0%{transform:scale(1);opacity:1}100%{transform:scale(3);opacity:0}}.door-container.walking-forward .door-main{animation:fadeOut 3s ease-in-out forwards}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.door-container.walking-forward .door-seam,.door-container.walking-forward .control-panel,.door-container.walking-forward .steam,.door-container.walking-forward .frame-corner,.door-container.walking-forward .warning-strip,.door-container.walking-forward .bridge-faceplate{animation:fadeOut 3s ease-in-out forwards}.door-container.walking-forward .corridor-view{animation:corridorZoom 3s ease-in-out forwards}@keyframes corridorZoom{0%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(-50%,-50%) scale(2.5);opacity:1}}@media (max-width:1200px){.container{flex-direction:column}.left-panel,.right-panel{flex:1 1 100%}.right-panel{min-height:600px}.bridge-faceplate{width:300px;top:30px}.faceplate-text{font-size:2em;letter-spacing:10px}}@media (max-width:768px){.glitch-text{font-size:2em}.control-panel{width:200px;right:20px;padding:15px}.door-button{padding:10px;font-size:.9em}.keypad-button{padding:10px;font-size:.9em}.bridge-faceplate{width:250px;top:20px}.faceplate-text{font-size:1.5em;letter-spacing:8px}.stamp-code{font-size:.55em}.grated-floor{height:100px}.floor-tile{height:45px}.floor-steam{width:20px;height:60px}}@media (max-width:844px){.container{padding:10px;gap:10px}.left-panel{max-width:100%}.right-panel{min-height:700px}.bridge-faceplate{width:180px;position:static;margin:0 auto 10px;top:auto;left:auto;transform:none}.faceplate-frame{padding:5px 20px;margin-top:-114%}.faceplate-text{font-size:1.1em;letter-spacing:6px}.faceplate-rivet{width:6px;height:6px}.stamp-code{font-size:.45em;letter-spacing:1px}.door-container{display:flex;flex-direction:column;align-items:center;padding-top:10px}.door-frame{position:relative;height:auto;min-height:400px;width:100%;display:flex;flex-direction:column;align-items:center}.control-panel{position:static;width:90%;max-width:300px;margin:20px auto 0;padding:15px;order:3;top:auto;right:auto;transform:none}.door-main{width:90%;max-width:550px;height:240px;order:2;bottom:auto;left:auto;transform:none}.door-seam{top:53%;height:50%}.door-button{padding:10px;font-size:.85em;gap:5px}.btn-icon{font-size:1em}.keypad{gap:6px}.keypad-button{padding:10px;font-size:.9em}.panel-screen{padding:12px;margin-bottom:15px}.panel-text{font-size:.9em}.warning-strip{left:20px;right:20px;height:25px}.warning-strip.top{top:50px}.warning-strip.bottom{bottom:20px}.frame-corner{width:25px;height:25px}.frame-corner.top-left,.frame-corner.top-right{top:10px}.frame-corner.top-left,.frame-corner.bottom-left{left:10px}.frame-corner.top-right,.frame-corner.bottom-right{right:10px}.frame-corner.bottom-left,.frame-corner.bottom-right{bottom:10px}.grated-floor{height:80px}.floor-tile{height:35px}.floor-steam{width:15px;height:50px}.corridor-view{width:80%;height:60%}}.corridor-wall{position:absolute;top:0;bottom:0;width:calc((100% - 70%) / 2);background:linear-gradient(135deg,#2a2a2a 0%,#1f1f1f 20%,#1a1a1a 50%,#1f1f1f 80%,#2a2a2a 100%);z-index:1;box-shadow:inset 0 0 50px rgb(0 0 0 / .8);overflow:hidden}.left-wall{left:0;border-right:3px solid #0f0f0f;box-shadow:inset -20px 0 40px rgb(0 0 0 / .8),inset 0 0 30px rgb(0 0 0 / .6)}.left-wall::after{content:'';position:absolute;top:0;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent 0%,rgb(0 150 200 / .1) 20%,rgb(0 150 200 / .2) 50%,rgb(0 150 200 / .1) 80%,transparent 100%);box-shadow:0 0 8px rgb(0 150 200 / .3);animation:edgeGlow 3s ease-in-out infinite}.right-wall{right:0;border-left:3px solid #0f0f0f;box-shadow:inset 20px 0 40px rgb(0 0 0 / .8),inset 0 0 30px rgb(0 0 0 / .6)}.right-wall::after{content:'';position:absolute;top:0;left:0;width:2px;height:100%;background:linear-gradient(180deg,transparent 0%,rgb(0 150 200 / .1) 20%,rgb(0 150 200 / .2) 50%,rgb(0 150 200 / .1) 80%,transparent 100%);box-shadow:0 0 8px rgb(0 150 200 / .3);animation:edgeGlow 3s ease-in-out infinite;animation-delay:1.5s}@keyframes edgeGlow{0%,100%{opacity:.4;box-shadow:0 0 8px rgb(0 150 200 / .3)}50%{opacity:.8;box-shadow:0 0 15px rgb(0 150 200 / .5)}}.top-wall{position:absolute;top:0;left:0;right:0;height:calc((100% - 60%) / 2);width:100%;background:linear-gradient(180deg,#2a2a2a 0%,#1f1f1f 20%,#1a1a1a 50%,#1f1f1f 80%,#242424 100%);z-index:0;border-bottom:3px solid #0f0f0f;box-shadow:inset 0 -20px 40px rgb(0 0 0 / .8),inset 0 0 30px rgb(0 0 0 / .6);display:flex;overflow:hidden}.top-wall::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgb(0 150 200 / .1) 20%,rgb(0 150 200 / .2) 50%,rgb(0 150 200 / .1) 80%,transparent 100%);box-shadow:0 0 8px rgb(0 150 200 / .3);animation:edgeGlow 3s ease-in-out infinite;animation-delay:0.75s}.top-wall-section{position:relative;background:linear-gradient(180deg,#242424 0%,#2a2a2a 20%,#1e1e1e 50%,#2a2a2a 80%,#242424 100%);border-left:1px solid rgb(60 60 60 / .3);border-right:1px solid rgb(0 0 0 / .8);box-shadow:inset 2px 0 4px rgb(255 255 255 / .03),inset -2px 0 6px rgb(0 0 0 / .7)}.top-wall-section::before{content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent 0%,rgb(100 100 120 / .2) 50%,transparent 100%)}.top-wall-section::after{content:'';position:absolute;right:0;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent 0%,rgb(0 0 0 / .9) 50%,transparent 100%)}.left-section{flex:0 0 calc((100% - 70%) / 2)}.center-section{flex:1;background:linear-gradient(180deg,#222222 0%,#282828 20%,#1c1c1c 50%,#282828 80%,#222222 100%)}.right-section{flex:0 0 calc((100% - 70%) / 2)}.wall-panel{position:absolute;width:100%;height:33.33%;background:linear-gradient(90deg,#242424 0%,#2a2a2a 20%,#1e1e1e 50%,#2a2a2a 80%,#242424 100%);border-top:1px solid rgb(60 60 60 / .3);border-bottom:1px solid rgb(0 0 0 / .8);box-shadow:inset 0 2px 4px rgb(255 255 255 / .03),inset 0 -2px 6px rgb(0 0 0 / .7);position:relative}.wall-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgb(100 100 120 / .2) 50%,transparent 100%)}.wall-panel::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgb(0 0 0 / .9) 50%,transparent 100%)}.wall-panel.panel-1{top:0}.wall-panel.panel-2{top:33.33%;background:linear-gradient(90deg,#222222 0%,#282828 20%,#1c1c1c 50%,#282828 80%,#222222 100%)}.wall-panel.panel-3{top:66.66%;background:linear-gradient(90deg,#202020 0%,#262626 20%,#1a1a1a 50%,#262626 80%,#202020 100%)}.panel-line-h{position:absolute;width:100%;height:2px;top:50%;transform:translateY(-50%);background:linear-gradient(90deg,transparent 0%,rgb(0 0 0 / .8) 5%,rgb(0 0 0 / .8) 95%,transparent 100%);box-shadow:0 1px 0 rgb(80 80 80 / .1),inset 0 1px 2px rgb(0 0 0 / .9)}.panel-line-v{position:absolute;width:2px;height:100%;left:50%;transform:translateX(-50%);background:linear-gradient(180deg,transparent 0%,rgb(0 0 0 / .8) 5%,rgb(0 0 0 / .8) 95%,transparent 100%);box-shadow:1px 0 0 rgb(80 80 80 / .1),inset 1px 0 2px rgb(0 0 0 / .9)}.panel-rivet{position:absolute;width:8px;height:8px;background:radial-gradient(circle,#4a4a4a 0%,#2a2a2a 50%,#1a1a1a 100%);border-radius:50%;border:1px solid #0f0f0f;box-shadow:inset 0 2px 3px rgb(0 0 0 / .8),inset 0 -1px 2px rgb(255 255 255 / .1),0 1px 2px rgb(0 0 0 / .6)}.rivet-tl{top:10px;left:10px}.rivet-tr{top:10px;right:10px}.rivet-bl{bottom:10px;left:10px}.rivet-br{bottom:10px;right:10px}.wall-pipe{position:absolute;width:15px;height:80%;top:10%;left:30px;background:linear-gradient(90deg,#1a1a1a 0%,#353535 20%,#2a2a2a 50%,#353535 80%,#1a1a1a 100%);border-radius:3px;border:1px solid #0f0f0f;box-shadow:inset 2px 0 4px rgb(255 255 255 / .08),inset -2px 0 4px rgb(0 0 0 / .8),2px 0 8px rgb(0 0 0 / .6)}.wall-pipe::before{content:'';position:absolute;width:2px;height:100%;left:50%;transform:translateX(-50%);background:linear-gradient(180deg,transparent 0%,rgb(255 255 255 / .15) 50%,transparent 100%)}.wall-pipe::after{content:'';position:absolute;width:20px;height:20px;top:20%;left:50%;transform:translateX(-50%);background:radial-gradient(circle,#3a3a3a 0%,#2a2a2a 60%,#1a1a1a 100%);border-radius:50%;border:2px solid #0f0f0f;box-shadow:inset 0 2px 4px rgb(0 0 0 / .8),0 2px 4px rgb(0 0 0 / .5)}.wall-vent{position:absolute;width:80px;height:60px;top:45%;right:20px;background:linear-gradient(135deg,#0f0f0f 0%,#1a1a1a 50%,#0f0f0f 100%);border:2px solid #2a2a2a;box-shadow:inset 0 0 20px rgb(0 0 0 / .9),0 2px 6px rgb(0 0 0 / .8);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}.wall-vent::before{content:'';position:absolute;width:calc(100% - 10px);height:calc(100% - 10px);top:5px;left:5px;background:repeating-linear-gradient(0deg,rgb(0 0 0 / .9) 0,rgb(0 0 0 / .9) 3px,rgb(40 40 40 / .3) 3px,rgb(40 40 40 / .3) 6px)}.right-wall .wall-pipe{left:auto;right:30px}.right-wall .wall-vent{right:auto;left:20px}.warning-stripe{position:absolute;width:100%;height:30px;background:repeating-linear-gradient(45deg,#ffdd00,#ffdd00 15px,#1a1a1a 15px,#1a1a1a 30px);border-top:2px solid #0f0f0f;border-bottom:2px solid #0f0f0f;box-shadow:inset 0 2px 4px rgb(0 0 0 / .5),0 2px 6px rgb(0 0 0 / .6)}.stripe-1{top:15%}.stripe-2{top:70%}.wall-damage{position:absolute;width:60px;height:40px;background:radial-gradient(ellipse,rgb(0 0 0 / .4) 0%,rgb(60 40 20 / .2) 30%,transparent 70%);filter:blur(2px)}.damage-1{top:25%;left:40%}.damage-2{top:55%;right:35%}.panel-weathering{position:absolute;width:40%;height:60%;top:20%;left:30%;background:radial-gradient(ellipse at 30% 30%,rgb(80 60 40 / .15) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgb(60 50 40 / .1) 0%,transparent 40%);pointer-events:none}.panel-scratch{position:absolute;background:linear-gradient(90deg,transparent 0%,rgb(0 0 0 / .4) 20%,rgb(0 0 0 / .6) 50%,rgb(0 0 0 / .4) 80%,transparent 100%);height:1px;pointer-events:none;opacity:.6}.scratch-1{width:60%;top:30%;left:10%;transform:rotate(-5deg);box-shadow:0 1px 0 rgb(100 100 100 / .1)}.scratch-2{width:45%;top:65%;left:25%;transform:rotate(3deg);box-shadow:0 1px 0 rgb(100 100 100 / .1)}.wall-seam{position:absolute;width:2px;height:100%;background:linear-gradient(180deg,rgb(0 0 0 / .9) 0%,rgb(0 0 0 / .7) 50%,rgb(0 0 0 / .9) 100%);box-shadow:1px 0 0 rgb(80 80 80 / .2),inset 1px 0 2px rgb(0 0 0 / .9)}.seam-1{left:33.33%}.seam-2{left:66.66%}.wall-vent::after{content:'';position:absolute;width:120%;height:120%;top:-10%;left:-10%;background:radial-gradient(ellipse,rgb(0 255 255 / .03) 0%,transparent 60%);animation:ventGlow 4s ease-in-out infinite;pointer-events:none}@keyframes ventGlow{0%,100%{opacity:.5}50%{opacity:1}}@media (max-width:1200px){.wall-vent{width:60px;height:45px}}@media (max-width:768px){.wall-pipe{width:12px;left:20px}.right-wall .wall-pipe{right:20px}.wall-vent{width:50px;height:35px;right:10px}.right-wall .wall-vent{left:10px}.warning-stripe{height:20px}}@media (max-width:844px){.wall-panel{font-size:.8em}.panel-rivet{width:6px;height:6px}.wall-pipe{width:10px;left:10px}.right-wall .wall-pipe{right:10px}.wall-vent{width:40px;height:30px;right:5px}.right-wall .wall-vent{left:5px}.warning-stripe{height:15px}}.door-base{position:absolute;width:100%;height:100%;background:#fff0;pointer-events:none}.deformation-layer{position:absolute;width:100%;height:100%;transform-style:preserve-3d;pointer-events:none;filter:url(#mergeFilter);z-index:5}.impact-bulge{position:absolute;transform-style:preserve-3d;transform:translateZ(0) scale(0);pointer-events:none;will-change:transform}.bulge-shape{position:absolute;background:radial-gradient(ellipse at center,rgb(95 95 105) 0%,rgb(85 85 95 / .98) 10%,rgb(75 75 85 / .95) 20%,rgb(65 65 75 / .9) 30%,rgb(55 55 65 / .8) 40%,rgb(50 50 60 / .7) 50%,rgb(45 45 55 / .55) 60%,rgb(40 40 50 / .4) 70%,rgb(35 35 45 / .25) 80%,rgb(30 30 40 / .12) 90%,transparent 100%);box-shadow:inset -35px -35px 60px rgb(255 255 255 / .08),inset 35px 35px 60px rgb(0 0 0 / .3),0 0 50px rgb(0 0 0 / .4),0 20px 60px rgb(0 0 0 / .35),0 10px 30px rgb(0 0 0 / .5),0 5px 15px rgb(0 0 0 / .6);filter:blur(.2px)}.bulge-main{width:100%;height:100%;border-radius:43% 57% 44% 56% / 58% 42% 58% 42%;transform:rotate(var(--rotation,0deg))}.bulge-secondary{width:70%;height:80%;left:25%;top:15%;border-radius:62% 38% 69% 31% / 45% 73% 27% 55%;opacity:.9;transform:rotate(calc(var(--rotation, 0deg) + 30deg))}.bulge-tertiary{width:50%;height:60%;left:-10%;bottom:10%;border-radius:31% 69% 42% 58% / 68% 54% 46% 32%;opacity:.85;transform:rotate(calc(var(--rotation, 0deg) - 45deg))}.inner-impact{position:absolute;width:45%;height:50%;left:30%;top:25%;background:radial-gradient(ellipse at center,rgb(100 100 110) 0%,rgb(90 90 100 / .95) 15%,rgb(75 75 85 / .85) 30%,rgb(60 60 70 / .65) 50%,rgb(45 45 55 / .35) 70%,transparent 100%);border-radius:38% 62% 51% 49% / 45% 55% 45% 55%;transform:rotate(calc(var(--rotation, 0deg) - 60deg)) translateZ(15px);box-shadow:inset -20px -20px 40px rgb(255 255 255 / .12),inset 20px 20px 40px rgb(0 0 0 / .35),0 8px 25px rgb(0 0 0 / .5);opacity:0;animation-delay:0.3s!important}.panel-lines{position:absolute;width:100%;height:100%;pointer-events:none;z-index:1;opacity:0}.panel-line{position:absolute;background:linear-gradient(90deg,transparent 0%,rgb(30 30 40 / .5) 50%,transparent 100%);opacity:.6}.panel-line.horizontal{width:100%;height:2px}.panel-line.vertical{width:2px;height:100%}.line-h1{top:33%}.line-h2{top:66%}.line-v1{left:25%}.line-v2{right:25%}@keyframes singleImpact{0%{transform:translateZ(0) scale(0) rotate(var(--rotation,0deg))}15%{transform:translateZ(120px) scale(1.4) rotate(var(--rotation,0deg)) skew(8deg,-5deg)}30%{transform:translateZ(140px) scale(1.37) rotate(var(--rotation,0deg)) skew(6deg,-3deg)}50%{transform:translateZ(135px) scale(1.35) rotate(var(--rotation,0deg)) skew(4deg,-2deg)}70%{transform:translateZ(132px) scale(1.33) rotate(var(--rotation,0deg)) skew(2deg,-1deg)}100%{transform:translateZ(130px) scale(1.3) rotate(var(--rotation,0deg)) skew(1deg,0deg)}}@media (max-width:844px){@keyframes singleImpact{0%{transform:translateZ(0) scale(0) rotate(var(--rotation,0deg))}15%{transform:translateZ(50px) scale(1.25) rotate(var(--rotation,0deg)) skew(5deg,-3deg)}30%{transform:translateZ(60px) scale(1.22) rotate(var(--rotation,0deg)) skew(3deg,-2deg)}50%{transform:translateZ(58px) scale(1.2) rotate(var(--rotation,0deg)) skew(2deg,-1deg)}70%{transform:translateZ(56px) scale(1.18) rotate(var(--rotation,0deg)) skew(1deg,0deg)}100%{transform:translateZ(55px) scale(1.15) rotate(var(--rotation,0deg)) skew(0deg,0deg)}}}@media (max-width:400px){@keyframes singleImpact{0%{transform:translateZ(0) scale(0) rotate(var(--rotation,0deg))}15%{transform:translateZ(30px) scale(1.2) rotate(var(--rotation,0deg)) skew(3deg,-2deg)}30%{transform:translateZ(40px) scale(1.17) rotate(var(--rotation,0deg)) skew(2deg,-1deg)}50%{transform:translateZ(38px) scale(1.15) rotate(var(--rotation,0deg)) skew(1deg,0deg)}70%{transform:translateZ(36px) scale(1.13) rotate(var(--rotation,0deg)) skew(0deg,0deg)}100%{transform:translateZ(35px) scale(1.1) rotate(var(--rotation,0deg)) skew(0deg,0deg)}}}@keyframes innerImpactAppear{0%{opacity:0;transform:rotate(calc(var(--rotation, 0deg) - 60deg)) translateZ(15px) scale(0)}50%{opacity:.9;transform:rotate(calc(var(--rotation, 0deg) - 60deg)) translateZ(25px) scale(1.1)}100%{opacity:1;transform:rotate(calc(var(--rotation, 0deg) - 60deg)) translateZ(20px) scale(1)}}.metal-fragments{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:10}.metal-fragment{position:absolute;width:3px;height:3px;background:linear-gradient(45deg,#888 0%,#555 100%);opacity:0;pointer-events:none}@keyframes fragmentFly{0%{opacity:1;transform:translate(0,0) rotateZ(0deg)}100%{opacity:0;transform:translate(var(--fx),var(--fy)) rotateZ(720deg)}}.steam-container{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:10}.steam-container .steam{position:absolute;width:40px;height:40px;background:radial-gradient(circle,rgb(200 200 200 / .2) 0%,transparent 70%);border-radius:50%;opacity:0;filter:blur(3px);pointer-events:none}@keyframes steamRise{0%{opacity:.5;transform:translateY(0) scale(.5)}100%{opacity:0;transform:translateY(-80px) scale(1.5)}}@keyframes shakeFrame{0%,100%{transform:translate(0,0)}10%{transform:translate(-2px,1px)}20%{transform:translate(2px,-1px)}30%{transform:translate(-1px,2px)}40%{transform:translate(1px,-2px)}50%{transform:translate(-2px,1px)}60%{transform:translate(2px,-1px)}70%{transform:translate(-1px,1px)}80%{transform:translate(1px,-1px)}90%{transform:translate(-1px,0)}}.door-left{transform-style:preserve-3d;perspective:800px}.door-left .door-panel{transform-style:preserve-3d;position:relative;perspective:800px}@media (max-width:844px){.door-left{perspective:600px}.door-left .door-panel{perspective:600px}.impact-bulge{max-width:70%;max-height:70%}.inner-impact{transform:rotate(calc(var(--rotation, 0deg) - 60deg)) translateZ(8px)!important}}@media (max-width:400px){.door-left{perspective:500px}.door-left .door-panel{perspective:500px}.impact-bulge{max-width:65%;max-height:65%}.inner-impact{transform:rotate(calc(var(--rotation, 0deg) - 60deg)) translateZ(6px)!important}}.copyright-footer{position:fixed;bottom:0;left:0;width:100%;background:rgb(10 14 20 / .9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgb(0 255 255 / .3);padding:12px 20px;display:flex;align-items:center;justify-content:center;gap:20px;z-index:9990;box-shadow:0 -2px 20px rgb(0 255 255 / .1)}.footer-text{font-family:'Share Tech Mono',monospace;font-size:.85em;color:var(--neon-cyan);letter-spacing:2px;text-shadow:0 0 5px var(--neon-cyan),0 0 10px rgb(0 255 255 / .5);margin:0;white-space:nowrap;transition:all 0.3s ease}.footer-text:hover{color:#fff;text-shadow:0 0 8px var(--neon-cyan),0 0 15px var(--neon-cyan),0 0 20px rgb(0 255 255 / .8);letter-spacing:3px}.footer-line{flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,var(--neon-cyan) 50%,transparent 100%);box-shadow:0 0 5px var(--neon-cyan),0 0 10px rgb(0 255 255 / .3);animation:footerLineGlow 3s ease-in-out infinite}.left-line{background:linear-gradient(90deg,transparent 0%,var(--neon-cyan) 100%)}.right-line{background:linear-gradient(90deg,var(--neon-cyan) 0%,transparent 100%)}@keyframes footerLineGlow{0%,100%{opacity:.6;box-shadow:0 0 5px var(--neon-cyan),0 0 10px rgb(0 255 255 / .3)}50%{opacity:1;box-shadow:0 0 8px var(--neon-cyan),0 0 15px rgb(0 255 255 / .5)}}@media (max-width:844px){.copyright-footer{padding:10px 15px;gap:10px}.footer-text{font-size:.7em;letter-spacing:1px}.footer-text:hover{letter-spacing:2px}.footer-line{min-width:30px}}@media (max-width:400px){.copyright-footer{padding:8px 10px;gap:8px}.footer-text{font-size:.65em}.footer-line{min-width:20px}}.retro-keyboard-container{position:relative;margin-top:20px;perspective:800px}.retro-keyboard{position:relative;cursor:pointer;transition:all 0.3s ease;transform:perspective(800px) rotateX(50deg) rotateY(0deg) rotateZ(0deg) scale(.85);transform-origin:center top}.keyboard-body{background:linear-gradient(135deg,#c4b5a0 0%,#d4c5b0 20%,#b8a998 50%,#d4c5b0 80%,#c4b5a0 100%);border:4px solid #8b7d6b;border-radius:12px 12px 4px 4px;padding:18px 20px 25px 20px;box-shadow:inset 0 2px 4px rgb(255 255 255 / .3),inset 0 -8px 16px rgb(0 0 0 / .4),0 20px 40px rgb(0 0 0 / .7),0 8px 20px rgb(0 0 0 / .5);position:relative}.keyboard-body::before{content:'';position:absolute;bottom:-12px;left:0;right:0;height:12px;background:linear-gradient(180deg,#a89888 0%,#8b7d6b 50%,#6b5d4b 100%);border-radius:0 0 4px 4px;box-shadow:0 4px 8px rgb(0 0 0 / .6),inset 0 2px 4px rgb(0 0 0 / .4)}.keyboard-body::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgb(255 255 255 / .15) 0%,transparent 30%,rgb(0 0 0 / .1) 100%),radial-gradient(ellipse at 30% 40%,rgb(80 60 40 / .1) 0%,transparent 40%),radial-gradient(ellipse at 70% 60%,rgb(60 50 40 / .08) 0%,transparent 35%),radial-gradient(ellipse at 50% 80%,rgb(40 30 20 / .12) 0%,transparent 30%);border-radius:10px 10px 4px 4px;pointer-events:none}.keyboard-row{display:flex;gap:6px;margin-bottom:6px;justify-content:center}.keyboard-row:last-child{margin-bottom:0}.keyboard-row.function-row{gap:8px;margin-bottom:10px}.keyboard-row.space-row{margin-top:4px}.retro-key{background:linear-gradient(180deg,#e8dcc8 0%,#d8ccb8 30%,#c8bca8 70%,#a89888 100%);border:2px solid #9b8b7b;border-radius:3px;padding:8px 8px;min-width:24px;min-height:24px;box-shadow:inset 0 2px 3px rgb(255 255 255 / .4),inset 0 -2px 4px rgb(0 0 0 / .3),0 3px 5px rgb(0 0 0 / .4);position:relative;transform-style:preserve-3d}.function-row .retro-key{min-width:28px;padding:6px 8px}.retro-key.space-key{min-width:120px}.retro-key::before{content:'';position:absolute;top:2px;left:3px;right:3px;height:40%;background:linear-gradient(180deg,rgb(255 255 255 / .35) 0%,transparent 100%);border-radius:2px;pointer-events:none}.retro-key::after{content:'';position:absolute;top:30%;left:20%;right:20%;bottom:30%;background:radial-gradient(ellipse,rgb(100 80 60 / .15) 0%,transparent 60%);border-radius:50%;pointer-events:none}.keyboard-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:0;background:linear-gradient(135deg,rgb(10 14 20 / .95) 0%,rgb(15 20 28 / .98) 50%,rgb(10 14 20 / .95) 100%);border:3px solid var(--alien-green);border-radius:0;padding:20px;padding-bottom:40px;min-width:280px;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;pointer-events:none;z-index:1000;box-shadow:0 0 30px rgb(57 255 20 / .4),inset 0 0 20px rgb(57 255 20 / .1),0 10px 40px rgb(0 0 0 / .8);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}.keyboard-tooltip::after{content:'';position:absolute;bottom:-40px;left:-20px;right:-20px;height:40px;pointer-events:auto}.retro-keyboard-container:hover .keyboard-tooltip,.keyboard-tooltip:hover{opacity:1;visibility:visible;pointer-events:all}.tooltip-title{font-family:'Orbitron',monospace;font-size:1em;font-weight:700;color:var(--alien-green);text-align:center;margin-bottom:15px;letter-spacing:3px;text-shadow:0 0 10px var(--alien-green),0 0 20px rgb(57 255 20 / .5);border-bottom:2px solid var(--alien-green);padding-bottom:10px}.tooltip-buttons{display:flex;flex-direction:column;gap:12px}.tooltip-btn{background:linear-gradient(135deg,rgb(30 40 50 / .8) 0%,rgb(20 30 40 / .9) 100%);border:2px solid var(--neon-cyan);color:var(--neon-cyan);padding:12px 16px;font-family:'Share Tech Mono',monospace;font-size:.95em;letter-spacing:2px;cursor:pointer;position:relative;overflow:hidden;transition:all 0.3s ease;display:flex;align-items:center;gap:12px;box-shadow:0 0 10px rgb(0 255 255 / .2),inset 0 0 10px rgb(0 0 0 / .5);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}.tooltip-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgb(0 255 255 / .3) 50%,transparent 100%);transition:left 0.5s ease}.tooltip-btn:hover::before{left:100%}.tooltip-btn:hover{border-color:var(--alien-green);color:var(--alien-green);box-shadow:0 0 20px var(--alien-green),inset 0 0 15px rgb(57 255 20 / .2);transform:translateX(5px)}.tooltip-btn:active{transform:translateX(5px) scale(.98)}.tooltip-btn-icon{font-size:1.3em;color:var(--neon-cyan);transition:color 0.3s ease}.tooltip-btn:hover .tooltip-btn-icon{color:var(--alien-green);text-shadow:0 0 10px var(--alien-green)}.tooltip-btn-text{flex:1;text-align:left}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .95);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.popup-overlay.active{opacity:1;visibility:visible}.popup-container{position:relative;background:linear-gradient(135deg,rgb(10 10 10 / .98) 0%,rgb(26 26 26 / .98) 50%,rgb(10 10 10 / .98) 100%);border:4px solid var(--alien-green);max-width:900px;width:92%;max-height:88vh;overflow:hidden;padding:0;box-shadow:0 0 60px rgb(57 255 20 / .6),inset 0 0 40px rgb(57 255 20 / .08),0 25px 80px rgb(0 0 0 / .9);clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px),0 20px);transform:scale(.9);transition:transform 0.3s ease}.popup-overlay.active .popup-container{transform:scale(1)}.popup-tabs{display:flex;gap:12px;padding:20px 80px 0 20px;background:linear-gradient(180deg,rgb(15 15 15 / .9) 0%,rgb(10 10 10 / .7) 100%);border-bottom:2px solid rgb(0 255 65 / .3);position:relative;z-index:5}.popup-tab{position:relative;background:linear-gradient(135deg,rgb(20 20 20 / .8) 0%,rgb(10 10 10 / .9) 100%);border:2px solid rgb(0 255 65 / .4);color:var(--neon-green);padding:12px 20px;font-family:'Share Tech Mono',monospace;font-size:.9em;font-weight:700;letter-spacing:2px;cursor:pointer;transition:all 0.3s ease;flex:1;text-align:center;box-shadow:0 0 10px rgb(0 255 65 / .2),inset 0 0 15px rgb(0 0 0 / .5);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}.popup-tab.active{background:linear-gradient(135deg,rgb(57 255 20 / .15) 0%,rgb(0 255 65 / .25) 50%,rgb(57 255 20 / .15) 100%);border-color:var(--alien-green);color:var(--alien-green);box-shadow:0 0 25px rgb(57 255 20 / .5),inset 0 0 20px rgb(57 255 20 / .15);text-shadow:0 0 8px var(--alien-green);transform:translateY(-2px)}.popup-tab:hover:not(.active){border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 15px rgb(0 255 255 / .4);transform:translateY(-1px)}.popup-tab .tab-corner{position:absolute;width:8px;height:8px;border:2px solid #fff0;transition:border-color 0.3s ease}.popup-tab.active .tab-corner{border-color:var(--neon-cyan)}.popup-tab .tab-corner.tl{top:-2px;left:-2px;border-right:none;border-bottom:none}.popup-tab .tab-corner.tr{top:-2px;right:-2px;border-left:none;border-bottom:none}.popup-tab .tab-corner.bl{bottom:-2px;left:-2px;border-right:none;border-top:none}.popup-tab .tab-corner.br{bottom:-2px;right:-2px;border-left:none;border-top:none}.popup-tab-content{display:none;animation:fadeIn 0.4s ease-in}.popup-tab-content.active{display:block}.popup-close{position:absolute;top:20px;right:20px;width:50px;height:45px;background:linear-gradient(135deg,rgb(255 0 64 / .3) 0%,rgb(200 0 50 / .4) 100%);border:2px solid var(--neon-red);color:var(--neon-red);font-size:1.5em;cursor:pointer;z-index:10001;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;box-shadow:0 0 15px rgb(255 0 64 / .3);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}.popup-close:hover{background:linear-gradient(135deg,rgb(255 0 64 / .5) 0%,rgb(200 0 50 / .6) 100%);box-shadow:0 0 30px rgb(255 0 64 / .6),inset 0 0 20px rgb(255 0 64 / .3)}.close-icon{font-weight:700;text-shadow:0 0 10px var(--neon-red)}.popup-content{padding:35px;overflow-y:auto;max-height:calc(88vh - 80px);color:var(--neon-green);font-family:'Share Tech Mono',monospace;font-size:1em;line-height:1.8;letter-spacing:1px;position:relative;background:repeating-linear-gradient(0deg,rgb(0 0 0 / .1),rgb(0 0 0 / .1) 1px,transparent 1px,transparent 2px)}.popup-content::-webkit-scrollbar{width:10px}.popup-content::-webkit-scrollbar-track{background:rgb(0 0 0 / .4);border-left:1px solid rgb(0 255 65 / .3)}.popup-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--neon-green) 0%,var(--alien-green) 100%);border-radius:5px;box-shadow:0 0 10px var(--neon-green)}.popup-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--alien-green) 0%,var(--neon-cyan) 100%)}.popup-content h2{font-family:'Orbitron',monospace;font-size:2em;font-weight:700;color:var(--alien-green);text-align:center;margin-bottom:30px;letter-spacing:4px;text-shadow:0 0 15px var(--alien-green),0 0 30px rgb(57 255 20 / .5);border-bottom:3px solid var(--alien-green);padding-bottom:15px;animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%,100%{text-shadow:0 0 15px var(--alien-green),0 0 30px rgb(57 255 20 / .5)}50%{text-shadow:0 0 20px var(--alien-green),0 0 40px rgb(57 255 20 / .7),0 0 60px rgb(57 255 20 / .3)}}.popup-content h3{font-family:'Share Tech Mono',monospace;font-size:1.2em;color:var(--neon-cyan);margin-top:20px;margin-bottom:10px;letter-spacing:2px;text-shadow:0 0 10px var(--neon-cyan)}.popup-content p{margin:12px 0;color:var(--neon-green)}.guide-section,.mode-section{margin-bottom:25px;padding:15px;background:rgb(0 255 65 / .03);border-left:3px solid var(--neon-green);box-shadow:inset 0 0 20px rgb(0 0 0 / .5),0 0 10px rgb(0 255 65 / .1)}.guide-section:hover,.mode-section:hover{background:rgb(0 255 65 / .06);border-left-color:var(--alien-green);box-shadow:inset 0 0 25px rgb(0 0 0 / .6),0 0 15px rgb(0 255 65 / .2)}.roles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-top:25px}.role-card{position:relative;background:linear-gradient(135deg,rgb(15 15 15 / .9) 0%,rgb(20 20 20 / .95) 50%,rgb(15 15 15 / .9) 100%);border:3px solid rgb(0 255 65 / .5);padding:25px 20px;text-align:center;transition:all 0.4s ease;box-shadow:0 0 20px rgb(0 255 65 / .3),inset 0 0 30px rgb(0 0 0 / .7);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}.role-card:hover{border-color:var(--neon-cyan);box-shadow:0 0 35px rgb(0 255 255 / .6),inset 0 0 40px rgb(0 255 255 / .1);transform:translateY(-5px)}.role-corner{position:absolute;width:12px;height:12px;border:2px solid var(--neon-cyan);opacity:.6;transition:all 0.4s ease}.role-card:hover .role-corner{opacity:1;border-color:var(--alien-green);box-shadow:0 0 8px var(--alien-green)}.role-corner.tl{top:-3px;left:-3px;border-right:none;border-bottom:none}.role-corner.tr{top:-3px;right:-3px;border-left:none;border-bottom:none}.role-corner.bl{bottom:-3px;left:-3px;border-right:none;border-top:none}.role-corner.br{bottom:-3px;right:-3px;border-left:none;border-top:none}.role-icon{font-size:3.5em;margin-bottom:15px;animation:iconPulse 2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgb(0 255 65 / .5))}@keyframes iconPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 10px rgb(0 255 65 / .5))}50%{transform:scale(1.1);filter:drop-shadow(0 0 20px rgb(0 255 255 / .7))}}.role-card:hover .role-icon{animation:iconPulseFast 1s ease-in-out infinite}@keyframes iconPulseFast{0%,100%{transform:scale(1.05);filter:drop-shadow(0 0 15px rgb(0 255 255 / .7))}50%{transform:scale(1.15);filter:drop-shadow(0 0 25px rgb(57 255 20 / .9))}}.role-title{font-family:'Orbitron',monospace;font-size:1.3em;font-weight:700;color:var(--alien-green);margin-bottom:12px;letter-spacing:3px;text-shadow:0 0 10px var(--alien-green)}.role-card:hover .role-title{color:var(--neon-cyan);text-shadow:0 0 15px var(--neon-cyan)}.role-divider{width:60%;height:2px;margin:12px auto;background:linear-gradient(90deg,transparent 0%,var(--neon-green) 50%,transparent 100%);box-shadow:0 0 8px var(--neon-green);transition:all 0.4s ease}.role-card:hover .role-divider{width:80%;background:linear-gradient(90deg,transparent 0%,var(--neon-cyan) 50%,transparent 100%);box-shadow:0 0 12px var(--neon-cyan)}.role-description{font-family:'Share Tech Mono',monospace;font-size:.95em;color:var(--neon-green);line-height:1.6;margin-bottom:15px;min-height:50px}.role-status{font-family:'Share Tech Mono',monospace;font-size:.85em;color:var(--alien-green);letter-spacing:2px;padding:8px 15px;background:rgb(57 255 20 / .1);border:1px solid var(--alien-green);display:inline-block;text-shadow:0 0 5px var(--alien-green);box-shadow:0 0 10px rgb(57 255 20 / .3),inset 0 0 10px rgb(57 255 20 / .1);animation:statusBlink 2s ease-in-out infinite}@keyframes statusBlink{0%,100%{opacity:1}50%{opacity:.7}}.role-card:hover .role-status{animation:statusBlinkFast 0.8s ease-in-out infinite;border-color:var(--neon-cyan);color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan)}@keyframes statusBlinkFast{0%,100%{opacity:1}50%{opacity:.8}}.role-expand-btn{font-family:'Share Tech Mono',monospace;font-size:.8em;color:var(--neon-cyan);background:linear-gradient(135deg,rgb(0 255 255 / .1) 0%,rgb(0 200 255 / .15) 100%);border:2px solid var(--neon-cyan);padding:8px 16px;margin-top:12px;cursor:pointer;letter-spacing:1.5px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;transition:all 0.3s ease;box-shadow:0 0 10px rgb(0 255 255 / .2),inset 0 0 10px rgb(0 0 0 / .3);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}.role-expand-btn:hover{background:linear-gradient(135deg,rgb(0 255 255 / .2) 0%,rgb(0 200 255 / .25) 100%);border-color:var(--alien-green);color:var(--alien-green);box-shadow:0 0 20px rgb(57 255 20 / .4),inset 0 0 15px rgb(57 255 20 / .1)}.role-expand-btn:active{transform:scale(.98)}.expand-icon{font-size:1em;transition:transform 0.3s ease;display:inline-block}.expand-text{font-weight:700}.role-backstory-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .7);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:15000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.role-backstory-overlay.active{opacity:1;visibility:visible}.role-backstory-popup{position:relative;background:linear-gradient(135deg,rgb(10 10 10 / .98) 0%,rgb(20 20 20 / .98) 50%,rgb(10 10 10 / .98) 100%);border:3px solid var(--neon-cyan);max-width:600px;width:85%;max-height:70vh;overflow:hidden;padding:25px;box-shadow:0 0 40px rgb(0 255 255 / .6),inset 0 0 30px rgb(0 255 255 / .08),0 15px 60px rgb(0 0 0 / .9);clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px);transform:scale(.9);transition:transform 0.3s ease}.role-backstory-overlay.active .role-backstory-popup{transform:scale(1)}.backstory-popup-close{position:absolute;top:10px;right:10px;width:35px;height:35px;background:linear-gradient(135deg,rgb(255 0 64 / .3) 0%,rgb(200 0 50 / .4) 100%);border:2px solid var(--neon-red);color:var(--neon-red);font-size:1.3em;cursor:pointer;z-index:15001;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;box-shadow:0 0 15px rgb(255 0 64 / .3);clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px)}.close-icon{font-weight:700;text-shadow:0 0 10px var(--neon-red)}.backstory-popup-content{overflow-y:auto;max-height:calc(70vh - 70px);padding-right:10px}.backstory-popup-content::-webkit-scrollbar{width:8px}.backstory-popup-content::-webkit-scrollbar-track{background:rgb(0 0 0 / .4);border-left:1px solid rgb(0 255 255 / .3)}.backstory-popup-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--neon-cyan) 0%,var(--alien-green) 100%);border-radius:4px;box-shadow:0 0 8px var(--neon-cyan)}.backstory-popup-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--alien-green) 0%,var(--neon-cyan) 100%)}.backstory-popup-title{font-family:'Orbitron',monospace;font-size:1.5em;font-weight:700;color:var(--alien-green);text-align:center;margin-bottom:20px;letter-spacing:3px;text-shadow:0 0 15px var(--alien-green),0 0 30px rgb(57 255 20 / .5);border-bottom:2px solid var(--neon-cyan);padding-bottom:12px}.backstory-popup-divider{width:100%;height:2px;margin:15px 0;background:linear-gradient(90deg,transparent 0%,var(--neon-cyan) 50%,transparent 100%);box-shadow:0 0 8px var(--neon-cyan)}.backstory-popup-paragraph{font-family:'Share Tech Mono',monospace;font-size:.95em;color:var(--neon-green);line-height:1.8;margin-bottom:15px;text-align:left;padding:12px 15px;background:rgb(0 255 65 / .03);border-left:2px solid rgb(0 255 65 / .4);box-shadow:inset 0 0 15px rgb(0 0 0 / .3)}.backstory-popup-paragraph:last-child{margin-bottom:0}@media (max-width:1200px){.retro-keyboard{transform:perspective(700px) rotateX(52deg) rotateY(0deg) rotateZ(0deg) scale(.75)}.keyboard-body{padding:15px 18px 22px 18px}}@media (max-width:768px){.retro-keyboard{transform:perspective(600px) rotateX(55deg) rotateY(0deg) rotateZ(0deg) scale(.7)}.keyboard-body{padding:12px 15px 18px 15px}.keyboard-row{gap:5px;margin-bottom:5px}.retro-key{padding:6px 6px;min-width:20px;min-height:20px}.function-row .retro-key{min-width:24px;padding:5px 6px}.retro-key.space-key{min-width:100px}.keyboard-tooltip{min-width:240px;padding:15px}.tooltip-title{font-size:.9em;margin-bottom:12px}.tooltip-btn{padding:10px 14px;font-size:.85em}.popup-container{width:95%;max-height:90vh;padding:0}.popup-tabs{padding:15px 65px 0 15px;gap:8px}.popup-tab{padding:10px 12px;font-size:.75em;letter-spacing:1px}.popup-content{padding:25px 20px;max-height:calc(90vh - 70px)}.popup-content h2{font-size:1.5em;margin-bottom:20px}.popup-content h3{font-size:1.1em}.popup-content{font-size:.95em;line-height:1.6}.roles-grid{grid-template-columns:1fr;gap:20px}.role-card{padding:20px 15px}.role-icon{font-size:3em}.role-title{font-size:1.2em}}@media (max-width:844px){.retro-keyboard{transform:perspective(500px) rotateX(58deg) rotateY(0deg) rotateZ(0deg) scale(.6)}.keyboard-body{padding:10px 12px 15px 12px}.keyboard-row{gap:4px;margin-bottom:4px}.retro-key{padding:5px 5px;min-width:18px;min-height:18px}.function-row .retro-key{min-width:20px;padding:4px 5px}.retro-key.space-key{min-width:80px}.function-row .retro-key:nth-child(n+6){display:none}.keyboard-row:nth-child(2) .retro-key:nth-child(n+7),.keyboard-row:nth-child(3) .retro-key:nth-child(n+7),.keyboard-row:nth-child(4) .retro-key:nth-child(n+6),.keyboard-row:nth-child(5) .retro-key:nth-child(n+6){display:none}.keyboard-tooltip{min-width:220px;padding:12px;padding-bottom:35px;margin-bottom:0}.keyboard-tooltip::after{bottom:-35px;height:35px}.tooltip-title{font-size:.85em;margin-bottom:10px;letter-spacing:2px}.tooltip-buttons{gap:10px}.tooltip-btn{padding:10px 12px;font-size:.8em;gap:10px}.tooltip-btn-icon{font-size:1.2em}.popup-container{width:96%;max-height:92vh;padding:0}.popup-tabs{padding:12px 60px 0 10px;gap:6px;flex-wrap:nowrap;overflow-x:auto}.popup-tab{padding:10px 15px;font-size:.7em;letter-spacing:1px;min-width:fit-content;flex:0 0 auto}.popup-content{padding:20px 15px;max-height:calc(92vh - 65px);font-size:.9em;line-height:1.6}.popup-content h2{font-size:1.3em;margin-bottom:20px;letter-spacing:2px}.popup-content h3{font-size:1em;letter-spacing:1px}.guide-section,.mode-section{margin-bottom:20px;padding:12px}.roles-grid{grid-template-columns:1fr;gap:18px}.role-card{padding:18px 12px}.role-icon{font-size:2.8em;margin-bottom:12px}.role-title{font-size:1.1em;letter-spacing:2px}.role-description{font-size:.9em;min-height:45px}.role-status{font-size:.75em;padding:6px 12px}.popup-close{width:40px;height:40px;font-size:1.3em;top:20px;right:15px}}@media (hover:none) and (pointer:coarse){.keyboard-tooltip{opacity:0;visibility:hidden}.retro-keyboard-container.touch-active .keyboard-tooltip{opacity:1;visibility:visible;pointer-events:all}.tooltip-btn:active{transform:translateX(3px) scale(.98);border-color:var(--alien-green);color:var(--alien-green)}}@media (max-width:375px) and (orientation:portrait){.left-panel{max-width:100%}}@media (max-width:950px) and (orientation:landscape){.left-panel{max-width:100%}}@media (max-height:920px){.bridge-faceplate{position:absolute;top:1%;left:50%;transform:translateX(-50%);z-index:5;width:200px}..door-main{display:flex;width:70%;height:54%;position:absolute;bottom:20%;left:50%;transform:translateX(-50%);z-index:2;gap:4px}}@media (max-width:1920px) and (max-height:920px){.bridge-faceplate{position:absolute;top:1%;left:50%;transform:translateX(-50%);z-index:5;width:400px}.door-main{display:flex;width:70%;height:63%;position:absolute;bottom:17%;left:50%;transform:translateX(-50%);z-index:2;gap:4px}}@media (max-width:450px) and (max-height:926px){.bridge-faceplate{position:absolute;top:1%;left:50%;transform:translateX(-50%);z-index:5;width:400px}.door-main{display:flex;width:70%;height:60%;position:absolute;bottom:20%;left:50%;transform:translateX(-50%);z-index:2;gap:4px}}@media (max-width:950px) and (max-height:450px) and (orientation:landscape){.container{padding:5px;gap:5px}.right-panel{min-height:300px}.bridge-faceplate{position:absolute;top:0%;z-index:5;width:200px}.faceplate-frame{padding:0 15px}.faceplate-text{font-size:.9em;letter-spacing:4px}.faceplate-rivet{width:5px;height:5px}.stamp-code{font-size:.35em;letter-spacing:1px}.door-frame{position:relative;height:100%;min-height:375px;width:100%;display:flex;justify-content:center;align-items:center}.door-main{display:flex;width:90%;height:63%;position:absolute;bottom:150px;transform:translateX(-50%);z-index:2;gap:4px}.door-container{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;gap:5px;padding:5px;align-items:center}.control-panel{position:static;grid-column:2;grid-row:1 / 3;width:140px;margin:0;padding:8px;top:auto;right:auto;transform:none;align-self:start;margin-top:80px}.door-main{display:flex;width:70%;height:80%;position:absolute;bottom:0;z-index:2;gap:4px}.door-seam{height:60%;opacity:1;top:55%;left:50%;transform:translate(-50%,-50%);position:absolute}.panel-screen{padding:6px;margin-bottom:8px}.panel-text{font-size:.7em}.door-button{padding:5px;font-size:.65em;gap:2px}.btn-icon{font-size:.85em}.control-buttons{gap:6px;margin-bottom:8px}.keypad{gap:3px}.keypad-button{padding:5px;font-size:.7em}.keypad-container.revealed{max-height:180px;margin-top:8px}.region-selector{margin-top:6px}.region-label{font-size:.6em;margin-bottom:4px}.region-options{gap:4px}.region-button{padding:4px 3px;gap:2px}.region-icon{font-size:.9em}.region-text{font-size:.6em}.supporter-code-toggle{padding:5px 8px;font-size:.6em;margin-top:6px}.supporter-code-toggle .toggle-text{font-size:.9em}.warning-strip{left:10px;right:10px;height:15px}.warning-strip.top{top:5px}.warning-strip.bottom{bottom:50px}.frame-corner{width:15px;height:15px;border-width:2px}.frame-corner.top-left,.frame-corner.top-right{top:5px}.frame-corner.top-left,.frame-corner.bottom-left{left:5px}.frame-corner.top-right,.frame-corner.bottom-right{right:5px}.frame-corner.bottom-left,.frame-corner.bottom-right{bottom:5px}.grated-floor{display:none}.floor-tile{height:20px}.tile-step{gap:3px;margin-bottom:3px}.floor-steam{width:10px;height:30px}.corridor-view{width:60%;height:50%}.steam{display:none}}@media (max-width:1080px) and (max-height:850px) and (orientation:landscape){.container{padding:5px;gap:5px}.right-panel{min-height:300px}.bridge-faceplate{position:absolute;top:0%;z-index:5;width:200px}.faceplate-frame{padding:0 15px}.faceplate-text{font-size:.9em;letter-spacing:4px}.faceplate-rivet{width:5px;height:5px}.stamp-code{font-size:.35em;letter-spacing:1px}.door-frame{position:relative;height:100%;min-height:375px;width:100%;display:flex;justify-content:center;align-items:center}.door-main{display:flex;width:90%;height:63%;position:absolute;bottom:150px;transform:translateX(-50%);z-index:2;gap:4px}.door-container{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;gap:5px;padding:5px;align-items:center}.control-panel{position:static;grid-column:2;grid-row:1 / 3;width:140px;margin:0;padding:8px;top:auto;right:auto;transform:none;align-self:start;margin-top:80px}.door-main{display:flex;width:70%;height:80%;position:absolute;bottom:0;z-index:2;gap:4px}.door-seam{height:60%;opacity:1;top:55%;left:50%;transform:translate(-50%,-50%);position:absolute}.panel-screen{padding:6px;margin-bottom:8px}.panel-text{font-size:.7em}.door-button{padding:5px;font-size:.65em;gap:2px}.btn-icon{font-size:.85em}.control-buttons{gap:6px;margin-bottom:8px}.keypad{gap:3px}.keypad-button{padding:5px;font-size:.7em}.keypad-container.revealed{max-height:180px;margin-top:8px}.region-selector{margin-top:6px}.region-label{font-size:.6em;margin-bottom:4px}.region-options{gap:4px}.region-button{padding:4px 3px;gap:2px}.region-icon{font-size:.9em}.region-text{font-size:.6em}.supporter-code-toggle{padding:5px 8px;font-size:.6em;margin-top:6px}.supporter-code-toggle .toggle-text{font-size:.9em}.warning-strip{left:10px;right:10px;height:15px}.warning-strip.top{top:5px}.warning-strip.bottom{bottom:50px}.frame-corner{width:15px;height:15px;border-width:2px}.frame-corner.top-left,.frame-corner.top-right{top:5px}.frame-corner.top-left,.frame-corner.bottom-left{left:5px}.frame-corner.top-right,.frame-corner.bottom-right{right:5px}.frame-corner.bottom-left,.frame-corner.bottom-right{bottom:5px}.grated-floor{display:none}.floor-tile{height:20px}.tile-step{gap:3px;margin-bottom:3px}.floor-steam{width:10px;height:30px}.corridor-view{width:60%;height:50%}.steam{display:none}}@media (max-width:700px) and (max-height:400px) and (orientation:landscape){.door-main{display:flex;width:71%;height:76%;position:absolute;bottom:17px;z-index:2;gap:4px}.bridge-faceplate{position:absolute;top:0%;z-index:5;width:150px}}