*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;width:100%;height:100%;margin:0;padding:0;font-family:Courier New,Consolas,monospace;overflow:hidden}#root{width:100%;height:100%}#game-canvas{display:block;width:100%!important;height:100%!important}.main-menu{z-index:1000;background:radial-gradient(#013 0%,#001 60%,#000005 100%);justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Courier New,Consolas,monospace;display:flex;position:fixed;top:0;left:0}.menu-stars{background-image:radial-gradient(1px 1px at 10% 20%,#fff6,#0000),radial-gradient(1px 1px at 30% 60%,#c8dcff80,#0000),radial-gradient(1.5px 1.5px at 50% 10%,#fff9,#0000),radial-gradient(1px 1px at 70% 80%,#c8dcff66,#0000),radial-gradient(1.5px 1.5px at 90% 30%,#ffffff80,#0000),radial-gradient(1px 1px at 20% 90%,#c8c8ff4d,#0000),radial-gradient(1px 1px at 60% 40%,#fff6,#0000),radial-gradient(1px 1px at 80% 15%,#c8dcff80,#0000);width:100%;height:100%;animation:3s ease-in-out infinite alternate twinkle;position:absolute;top:0;left:0}@keyframes twinkle{0%{opacity:.6}to{opacity:1}}.menu-content{text-align:center;z-index:1}.menu-title{color:#4af;letter-spacing:16px;text-shadow:0 0 40px #4af9,0 0 80px #44aaff4d;margin:0 0 8px;font-size:72px}.menu-subtitle{color:#6cf;letter-spacing:4px;margin:0 0 48px;font-size:14px}.menu-buttons{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.menu-btn{cursor:pointer;background:#000a1ecc;border:1px solid;border-radius:8px;flex-direction:column;align-items:center;gap:8px;width:240px;padding:20px 24px;font-family:inherit;transition:all .2s;display:flex}.sp-btn{color:#4af;border-color:#4af}.sp-btn:hover{background:#44aaff1f;box-shadow:0 0 24px #4af3}.mp-btn{color:#fa4;border-color:#fa4}.mp-btn:hover{background:#ffaa441f;box-shadow:0 0 24px #fa43}.btn-icon{font-size:32px}.btn-hint{opacity:.5;margin-top:4px;font-size:10px}.menu-footer{color:#64aaff4d;margin-top:48px;font-size:10px}#game-canvas{outline:none}#hud-overlay{pointer-events:none;z-index:10;color:#4af;text-shadow:0 0 8px #4af6;width:100%;height:100%;font-family:Courier New,Consolas,monospace;position:absolute;top:0;left:0}.hud-fps{color:#6cf;opacity:.6;font-size:11px;position:absolute;top:12px;right:16px}.speed-value{color:#4af;font-size:36px;font-weight:700;line-height:1}.speed-label{color:#6cf;letter-spacing:3px;text-transform:uppercase;font-size:11px}.flight-mode{letter-spacing:2px;text-align:center;border:1px solid;border-radius:2px;padding:2px 10px;font-size:12px;font-weight:700}.throttle-bar{flex-direction:column;align-items:center;gap:4px;font-size:10px;display:flex;position:absolute;bottom:8px;left:calc(50% + 120px)}.throttle-track{background:#44aaff26;border:1px solid #44aaff4d;border-radius:3px;width:6px;height:80px;position:relative;overflow:hidden}.throttle-fill{background:#4af;border-radius:2px;width:100%;transition:height .1s;position:absolute;bottom:0}.throttle-label,.throttle-value{color:#6cf;letter-spacing:1px}.boost-bar{flex-direction:column;align-items:center;gap:4px;font-size:10px;display:flex;position:absolute;bottom:8px;left:calc(50% - 140px)}.boost-track{background:#ffaa441a;border:1px solid #ffaa444d;border-radius:3px;width:6px;height:80px;position:relative;overflow:hidden}.boost-fill{background:#fa4;border-radius:2px;width:100%;transition:height .1s;position:absolute;bottom:0}.boost-label{color:#fa4;letter-spacing:1px}.status-row{align-items:center;gap:6px;margin-bottom:4px;display:flex}.status-label{text-align:right;color:#6cf;letter-spacing:1px;width:50px;font-size:10px}.status-bar{background:#44aaff1a;border:1px solid #44aaff40;border-radius:2px;flex:1;height:8px;overflow:hidden}.status-fill{height:100%;transition:width .3s}.status-fill.shield{background:linear-gradient(90deg,#4af,#8cf)}.status-fill.hull{background:linear-gradient(90deg,#fa4,#f84)}.status-value{text-align:right;width:32px;font-size:10px}.status-distance{color:#6cf;letter-spacing:1px;margin-top:8px;font-size:10px}.radar-container{pointer-events:none;position:absolute;bottom:20px;left:20px}.navigator-container{pointer-events:none;position:absolute;bottom:20px;right:20px}.radar-label{color:#6cf;letter-spacing:2px;text-align:center;margin-bottom:2px;font-family:Courier New,monospace;font-size:9px}.controls-hint{color:#64aaff59;letter-spacing:.5px;font-size:10px;position:absolute;top:12px;left:16px}.controls-hint span{color:#64aaff99;font-weight:700}@media (width<=767px){*{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.speed-indicator{bottom:20px!important}.speed-value{font-size:24px!important}.speed-label{font-size:9px!important}.flight-mode{padding:1px 6px!important;font-size:10px!important;bottom:50px!important}.throttle-bar,.boost-bar{bottom:4px!important}.throttle-track,.boost-track{height:50px!important}.ship-status{font-size:9px!important;bottom:15px!important;right:10px!important}.controls-hint{font-size:8px!important;top:4px!important;left:4px!important}.hud-fps{font-size:9px!important;top:6px!important;right:8px!important}.radar-container{inset:2px 2px auto auto!important}.radar-container canvas{width:100px!important;height:100px!important}.controls-hint{display:none!important}#hud-center{bottom:0!important}}