*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:system-ui,-apple-system,sans-serif;background-color:#000}.nav-label{font-family:system-ui,-apple-system,sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:2px;white-space:nowrap;text-shadow:0 2px 10px rgba(0,0,0,.8);pointer-events:none;-webkit-user-select:none;user-select:none}.nav-label.hovered{font-size:16px;text-shadow:0 0 20px currentColor,0 2px 10px rgba(0,0,0,.8)}.mobile-controls{position:fixed;inset:0;pointer-events:none;z-index:200;touch-action:none}.mobile-instructions{position:absolute;top:20px;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:11px;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(0,0,0,.8);background:#0000004d;padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.1);animation:fadeInOut 5s ease-in-out forwards}@keyframes fadeInOut{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}.joystick-container{position:absolute;bottom:40px;width:120px;height:120px;pointer-events:auto;touch-action:none}.joystick-container.left{left:30px}.joystick-container.right{right:30px}.joystick-base{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.joystick-base.direction{background:radial-gradient(circle,#6366f126,#0006);border:2px solid rgba(99,102,241,.4);box-shadow:0 0 20px #6366f133,inset 0 0 30px #0000004d}.joystick-base.movement{background:radial-gradient(circle,#fb923c26,#0006);border:2px solid rgba(251,146,60,.4);box-shadow:0 0 20px #fb923c33,inset 0 0 30px #0000004d}.joystick-handle{width:50px;height:50px;border-radius:50%;border:2px solid rgba(255,255,255,.3);transition:transform .05s ease-out;z-index:2}.joystick-base.direction .joystick-handle{background:radial-gradient(circle at 30% 30%,#a78bfae6,#6366f1cc);box-shadow:0 0 15px #6366f199,0 4px 8px #0006}.joystick-base.movement .joystick-handle{background:radial-gradient(circle at 30% 30%,#fdba74e6,#fb923ccc);box-shadow:0 0 15px #fb923c99,0 4px 8px #0006}.joystick-label{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:20px;opacity:.7}.joystick-base.movement:before,.joystick-base.movement:after{content:"";position:absolute;width:0;height:0;opacity:.4}.joystick-base.movement:before{top:8px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid rgba(251,146,60,.8)}.joystick-base.movement:after{bottom:8px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid rgba(251,146,60,.8)}@media(max-width:480px){.joystick-container{width:100px;height:100px;bottom:30px}.joystick-container.left{left:20px}.joystick-container.right{right:20px}.joystick-handle{width:40px;height:40px}.joystick-label{font-size:16px;bottom:-22px}}@media(max-height:500px){.joystick-container{bottom:15px;width:90px;height:90px}.joystick-handle{width:35px;height:35px}}.cockpit-hud{position:fixed;inset:0;pointer-events:none;z-index:10;overflow:hidden}.cockpit-hud.warping{animation:shake .1s infinite}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,2px)}}.cockpit-frame-top{position:absolute;top:0;left:0;right:0;height:60px;display:flex;align-items:flex-start}.frame-corner{width:120px;height:60px;background:linear-gradient(135deg,rgba(10,10,25,.95) 0%,transparent 70%);border-bottom:2px solid rgba(99,102,241,.6)}.frame-corner.left{border-right:2px solid rgba(99,102,241,.6);clip-path:polygon(0 0,100% 0,70% 100%,0 100%)}.frame-corner.right{border-left:2px solid rgba(99,102,241,.6);clip-path:polygon(0 0,100% 0,100% 100%,30% 100%);background:linear-gradient(-135deg,rgba(10,10,25,.95) 0%,transparent 70%)}.frame-line{flex:1;height:3px;background:linear-gradient(90deg,#6366f199,#6366f133 30% 70%,#6366f199);margin-top:8px}.cockpit-frame-left,.cockpit-frame-right{position:absolute;top:60px;bottom:120px;width:80px}.cockpit-frame-left{left:0;background:linear-gradient(90deg,rgba(10,10,25,.9) 0%,transparent 100%);border-right:2px solid rgba(99,102,241,.4)}.cockpit-frame-right{right:0;background:linear-gradient(-90deg,rgba(10,10,25,.9) 0%,transparent 100%);border-left:2px solid rgba(99,102,241,.4)}.side-panel{display:flex;flex-direction:column;gap:30px;padding:20px 10px}.panel-line{height:3px;background:#6366f180;box-shadow:0 0 10px #6366f180}.cockpit-console{position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(0deg,rgba(10,10,25,.95) 0%,transparent 100%);display:flex;align-items:flex-end;justify-content:space-between;padding:0 40px 20px}.console-left,.console-right{width:150px}.gauge{display:flex;flex-direction:column;gap:5px}.gauge-label{font-family:Orbitron,monospace;font-size:10px;color:#6366f1cc;letter-spacing:2px}.gauge-bar{height:6px;background:#6366f133;border:1px solid rgba(99,102,241,.5);border-radius:3px;overflow:hidden}.gauge-fill{height:100%;width:70%;background:linear-gradient(90deg,#6366f1,#a5b4fc);box-shadow:0 0 10px #6366f1cc;animation:pulse-gauge 2s ease-in-out infinite}.gauge-fill.power{width:85%;background:linear-gradient(90deg,#10b981,#6ee7b7);box-shadow:0 0 10px #10b981cc}@keyframes pulse-gauge{0%,to{opacity:1}50%{opacity:.7}}.console-center{display:flex;justify-content:center;align-items:center;margin-bottom:40px}.targeting-reticle{width:60px;height:60px;position:relative}.reticle-ring{position:absolute;inset:0;border:2px solid rgba(99,102,241,.6);border-radius:50%;animation:rotate-reticle 10s linear infinite}.reticle-cross{position:absolute;background:#6366f199}.reticle-cross.horizontal{top:50%;left:0;right:0;height:1px;transform:translateY(-50%)}.reticle-cross.vertical{left:50%;top:0;bottom:0;width:1px;transform:translate(-50%)}@keyframes rotate-reticle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.visor-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(10,10,25,.3) 100%);pointer-events:none}.controls-guide{position:absolute;top:50%;right:100%;transform:translateY(-50%);margin-right:15px;display:flex;flex-direction:column;gap:8px;padding:12px;background:#0a0a19cc;border:1px solid rgba(99,102,241,.4);border-radius:8px;min-width:120px}.guide-title{font-family:Orbitron,monospace;font-size:9px;color:#6366f1e6;letter-spacing:2px;text-align:center;padding-bottom:6px;border-bottom:1px solid rgba(99,102,241,.3);margin-bottom:4px}.control-item{display:flex;align-items:center;gap:8px}.key-group{display:flex;gap:2px}.key{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;background:#6366f133;border:1px solid rgba(99,102,241,.5);border-radius:4px;font-family:Orbitron,monospace;font-size:9px;color:#a5b4fce6}.key.mouse{font-size:12px}.control-desc{font-family:Orbitron,monospace;font-size:9px;color:#a5b4fcb3;letter-spacing:1px}.fire-button{position:absolute;bottom:140px;right:20px;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,#ef44444d,#ef44441a);border:2px solid rgba(239,68,68,.6);display:none;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;pointer-events:auto;transition:all .15s ease;box-shadow:0 0 20px #ef44444d}.fire-button:active{transform:scale(.95);background:radial-gradient(circle,#ef444480,#ef444433);box-shadow:0 0 30px #ef444499}.fire-icon{font-size:24px;filter:drop-shadow(0 0 5px rgba(239,68,68,.8))}.fire-text{font-family:Orbitron,monospace;font-size:10px;color:#ef4444e6;letter-spacing:2px}@media(max-width:768px){.cockpit-frame-left,.cockpit-frame-right{width:40px}.frame-corner{width:60px}.cockpit-console{height:80px;padding:0 20px 10px}.console-left,.console-right{width:80px}.targeting-reticle{width:40px;height:40px}.controls-guide{display:none!important}.fire-button{display:flex}.pointer-lock-notice,.pointer-lock-active{display:none!important}}@media(max-height:600px){.controls-guide,.pointer-lock-notice,.pointer-lock-active{display:none!important}.fire-button{display:flex;bottom:100px;width:60px;height:60px}}@media(pointer:coarse){.controls-guide,.pointer-lock-notice,.pointer-lock-active{display:none!important}.fire-button{display:flex}}@media(hover:none){.controls-guide,.pointer-lock-notice,.pointer-lock-active{display:none!important}.fire-button{display:flex}}.pointer-lock-notice{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 30px;background:#0a0a19e6;border:2px solid rgba(99,102,241,.6);border-radius:12px;animation:pulse-notice 2s ease-in-out infinite}.pointer-lock-notice .notice-icon{font-size:32px}.pointer-lock-notice span{font-family:Orbitron,monospace;font-size:14px;color:#a5b4fce6;letter-spacing:1px}@keyframes pulse-notice{0%,to{box-shadow:0 0 20px #6366f14d;border-color:#6366f199}50%{box-shadow:0 0 30px #6366f180;border-color:#6366f1e6}}.pointer-lock-active{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 16px;background:#0a0a19b3;border:1px solid rgba(99,102,241,.4);border-radius:8px}.pointer-lock-active .key-hint{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;background:#6366f14d;border:1px solid rgba(99,102,241,.6);border-radius:4px;font-family:Orbitron,monospace;font-size:11px;color:#a5b4fc;font-weight:700}.pointer-lock-active span:not(.key-hint):not(.view-mode){font-family:Orbitron,monospace;font-size:11px;color:#a5b4fcb3}.pointer-lock-active .view-mode{margin-left:15px;padding:4px 10px;background:#22c55e33;border:1px solid rgba(34,197,94,.5);border-radius:4px;font-family:Orbitron,monospace;font-size:10px;color:#86eface6;letter-spacing:1px}.planet-proximity-warning{position:absolute;bottom:140px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px 25px;background:#0a0a19f2;border:2px solid var(--planet-color, #f59e0b);border-radius:12px;animation:warning-pulse .5s ease-in-out infinite alternate;min-width:200px}@keyframes warning-pulse{0%{box-shadow:0 0 15px #f59e0b4d;transform:translate(-50%) scale(1)}to{box-shadow:0 0 30px #f59e0b99;transform:translate(-50%) scale(1.02)}}.planet-proximity-warning .warning-icon{font-size:28px;animation:warning-shake .3s ease-in-out infinite}@keyframes warning-shake{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.planet-proximity-warning .warning-text{display:flex;flex-direction:column;align-items:center;gap:4px}.planet-proximity-warning .warning-title{font-family:Orbitron,monospace;font-size:10px;color:#f59e0b;letter-spacing:2px;text-transform:uppercase}.planet-proximity-warning .planet-name{font-family:Orbitron,monospace;font-size:18px;font-weight:700;letter-spacing:3px;text-shadow:0 0 10px currentColor}.planet-proximity-warning .distance-text{font-family:Orbitron,monospace;font-size:12px;color:#ffffffb3}.planet-proximity-warning .warning-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-top:5px}.planet-proximity-warning .warning-bar-fill{height:100%;border-radius:3px;transition:width .1s ease;box-shadow:0 0 10px currentColor}.terminal-container{position:absolute;top:80px;bottom:140px;width:70px;overflow:hidden;pointer-events:none}.terminal-container.left{left:5px}.terminal-container.right{right:5px}.terminal-line{position:absolute;font-family:Courier New,monospace;font-size:8px;letter-spacing:0px;white-space:nowrap;transition:opacity 1.5s ease-in-out;text-shadow:0 0 6px currentColor;overflow:hidden;text-overflow:clip;max-width:100%}.terminal-line.left{left:0;color:#6366f1b3;text-align:left}.terminal-line.right{right:0;color:#22c55eb3;text-align:right}.terminal-prefix{color:#fbbf2480;margin-right:2px}.terminal-line.right .terminal-prefix{margin-right:0;margin-left:2px;order:1}.data-stream{position:absolute;bottom:10px;display:flex;flex-direction:column;gap:2px;font-family:Courier New,monospace;font-size:7px;opacity:.12;max-width:100%;overflow:hidden}.data-stream.left{left:0;color:#6366f1;text-align:left}.data-stream.right{right:0;color:#22c55e;text-align:right}.data-value{letter-spacing:1px;animation:data-flicker .1s steps(2) infinite}.data-value:nth-child(odd){animation-delay:.05s}@keyframes data-flicker{0%,to{opacity:1}50%{opacity:.7}}.cockpit-hud:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;animation:scanline-move 8s linear infinite}@keyframes scanline-move{0%{background-position:0 0}to{background-position:0 100px}}@media(max-width:768px){.terminal-container{display:none}}.death-screen{position:fixed;inset:0;background:#0a0000f2;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;background:#f00c}to{opacity:1;background:#0a0000f2}}.death-content{text-align:center;color:#fff;animation:slideUp .5s ease-out .2s both}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.death-icon{font-size:80px;margin-bottom:20px;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.death-title{font-family:Orbitron,monospace;font-size:64px;font-weight:900;color:#ef4444;text-shadow:0 0 30px rgba(239,68,68,.8);margin:0 0 10px;letter-spacing:8px}.death-subtitle{font-family:Orbitron,monospace;font-size:18px;color:#ffffffb3;margin:0 0 20px;letter-spacing:2px}.death-killer{font-family:Orbitron,monospace;font-size:14px;color:#ffffff80;margin:0 0 40px}.killer-name{color:#ef4444;font-weight:700}.death-actions{margin-bottom:60px}.respawn-button{font-family:Orbitron,monospace;font-size:18px;padding:15px 40px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:2px solid rgba(99,102,241,.8);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;letter-spacing:2px;text-transform:uppercase}.respawn-button:hover{transform:scale(1.05);box-shadow:0 0 30px #6366f199}.respawn-button:active{transform:scale(.98)}.death-credits{position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.death-credits p{font-family:Orbitron,monospace;font-size:12px;color:#fff6;margin:5px 0;letter-spacing:1px}.credits-tech{font-size:10px!important;color:#6366f199!important}.explosion-particles{position:absolute;top:50%;left:50%;pointer-events:none}.particle{position:absolute;width:8px;height:8px;background:#ef4444;border-radius:50%;animation:explode 1s ease-out var(--delay) forwards}@keyframes explode{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--x),var(--y)) scale(0);opacity:0}}@media(max-width:768px){.death-title{font-size:36px;letter-spacing:4px}.death-icon{font-size:50px}.death-subtitle{font-size:14px}.respawn-button{font-size:14px;padding:12px 30px}}.never-planet-victory{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);opacity:0;pointer-events:none;transition:all .5s ease-out}.never-planet-victory.visible{background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1;pointer-events:auto}.confetti-container{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti{position:absolute;top:-20px;border-radius:2px;animation:confetti-fall linear forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.victory-modal{position:relative;background:linear-gradient(135deg,#0a0015,#1a0030,#0a0015);border:1px solid rgba(138,43,226,.3);border-radius:20px;padding:3rem;max-width:500px;width:90%;text-align:center;transform:scale(.8) translateY(20px);opacity:0;animation:modal-enter .6s ease-out .2s forwards;box-shadow:0 0 60px #8a2be24d,0 0 120px #8a2be21a,inset 0 0 60px #8a2be20d}@keyframes modal-enter{to{transform:scale(1) translateY(0);opacity:1}}.victory-glitch-line{position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,#a855f7,transparent);animation:glitch-line 2s ease-in-out infinite}@keyframes glitch-line{0%,to{opacity:.5;width:60%}50%{opacity:1;width:80%}}.victory-icon{font-size:4rem;margin-bottom:1rem;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.victory-title{font-size:2.5rem;font-weight:900;margin:0 0 .5rem;color:#fff;text-transform:uppercase;letter-spacing:.2em}.glitch-text{position:relative;display:inline-block;animation:glitch 2s infinite}.glitch-text:before{color:#f0f;animation:glitch-1 .3s infinite;clip-path:polygon(0 0,100% 0,100% 35%,0 35%)}.glitch-text:after{color:#0ff;animation:glitch-2 .3s infinite;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%)}@keyframes glitch{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,1px)}94%{transform:translate(2px,-1px)}96%{transform:translate(-1px,2px)}98%{transform:translate(1px,-2px)}}@keyframes glitch-1{0%,90%,to{transform:translate(0);opacity:.8}92%{transform:translate(3px)}94%{transform:translate(-3px)}}@keyframes glitch-2{0%,90%,to{transform:translate(0);opacity:.8}93%{transform:translate(-3px)}95%{transform:translate(3px)}}.victory-subtitle{font-size:1.1rem;color:#a855f7;margin:0 0 2rem;font-style:italic}.victory-message{margin-bottom:1.5rem}.victory-message p{color:#c4b5fd;font-size:1rem;line-height:1.6;margin:0 0 .5rem}.victory-message .small{font-size:.9rem;color:#8b5cf6}.victory-message .highlight{color:#f59e0b;font-weight:700;font-size:1.2em}.victory-cta{margin:2rem 0;padding:1rem;background:linear-gradient(90deg,transparent,rgba(168,85,247,.2),transparent);border-radius:10px}.cta-text{font-size:1.3rem;font-weight:700;color:#fff;text-shadow:0 0 20px rgba(168,85,247,.8);display:block}.cta-subtext{display:block;font-size:1rem;color:#a855f7;margin-top:.5rem;font-style:italic}.victory-stats{margin:1.5rem 0;padding:1rem;background:#0000004d;border-radius:10px;border:1px solid rgba(168,85,247,.2)}.stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-value{font-size:2.5rem;font-weight:700;color:#22c55e;text-shadow:0 0 20px rgba(34,197,94,.5)}.stat-label{font-size:.85rem;color:#9ca3af}.stat-badge{margin-top:.75rem;padding:.5rem 1rem;background:linear-gradient(90deg,#f59e0b,#fbbf24);color:#000;font-weight:700;font-size:.9rem;border-radius:20px;display:inline-block;animation:pulse-badge 1.5s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.victory-close{margin-top:1.5rem;padding:.75rem 2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:30px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #6366f166}.victory-close:hover{transform:translateY(-2px);box-shadow:0 6px 25px #6366f199}.victory-close:active{transform:translateY(0)}.victory-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(168,85,247,.2)}.footer-text{font-size:.75rem;color:#6b7280;font-style:italic}@media(max-width:480px){.victory-modal{padding:2rem 1.5rem}.victory-title{font-size:1.8rem}.victory-icon{font-size:3rem}.cta-text{font-size:1.2rem}}.arcade-hud{position:fixed;inset:0;pointer-events:none;z-index:1000;font-family:"Press Start 2P",Courier New,monospace}.arcade-header{position:absolute;top:20px;left:50%;transform:translate(-50%);text-align:center}.arcade-title{display:flex;flex-direction:column;gap:8px}.arcade-title-text{font-size:1.5rem;color:#f0f;text-shadow:0 0 10px #ff00ff,0 0 20px #ff00ff,2px 2px 0 #00ffff;letter-spacing:2px}.arcade-wave{font-size:.9rem;color:#0ff;text-shadow:0 0 10px #00ffff;animation:pulse-wave 1s ease-in-out infinite}@keyframes pulse-wave{0%,to{opacity:1}50%{opacity:.6}}.arcade-stats{position:absolute;top:20px;left:20px;display:flex;flex-direction:column;gap:15px}.arcade-stat{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.6rem;color:#888;letter-spacing:2px}.stat-value{font-size:1.2rem}.stat-value.score{color:#0f0;text-shadow:0 0 10px #00ff00}.stat-value.high{color:#ff0;text-shadow:0 0 10px #ffff00}.stat-value.lives{font-size:1.5rem}.arcade-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:30px}.control-group{display:flex;flex-direction:column;align-items:center;gap:4px}.control-key{padding:6px 12px;background:#f0f3;border:1px solid #ff00ff;border-radius:4px;color:#f0f;font-size:.7rem}.control-desc{font-size:.5rem;color:#888;text-transform:uppercase}.arcade-exit-btn{position:absolute;top:20px;right:20px;padding:10px 20px;background:#f003;border:1px solid #ff0000;border-radius:4px;color:red;font-family:inherit;font-size:.7rem;cursor:pointer;pointer-events:auto;transition:all .2s ease}.arcade-exit-btn:hover{background:#f006;box-shadow:0 0 15px #ff000080}@media(max-width:768px){.arcade-title-text{font-size:1rem}.arcade-wave{font-size:.7rem}.stat-value{font-size:1rem}.arcade-controls{gap:15px}.control-key{font-size:.6rem;padding:4px 8px}}.arcade-gameover{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#000000e6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-out}.gameover-modal{position:relative;background:linear-gradient(135deg,#0a001a,#1a0033,#0a001a);border:2px solid #ff00ff;border-radius:10px;padding:2.5rem;max-width:450px;width:90%;text-align:center;box-shadow:0 0 40px #f0f6,0 0 80px #f0f3,inset 0 0 40px #ff00ff1a;animation:modalEnter .5s ease-out;font-family:"Press Start 2P",Courier New,monospace}@keyframes modalEnter{0%{transform:scale(.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.gameover-glitch{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ff00ff,#00ffff,transparent);animation:glitchLine 2s ease-in-out infinite}@keyframes glitchLine{0%,to{opacity:.5;transform:scaleX(.6)}50%{opacity:1;transform:scaleX(1)}}.gameover-title{font-size:2rem;margin:0 0 1.5rem;color:red}.glitch-text{position:relative;display:inline-block;animation:glitch 1s infinite}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{color:#f0f;animation:glitch-1 .2s infinite;clip-path:polygon(0 0,100% 0,100% 35%,0 35%)}.glitch-text:after{color:#0ff;animation:glitch-2 .2s infinite;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%)}@keyframes glitch{0%,90%,to{transform:translate(0)}92%{transform:translate(-3px,1px)}94%{transform:translate(3px,-1px)}96%{transform:translate(-2px,2px)}98%{transform:translate(2px,-2px)}}@keyframes glitch-1{0%,90%,to{transform:translate(0)}92%{transform:translate(4px)}94%{transform:translate(-4px)}}@keyframes glitch-2{0%,90%,to{transform:translate(0)}93%{transform:translate(-4px)}95%{transform:translate(4px)}}.new-record{padding:.75rem;margin-bottom:1.5rem;background:linear-gradient(90deg,#fc0,#f90);color:#000;font-size:.8rem;font-weight:700;border-radius:5px;animation:pulse .5s ease-in-out infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.gameover-score{display:flex;justify-content:center;gap:3rem;margin-bottom:1.5rem}.score-item{display:flex;flex-direction:column;gap:.5rem}.score-label{font-size:.6rem;color:#888;letter-spacing:1px}.score-value{font-size:1.5rem}.score-value.main{color:#0f0;text-shadow:0 0 15px #00ff00}.score-value.wave{color:#0ff;text-shadow:0 0 15px #00ffff}.gameover-leaderboard{margin-bottom:1.5rem;padding:1rem;background:#0006;border:1px solid #333;border-radius:5px}.leaderboard-title{font-size:.8rem;color:#f0f;margin:0 0 .75rem}.leaderboard-list{display:flex;flex-direction:column;gap:.4rem;max-height:150px;overflow-y:auto}.leaderboard-item{display:flex;justify-content:space-between;padding:.4rem .5rem;background:#ffffff0d;border-radius:3px;font-size:.65rem}.leaderboard-item.current{background:#0f03;border:1px solid #00ff00}.rank{color:#fc0;width:35px}.lb-score{color:#0f0;flex:1;text-align:center}.lb-wave{color:#888;width:40px;text-align:right}.leaderboard-empty{color:#666;font-size:.6rem;padding:1rem}.gameover-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.btn-retry,.btn-exit{padding:.75rem 1.5rem;border:none;border-radius:5px;font-family:inherit;font-size:.7rem;cursor:pointer;transition:all .2s ease}.btn-retry{background:linear-gradient(135deg,#0c0,#090);color:#fff;border:1px solid #00ff00}.btn-retry:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0f06}.btn-exit{background:linear-gradient(135deg,#666,#444);color:#fff;border:1px solid #888}.btn-exit:hover{transform:translateY(-2px);box-shadow:0 5px 20px #fff3}.gameover-message{font-size:.55rem;color:#666;margin:0;font-style:italic}@media(max-width:480px){.gameover-modal{padding:1.5rem}.gameover-title{font-size:1.4rem}.gameover-score{gap:1.5rem}.score-value{font-size:1.2rem}.gameover-buttons{flex-direction:column}.btn-retry,.btn-exit{width:100%}}.reality-glitch{position:fixed;inset:0;z-index:9999;pointer-events:none;animation:glitch-in .1s ease-out}@keyframes glitch-in{0%{opacity:0}50%{opacity:1}to{opacity:1}}.glitch-code-reveal{position:absolute;inset:0;background:#0a0a0a;display:flex;align-items:center;justify-content:center;animation:code-flicker .15s infinite}@keyframes code-flicker{0%,to{opacity:.9}50%{opacity:1}}.glitch-code{font-family:Courier New,monospace;font-size:14px;color:#0f0;text-shadow:0 0 10px #00ff00;white-space:pre;animation:code-scroll 2s linear;opacity:.8}@keyframes code-scroll{0%{transform:translateY(20px)}to{transform:translateY(-20px)}}.crack-overlay{position:absolute;inset:0;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.03) 45%,transparent 50%),linear-gradient(-45deg,transparent 40%,rgba(255,255,255,.03) 45%,transparent 50%),linear-gradient(90deg,transparent 48%,rgba(0,0,0,.5) 50%,transparent 52%);pointer-events:none}.glitch-static{position:absolute;inset:0;overflow:hidden}.static-noise{position:absolute;inset:-50%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.4;animation:static-move .1s steps(10) infinite}@keyframes static-move{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(5%,5%)}30%{transform:translate(-5%,5%)}40%{transform:translate(5%,-5%)}50%{transform:translate(-2%,2%)}60%{transform:translate(2%,-2%)}70%{transform:translate(-3%,-3%)}80%{transform:translate(3%,3%)}90%{transform:translate(-1%,1%)}to{transform:translate(1%,-1%)}}.static-lines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px);animation:lines-scroll .5s linear infinite}@keyframes lines-scroll{0%{transform:translateY(0)}to{transform:translateY(4px)}}.glitch-error-window{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000b3;animation:error-shake .1s ease-in-out 3}@keyframes error-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-window{background:silver;border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;box-shadow:4px 4px #00000080;min-width:350px;font-family:"MS Sans Serif",Segoe UI,sans-serif;animation:window-appear .2s ease-out}@keyframes window-appear{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.error-titlebar{background:linear-gradient(90deg,navy,#1084d0);color:#fff;padding:4px 8px;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:13px}.error-close{background:silver;border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:#000;font-size:14px;cursor:pointer}.error-content{padding:20px;display:flex;flex-direction:column;align-items:center;gap:15px}.error-icon{font-size:48px;animation:icon-pulse .5s ease-in-out infinite alternate}@keyframes icon-pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.error-message{color:#000;font-size:14px;text-align:center;margin:0;font-weight:500;letter-spacing:.5px}.error-buttons{display:flex;gap:10px}.error-buttons button{background:silver;border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;padding:6px 20px;font-family:inherit;font-size:12px;cursor:pointer}.error-buttons button:active{border-color:#808080 #ffffff #ffffff #808080}.glitch-symbols{position:absolute;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;overflow:hidden}.symbols-text{font-family:monospace;font-size:24px;color:#f06;text-shadow:0 0 10px #ff0066,0 0 20px #ff0066,0 0 40px #ff0066;white-space:pre-wrap;text-align:center;max-width:80%;animation:symbols-flicker .05s steps(2) infinite;letter-spacing:8px;line-height:1.5}@keyframes symbols-flicker{0%{opacity:1;color:#f06}50%{opacity:.8;color:#0ff}to{opacity:1;color:#f06}}.glitch-face{position:absolute;inset:0;background:#000;display:flex;align-items:center;justify-content:center;animation:face-flash .1s ease-out}@keyframes face-flash{0%{background:#fff}to{background:#000}}.face-container{display:flex;flex-direction:column;align-items:center;gap:20px;animation:face-zoom 1.5s ease-out forwards}@keyframes face-zoom{0%{transform:scale(1)}to{transform:scale(1.2)}}.face-eyes{display:flex;gap:80px}.eye{font-size:80px;animation:eye-stare .5s ease-in-out infinite alternate;filter:drop-shadow(0 0 20px rgba(255,0,0,.5))}@keyframes eye-stare{0%{transform:scale(1)}to{transform:scale(1.1)}}.face-text{font-family:Courier New,monospace;font-size:32px;color:red;text-shadow:0 0 20px #ff0000;letter-spacing:10px;animation:text-flicker .1s steps(2) infinite}@keyframes text-flicker{0%,to{opacity:1}50%{opacity:.5}}.glitch-scanlines{position:absolute;inset:0;overflow:hidden;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,255,255,.03) 1px,rgba(0,255,255,.03) 2px)}.scanline-bar{position:absolute;left:0;right:0;height:100px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.1) 50%,transparent);animation:scanline-sweep 1s linear infinite}@keyframes scanline-sweep{0%{top:-100px}to{top:100%}}.glitch-distortion{position:absolute;inset:0;pointer-events:none;mix-blend-mode:overlay}.reality-glitch.code_reveal,.reality-glitch.static,.reality-glitch.face{animation:chromatic-shift .1s steps(2) infinite}@keyframes chromatic-shift{0%{text-shadow:-2px 0 #ff0000,2px 0 #00ffff;filter:hue-rotate(0deg)}50%{text-shadow:2px 0 #ff0000,-2px 0 #00ffff;filter:hue-rotate(10deg)}to{text-shadow:-2px 0 #ff0000,2px 0 #00ffff;filter:hue-rotate(0deg)}}@media(max-width:768px){.error-window{min-width:280px;margin:20px}.eye{font-size:50px}.face-eyes{gap:40px}.face-text{font-size:20px}.symbols-text{font-size:16px}}.nav-panel{position:fixed;bottom:20px;left:20px;background:#05050fd9;border:1px solid rgba(99,102,241,.4);border-radius:8px;padding:12px 16px;min-width:160px;font-family:Orbitron,Courier New,monospace;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.nav-panel-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(99,102,241,.3)}.nav-icon{color:#6366f1;font-size:14px;animation:pulse-icon 2s ease-in-out infinite}@keyframes pulse-icon{0%,to{opacity:.7}50%{opacity:1}}.nav-title{font-size:10px;color:#a5b4fccc;letter-spacing:2px;font-weight:600}.nav-section{margin-bottom:12px}.nav-label{font-size:8px;color:#6366f199;letter-spacing:1.5px;margin-bottom:4px}.nav-speed{display:flex;align-items:baseline;gap:4px;transition:color .3s ease}.speed-value{font-size:24px;font-weight:700;letter-spacing:-1px;text-shadow:0 0 10px currentColor}.speed-unit{font-size:10px;color:#fff6}.speed-bar{height:3px;background:#ffffff1a;border-radius:2px;margin-top:6px;overflow:hidden}.speed-bar-fill{height:100%;border-radius:2px;transition:width .1s ease,background-color .3s ease;box-shadow:0 0 8px currentColor}.nav-coords{display:flex;flex-direction:column;gap:4px}.coord{display:flex;justify-content:space-between;align-items:center}.coord-axis{font-size:10px;color:#6366f1b3;font-weight:600;width:16px}.coord-value{font-size:12px;color:#fffc;font-family:Courier New,monospace;letter-spacing:.5px}.nav-grid{position:relative;width:100%;height:50px;background:linear-gradient(rgba(99,102,241,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.1) 1px,transparent 1px);background-size:10px 10px;border:1px solid rgba(99,102,241,.2);border-radius:4px;margin-top:8px;overflow:hidden}.grid-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border:1px solid rgba(99,102,241,.5);border-radius:50%}.grid-dot{position:absolute;width:6px;height:6px;background:#0f8;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #0f8;transition:left .1s ease,top .1s ease}@media(max-width:1200px),(max-height:700px){.nav-panel{bottom:auto;top:70px;left:10px;transform:scale(.75);transform-origin:top left;padding:8px 10px;min-width:100px;opacity:.7}.speed-value{font-size:16px}.nav-grid{height:30px}.nav-section{margin-bottom:6px}}.earth-credits-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn 2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.credits-container{width:100%;height:100%;overflow:hidden;position:relative}.credits-scroll{position:absolute;top:100%;left:0;width:100%;text-align:center;transition:transform .05s linear}.credits-intro{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:100px;padding-top:50px}.intro-text{font-size:18px;color:#888;letter-spacing:8px;text-transform:uppercase}.intro-earth{font-size:64px;color:#4da6ff;text-shadow:0 0 30px #4da6ff,0 0 60px #4da6ff;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 30px #4da6ff,0 0 60px #4da6ff}to{text-shadow:0 0 50px #4da6ff,0 0 100px #4da6ff,0 0 150px #4da6ff}}.intro-subtitle{font-size:16px;color:#666;font-style:italic}.credit-line{display:flex;flex-direction:column;align-items:center;margin:30px 0;min-height:30px}.credit-role{font-size:14px;color:#888;letter-spacing:3px;text-transform:uppercase;margin-bottom:5px}.credit-name{font-size:28px;color:#fff;font-family:Georgia,serif}.skip-button{position:fixed;bottom:30px;right:30px;background:transparent;border:1px solid #444;color:#666;padding:10px 20px;font-size:12px;cursor:pointer;transition:all .3s ease;letter-spacing:2px}.skip-button:hover{border-color:#888;color:#fff;background:#ffffff1a}.rickroll-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#1a0a2e,#16213e,#0f3460);animation:rickrollFadeIn .5s ease-out;overflow-y:auto}@keyframes rickrollFadeIn{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.rickroll-content{text-align:center;padding:40px;max-width:600px}.rickroll-surprise{font-size:48px;margin-bottom:30px;animation:bounce .5s ease infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.rickroll-gif{margin:30px 0;border-radius:20px;overflow:hidden;box-shadow:0 0 50px #ff646480;animation:pulse 1s ease infinite alternate}@keyframes pulse{0%{box-shadow:0 0 30px #ff64644d}to{box-shadow:0 0 60px #ff6464b3}}.rickroll-gif img{width:100%;max-width:400px;display:block}.rickroll-text{margin:30px 0}.rickroll-main{font-size:32px;color:#ff6b6b;margin-bottom:15px;animation:rainbow 3s linear infinite}@keyframes rainbow{0%{color:#ff6b6b}25%{color:#ffd93d}50%{color:#6bcb77}75%{color:#4d96ff}to{color:#ff6b6b}}.rickroll-sub{font-size:18px;color:#aaa;margin-bottom:10px}.rickroll-respect{font-size:36px;color:gold;text-shadow:0 0 20px #ffd700;margin-top:20px}.rickroll-stats{margin:40px 0;padding:30px;background:#ffd7001a;border:2px solid #ffd700;border-radius:15px}.rickroll-stats p:first-child{font-size:20px;color:gold;margin-bottom:15px}.achievement-name{font-size:24px;color:#fff;font-weight:700;margin-bottom:10px}.achievement-desc{font-size:14px;color:#888;font-style:italic}.close-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:15px 40px;font-size:16px;border-radius:30px;cursor:pointer;transition:all .3s ease;margin-top:30px;box-shadow:0 5px 20px #667eea66}.close-button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #667eea99}@media(max-width:768px){.intro-earth{font-size:40px}.credit-name{font-size:22px}.rickroll-main{font-size:24px}.rickroll-gif img{max-width:280px}}.landscape-prompt{position:fixed;inset:0;background:#000000f2;z-index:99999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landscape-content{text-align:center;padding:30px;max-width:300px}.rotate-icon{font-size:60px;animation:tilt 1.5s ease-in-out infinite;display:inline-block}@keyframes tilt{0%,to{transform:rotate(0)}25%{transform:rotate(-20deg)}75%{transform:rotate(20deg)}}.rotate-arrow{font-size:40px;color:#6366f1;margin:10px 0;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.landscape-content h2{color:#fff;font-size:1.5rem;margin:15px 0 10px;font-family:Orbitron,sans-serif}.landscape-content p{color:#ffffffb3;font-size:.9rem;line-height:1.5;margin-bottom:25px}.dismiss-btn{background:transparent;border:1px solid rgba(99,102,241,.5);color:#fff9;padding:10px 25px;border-radius:25px;font-size:.85rem;cursor:pointer;transition:all .3s ease}.dismiss-btn:hover{border-color:#6366f1;color:#fff;background:#6366f133}.canvas-container{width:100vw;height:100vh;position:fixed;top:0;left:0}