@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color:#05050a;--bg-darker:#020205;--text-primary:#f0f3ff;--text-secondary:#8a8fa3;--neon-red:#cf4042;--neon-blue:#4a90e2;--neon-green:#2ebd59;--neon-yellow:#d9a752;--neon-purple:#8b5cf6;--shadow-red:0 0 10px #cf404240;--shadow-blue:0 0 10px #4a90e240;--shadow-green:0 0 10px #2ebd5940;--font-display:"Orbitron", system-ui, -apple-system, sans-serif;--font-body:"Outfit", system-ui, -apple-system, sans-serif;--glass-bg:#0c0c1cbf;--glass-border:#ffffff12;--glass-glow:0 8px 32px 0 #00000080}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{color:var(--text-primary);font-family:var(--font-body);background-color:#020205;width:100vw;height:100vh;overflow:hidden}input{-webkit-user-select:text;user-select:text}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-primary)}.app-container{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.glass-panel{box-shadow:none;text-align:center;background:0 0;border:none;width:90%;max-width:480px;padding:1.5rem;transition:all .3s}h1.game-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:10px;color:#fff;text-shadow:0 2px 10px #ffffff26;margin-bottom:2.2rem;font-size:3.5rem;font-weight:900}.btn{font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:4px;outline:none;width:100%;margin-bottom:1rem;padding:.85rem 1.5rem;font-size:.88rem;font-weight:500;transition:all .2s}.btn:hover{text-shadow:0 0 5px #ffffff4d;background:#ffffff14;border-color:#fff;box-shadow:0 0 10px #ffffff38}.btn:active{background:#ffffff1a}.btn-primary{background:#ffffff0f;border-color:#ffffff59}.btn-primary:hover{text-shadow:0 0 5px #ffffff4d;background:#ffffff1f;border-color:#fff;box-shadow:0 0 12px #ffffff59}.btn-red{background:#ff336626;border-color:#ff33664d}.btn-red:hover{border-color:var(--neon-red);box-shadow:var(--shadow-red);background:#ff33664d}.btn-blue{background:#33ccff26;border-color:#33ccff4d}.btn-blue:hover{border-color:var(--neon-blue);box-shadow:var(--shadow-blue);background:#33ccff4d}.btn-green{background:#39ff1426;border-color:#39ff144d}.btn-green:hover{border-color:var(--neon-green);box-shadow:var(--shadow-green);background:#39ff144d}.text-input{width:100%;color:var(--text-primary);font-family:var(--font-body);background:#0006;border:1px solid #ffffff1a;border-radius:8px;outline:none;margin-bottom:1.5rem;padding:.9rem 1.2rem;font-size:1rem;transition:all .25s}.text-input:focus{background:#0009;border-color:#fff9;box-shadow:0 0 8px #fff3}.profile-title{font-family:var(--font-display);text-align:left;letter-spacing:1px;margin-bottom:.8rem;font-size:1.2rem}.ship-selector{justify-content:space-around;margin-bottom:2rem;display:flex}.ship-option{cursor:pointer;background:#ffffff08;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:60px;height:60px;transition:all .25s;display:flex}.ship-option:hover{background:#ffffff14}.ship-option.selected.red{border-color:var(--neon-red);box-shadow:var(--shadow-red);background:#ff33661a}.ship-option.selected.blue{border-color:var(--neon-blue);box-shadow:var(--shadow-blue);background:#33ccff1a}.ship-option.selected.green{border-color:var(--neon-green);box-shadow:var(--shadow-green);background:#39ff141a}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;background:#020206d9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:2rem 0;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.modal-overlay>div,.modal-overlay>form{margin:auto}.modal-content{width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.8rem;display:flex}.modal-header h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;font-size:1.5rem}.modal-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.8rem;transition:color .2s}.modal-close-btn:hover{color:var(--neon-red)}.leaderboard-table{border-collapse:collapse;width:100%;margin-top:1rem}.leaderboard-table th,.leaderboard-table td{text-align:left;border-bottom:1px solid #ffffff0d;padding:.8rem 1rem}.leaderboard-table th{font-family:var(--font-display);text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px;font-size:.85rem}.leaderboard-table tr:hover td{background:#ffffff05}.leaderboard-table td.rank{font-weight:700}.leaderboard-table tr:first-child td.rank{color:var(--neon-yellow);text-shadow:0 0 8px #fecb024d}.leaderboard-table tr:nth-child(2) td.rank{color:#d1d5db}.leaderboard-table tr:nth-child(3) td.rank{color:#b45309}.status-badge{text-transform:uppercase;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.status-badge.playing{color:var(--neon-green);background:#39ff1426;border:1px solid #39ff144d}.status-badge.lobby{color:var(--neon-blue);background:#33ccff26;border:1px solid #33ccff4d}.lobby-title{font-family:var(--font-display);margin-bottom:.5rem;font-size:1.8rem}.room-code-display{font-family:var(--font-display);color:var(--neon-blue);letter-spacing:4px;text-shadow:var(--shadow-blue);background:#0000004d;border:1px dashed #3cf6;border-radius:8px;margin-bottom:2rem;padding:.5rem 1.5rem;font-size:2.2rem;font-weight:900;display:inline-block}.lobby-players{justify-content:space-around;margin-bottom:2rem;display:flex}.lobby-player-slot{background:#0000004d;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;flex:1;align-items:center;min-height:160px;margin:0 .5rem;padding:1.5rem .5rem;display:flex}.lobby-player-slot.active{border-color:#ffffff26}.lobby-player-slot.active.red{border-color:#ff33664d}.lobby-player-slot.active.blue{border-color:#33ccff4d}.lobby-player-slot.active.green{border-color:#39ff144d}.slot-label{color:var(--text-secondary);text-transform:uppercase;margin-bottom:1rem;font-size:.75rem}.player-name{font-family:var(--font-display);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:110px;margin-bottom:.5rem;font-size:1rem;font-weight:700;overflow:hidden}.player-role-badge{color:#a5b4fc;text-transform:uppercase;background:#6366f133;border:1px solid #6366f166;border-radius:4px;padding:.1rem .4rem;font-size:.7rem}.color-choice-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;margin:.2rem;transition:all .2s}.color-choice-btn.red{background:var(--neon-red)}.color-choice-btn.blue{background:var(--neon-blue)}.color-choice-btn.green{background:var(--neon-green)}.color-choice-btn.selected{border-color:#fff;transform:scale(1.2);box-shadow:0 0 10px}.color-choice-btn.disabled{opacity:.25;cursor:not-allowed;transform:scale(.9)}.hud-container{pointer-events:none;z-index:10;width:100vw;height:100vh;font-family:var(--font-display);flex-direction:column;justify-content:space-between;padding:1.5rem;display:flex;position:absolute;top:0;left:0}.hud-top{justify-content:space-between;align-items:flex-start;display:flex}.hud-group{flex-direction:column;display:flex}.hud-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.hud-value{color:var(--text-primary);text-shadow:0 2px 4px #00000080;font-size:1.6rem;font-weight:700}.hud-value.blue{color:var(--neon-blue);text-shadow:var(--shadow-blue)}.hud-value.red{color:var(--neon-red);text-shadow:var(--shadow-red)}.hud-value.green{color:var(--neon-green);text-shadow:var(--shadow-green)}.multi-player-health-bars{pointer-events:auto;background:#0006;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;margin-top:.5rem;padding:.8rem;display:flex}.teammate-health-row{align-items:center;margin-bottom:.4rem;font-size:.85rem;display:flex}.teammate-health-row:last-child{margin-bottom:0}.teammate-name{white-space:nowrap;text-overflow:ellipsis;width:90px;margin-right:.5rem;overflow:hidden}.health-bar-container{background:#ffffff1a;border:1px solid #ffffff0d;border-radius:4px;width:100px;height:8px;overflow:hidden}.health-bar-fill{height:100%;transition:width .3s}.health-bar-fill.red{background:var(--neon-red)}.health-bar-fill.blue{background:var(--neon-blue)}.health-bar-fill.green{background:var(--neon-green)}.game-screen{background:var(--bg-darker);width:100vw;height:100vh;position:relative;overflow:hidden}canvas#gameCanvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.system-actions{z-index:20;gap:.8rem;display:flex;position:absolute;top:1.5rem;right:1.5rem}.system-btn{border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;pointer-events:auto;background:#0c0c1ccc;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.system-btn:hover{background:#ffffff14;border-color:#fff3;transform:scale(1.05)}.stats-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;display:grid}.stat-box{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;padding:1rem}.stat-box .value{font-family:var(--font-display);color:var(--neon-blue);margin-top:.3rem;font-size:1.8rem;font-weight:700}html,body{scrollbar-width:none!important;-ms-overflow-style:none!important;overflow:hidden!important}html::-webkit-scrollbar{display:none!important}body::-webkit-scrollbar{display:none!important}.modal-overlay::-webkit-scrollbar{display:none!important}.modal-overlay{scrollbar-width:none!important;-ms-overflow-style:none!important}.game-top-btn{opacity:.3;transition:opacity .2s,border-color .2s,box-shadow .2s}.game-top-btn:hover{box-shadow:0 0 10px #ffffff38;opacity:.85!important;border-color:#fff!important}.fade-transition-overlay{z-index:9999;opacity:0;pointer-events:none;background-color:#000;width:100vw;height:100vh;transition:opacity .5s ease-in-out;position:fixed;top:0;left:0}.fade-transition-overlay.fade-in{opacity:1;pointer-events:all}.fade-transition-overlay.fade-out{opacity:0;pointer-events:none}.boot-ship-animate{animation:1s cubic-bezier(.16,1,.3,1) forwards shipSlideUp}.ship-trail{background:linear-gradient(to bottom, var(--ship-glow) 0%, transparent 100%);opacity:0;transform-origin:top;filter:blur(4px);pointer-events:none;width:4px;height:240px;position:absolute;top:40px;left:50%;transform:translate(-50%)}.ship-trail-animate{animation:1.8s ease-out forwards trailFade}.spark{width:3px;height:3px;box-shadow:0 0 6px var(--ship-glow);opacity:0;background:#fff;border-radius:50%;position:absolute}.spark-1{animation:1.8s ease-out infinite sparkMove1;left:50%}.spark-2{animation:1.8s ease-out infinite sparkMove2;left:20%}.spark-3{animation:1.8s ease-out infinite sparkMove3;left:80%}.boot-ui-animate{animation:.8s ease-out .6s both uiFadeIn}@keyframes shipSlideUp{0%{transform:translateY(60vh)}to{transform:translateY(0)}}@keyframes trailFade{0%{opacity:0;transform:scaleY(.2)translate(-50%)}15%{opacity:.7;transform:scaleY(1.4)translate(-50%)}40%{opacity:.5;transform:scaleY(1)translate(-50%)}to{opacity:0;transform:scaleY(0)translate(-50%)}}@keyframes sparkMove1{0%{opacity:0;transform:translateY(0)scale(1)}10%{opacity:.8}80%{opacity:.3;transform:translateY(180px)scale(.5)}to{opacity:0;transform:translateY(220px)scale(.1)}}@keyframes sparkMove2{0%{opacity:0;transform:translateY(10px)scale(1)}15%{opacity:.7}75%{opacity:.2;transform:translateY(140px)scale(.6)}to{opacity:0;transform:translateY(180px)scale(.1)}}@keyframes sparkMove3{0%{opacity:0;transform:translateY(20px)scale(1)}20%{opacity:.9}85%{opacity:.3;transform:translateY(160px)scale(.4)}to{opacity:0;transform:translateY(200px)scale(.1)}}@keyframes titleFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes uiFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.wakeup-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;width:100vw;height:100vh;font-family:var(--font-body);color:var(--text-primary);background:#020204d9;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.wakeup-modal{text-align:center;background:#050508fa;border:1px solid #ffffff14;border-radius:4px;width:90%;max-width:430px;padding:2.5rem;animation:.4s ease-out fadeIn;position:relative;overflow:hidden;box-shadow:0 25px 60px #000000f2}.wakeup-header{border-bottom:1px solid #ffffff14;margin-bottom:1.5rem;padding-bottom:.8rem}.wakeup-glitch-text{font-family:var(--font-body);letter-spacing:4px;text-transform:uppercase;color:#fff;font-size:1.1rem;font-weight:700}.wakeup-progress-container{justify-content:center;align-items:center;height:48px;margin:1.8rem 0;display:flex;position:relative}.wakeup-spinner{border:2px solid #ffffff14;border-top-color:#fff9;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin;position:absolute}.wakeup-countdown-box{z-index:1;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.wakeup-countdown-num{font-family:var(--font-body);color:var(--text-primary);font-size:.95rem;font-weight:500}.wakeup-countdown-sec{display:none}.wakeup-title{color:var(--text-primary);letter-spacing:2px;text-transform:uppercase;margin-bottom:.6rem;font-size:.85rem;font-weight:600}.wakeup-text{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.82rem;font-weight:300;line-height:1.6}.wakeup-footer{border-top:1px solid #ffffff0d;justify-content:center;align-items:center;gap:.5rem;margin-top:1.2rem;padding:.5rem;display:flex}.wakeup-signal-dot{background-color:var(--text-secondary);opacity:.6;border-radius:50%;width:6px;height:6px}.wakeup-status-label{color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;font-size:.75rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-slow{0%,to{opacity:.8}50%{opacity:.4}}@keyframes pulse-fast{0%,to{opacity:1}50%{opacity:.3}}.pulse-slow{animation:3s ease-in-out infinite pulse-slow}.pulse-fast{animation:1.5s ease-in-out infinite pulse-fast}.login-page-container{z-index:100;box-sizing:border-box;justify-content:center;align-items:center;gap:6rem;width:100vw;height:100vh;padding:2rem 5rem;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;left:0}.login-page-container.fade-out{opacity:0;pointer-events:none;transform:scale(.97)}.story-column{text-align:left;flex:1.2;max-width:480px;animation:.7s cubic-bezier(.16,1,.3,1) forwards slideInLeft}.login-column{flex:.8;width:100%;max-width:380px;animation:.7s cubic-bezier(.16,1,.3,1) forwards slideInRight}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.login-toggle-text{color:var(--text-secondary);cursor:pointer;text-transform:uppercase;letter-spacing:1px;margin-top:1.2rem;font-size:.8rem;transition:color .2s}.login-toggle-text:hover{color:var(--neon-blue)}.checkpoint-menu-container{flex-direction:column;align-items:center;margin-top:1.5rem;animation:.4s ease-out fadeIn;display:flex}.checkpoint-title-small{font-family:var(--font-display);letter-spacing:2px;color:var(--text-secondary);text-transform:uppercase;opacity:.75;margin-top:1.8rem;margin-bottom:.9rem;font-size:.8rem}.checkpoints-grid{grid-template-columns:repeat(5,1fr);gap:.8rem;width:100%;max-width:320px;margin-bottom:1.5rem;display:grid}@media (width<=480px){.checkpoints-grid{grid-template-columns:repeat(4,1fr)}}.checkpoint-box{width:50px;height:50px;font-family:var(--font-display);color:#fff3;cursor:not-allowed;opacity:.4;background:#050508d9;border:1px solid #ffffff0d;border-radius:4px;outline:none;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.checkpoint-box.unlocked{opacity:.8;color:var(--neon-blue);border-color:var(--neon-blue);cursor:pointer;box-shadow:0 0 8px #4a90e226}.checkpoint-box.unlocked:hover{opacity:1;box-shadow:0 0 15px var(--neon-blue);background:#4a90e20f;transform:translateY(-2px)scale(1.08)}.autosave-toast{border:1px solid var(--neon-green);color:#fff;font-family:var(--font-display);letter-spacing:2.5px;text-transform:uppercase;z-index:10000;pointer-events:none;background:#050508f2;padding:.75rem 2rem;font-size:.8rem;animation:2.5s cubic-bezier(.16,1,.3,1) forwards slideUpToast;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 0 20px #2ebd594d}@keyframes slideUpToast{0%{opacity:0;transform:translate(-50%)translateY(20px)}15%{opacity:1;transform:translate(-50%)translateY(0)}85%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-20px)}}@media (width<=900px){.login-page-container{flex-direction:column;gap:2rem;padding:1.5rem}.story-column{display:none}}