*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Segoe UI,system-ui,sans-serif;background:#0b0e17;color:#e0e6f0}#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0}.hidden{display:none!important}#start-screen{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0b1a3e,#163a6e,#3a7bd5)}.start-content{text-align:center;animation:fadeIn .8s ease-out}.start-content h1{font-size:5rem;letter-spacing:.15em;text-transform:uppercase;color:#fff;text-shadow:0 0 40px rgba(58,123,213,.6)}.start-content .subtitle{font-size:1.3rem;color:#a0c4ff;margin-bottom:2rem}.controls-hint{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;justify-content:center;margin-bottom:2.5rem;font-size:.85rem;color:#7eb3ff}.controls-hint kbd{background:#ffffff1f;border-radius:4px;padding:2px 7px;font-family:inherit}.mission-picker{display:flex;flex-direction:column;gap:8px;align-items:center;margin-bottom:1.2rem}.mission-picker label{font-size:.9rem;color:#a0c4ff}.mission-picker select{min-width:280px;padding:.55rem .7rem;border-radius:8px;border:1px solid rgba(126,179,255,.5);background:#091730d9;color:#e0e6f0;font-size:.92rem}#start-btn,#next-mission-btn,#restart-btn,#restart-pause-btn{padding:.9rem 2.6rem;font-size:1.15rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;background:#3a7bd5;color:#fff;transition:background .2s,transform .15s;box-shadow:0 4px 20px #3a7bd566}#start-btn:hover,#next-mission-btn:hover,#restart-btn:hover,#restart-pause-btn:hover{background:#5a9cf5;transform:scale(1.05)}#restart-pause-btn{display:block;margin:.7rem auto 0;background:#8b3a3a;box-shadow:0 4px 20px #b43c3c59}#restart-pause-btn:hover{background:#c05050}#hud{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;padding:14px 24px;pointer-events:none}#hud-left,#hud-right{display:flex;flex-direction:column;gap:4px;align-items:flex-start}#hud-right{align-items:flex-end}.hud-panel{display:flex;flex-direction:column;gap:4px}.hud-item{font-size:.85rem;display:flex;align-items:center;gap:6px;background:#00000073;padding:4px 8px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud-item .label{color:#7eb3ff;font-weight:600;min-width:28px}.hud-item .unit{color:#7eb3ff80;font-size:.75rem}.hud-item-thr{align-items:center}.thr-text{display:flex;flex-direction:column;align-items:center;line-height:1.25}.thr-text .label{min-width:unset}#hud-center{text-align:center;flex:1}#hud-mission{font-size:.95rem;color:#ffda7a;text-shadow:0 0 8px rgba(255,218,122,.5);min-height:1.4em}#hud-message{font-size:1.4rem;font-weight:700;color:#56ffa4;text-shadow:0 0 12px rgba(86,255,164,.5);min-height:1.6em;transition:opacity .4s}#nav-compass{margin-top:6px;display:inline-flex;align-items:center;gap:10px;padding:4px 10px;border-radius:8px;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#nav-arrow{width:16px;height:30px;position:relative;transform-origin:50% 50%;transition:transform .08s linear}#nav-arrow:before{content:"";position:absolute;left:50%;transform:translate(-50%);top:9px;width:4px;height:18px;border-radius:3px;background:#7eb3ff;box-shadow:0 0 8px #7eb3ffb3}#nav-arrow:after{content:"";position:absolute;left:50%;transform:translate(-50%);top:0;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:12px solid #7eb3ff;filter:drop-shadow(0 0 6px rgba(126,179,255,.75))}#nav-distance{font-size:.85rem;color:#d9e7ff;min-width:52px}#fuel-bar-outer{width:80px;height:10px;background:#ffffff26;border-radius:5px;overflow:hidden}#fuel-bar{height:100%;width:100%;background:linear-gradient(90deg,#f44,#fa0,#4f8);border-radius:5px;transition:width .3s}#throttle-bar-outer{width:8px;height:48px;background:#ffffff26;border-radius:4px;overflow:hidden;position:relative}#throttle-bar{position:absolute;bottom:0;width:100%;height:0%;background:linear-gradient(0deg,#3a7bd5,#56ffa4);border-radius:4px;transition:height .12s}#minimap{position:fixed;bottom:16px;left:16px;z-index:10;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:#00143299;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}#mission-complete,#game-over{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.overlay-content{text-align:center;animation:fadeIn .5s ease-out}.overlay-content h2{font-size:2.4rem;margin-bottom:.6rem;color:#56ffa4;text-shadow:0 0 20px rgba(86,255,164,.4)}.overlay-content p{font-size:1.1rem;color:#a0c4ff;margin-bottom:1.6rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}#mobile-settings-panel{display:flex;flex-direction:column;gap:10px;align-items:center;margin-bottom:1.2rem;padding:12px 18px;border-radius:10px;background:#091730a6;border:1px solid rgba(126,179,255,.25)}.mobile-setting{display:flex;align-items:center;gap:10px;font-size:.9rem}.mobile-setting label{color:#a0c4ff;min-width:90px;text-align:right}.mobile-setting select{padding:.4rem .6rem;border-radius:6px;border:1px solid rgba(126,179,255,.4);background:#091730d9;color:#e0e6f0;font-size:.88rem}#desktop-settings-panel{display:flex;flex-direction:column;gap:10px;align-items:center;margin-bottom:1.2rem;padding:12px 18px;border-radius:10px;background:#091730a6;border:1px solid rgba(126,179,255,.25)}.desktop-setting{display:flex;align-items:center;gap:10px;font-size:.9rem}.desktop-setting label{color:#a0c4ff;min-width:130px;text-align:right}.desktop-setting select{padding:.4rem .6rem;border-radius:6px;border:1px solid rgba(126,179,255,.4);background:#091730d9;color:#e0e6f0;font-size:.88rem}.desktop-setting input[type=range]{width:120px;accent-color:#3a7bd5;cursor:pointer}.desktop-setting input[type=checkbox]{width:20px;height:20px;accent-color:#3a7bd5;cursor:pointer}.desktop-setting #sensitivity-value{color:#e0e6f0;font-weight:600;min-width:18px;text-align:center}#gamepad-status{font-size:.82rem;color:#7eb3ff;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-action-btn{padding:.55rem 1.6rem;font-size:.95rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;background:#2a5db0;color:#fff;transition:background .2s,transform .15s}.menu-action-btn:hover{background:#4a80d8;transform:scale(1.04)}#mobile-controls{position:fixed;inset:0;z-index:15;pointer-events:none}#mobile-controls>*{pointer-events:auto}.mobile-dpad{position:fixed;bottom:30px;z-index:16;width:130px;height:130px;touch-action:none}.mobile-dpad.mobile-left{left:20px}.mobile-dpad.mobile-right{right:20px}.dpad-ring{width:100%;height:100%;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;position:relative}.dpad-knob{width:46px;height:46px;border-radius:50%;background:#7eb3ff73;border:2px solid rgba(126,179,255,.65);box-shadow:0 0 12px #7eb3ff4d;transition:transform .06s ease-out}.mobile-throttle{position:fixed;bottom:30px;z-index:16;display:flex;flex-direction:column;align-items:center;gap:4px;touch-action:none}.mobile-throttle.mobile-left{left:36px}.mobile-throttle.mobile-right{right:36px}.throttle-track{width:28px;height:140px;border-radius:14px;background:#ffffff14;border:2px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.throttle-fill{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(0deg,#56ffa459,#7eb3ff40);border-radius:0 0 12px 12px;transition:height .08s ease-out}.throttle-handle{position:absolute;bottom:50%;left:50%;transform:translate(-50%);width:36px;height:12px;border-radius:6px;background:#7eb3ff99;border:1px solid rgba(126,179,255,.85);box-shadow:0 0 8px #7eb3ff40;transition:bottom .08s ease-out}.throttle-label{font-size:.65rem;color:#7eb3ff8c;font-weight:600}.mobile-actions{position:fixed;bottom:30px;z-index:16;display:flex;flex-direction:column;gap:10px}.mobile-actions.actions-left{left:160px}.mobile-actions.actions-right{right:160px}.mobile-btn{width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:#ffffff14;color:#ffffffb3;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:background .1s}.mobile-btn.active{background:#7eb3ff59;border-color:#7eb3ffb3}.mobile-menu-btn{position:fixed;top:12px;right:12px;z-index:20;width:42px;height:42px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#e0e6f0;font-size:1.4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;pointer-events:auto}.mobile-menu-btn:active{background:#7eb3ff4d}.mobile-calibrate-btn{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:20;padding:6px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#e0e6f0;font-size:.8rem;font-weight:600;cursor:pointer;touch-action:manipulation;pointer-events:auto}.mobile-calibrate-btn:active{background:#7eb3ff4d}#setting-invert-y{width:20px;height:20px;accent-color:#3a7bd5;cursor:pointer}.gp-focused{outline:2px solid #56ffa4!important;box-shadow:0 0 0 4px #56ffa42e,0 0 18px #56ffa466!important;transition:outline .08s,box-shadow .08s}button.gp-focused{transform:scale(1.06)!important;background:#4a9de8!important}#restart-pause-btn.gp-focused{background:#b04040!important}input[type=checkbox].gp-focused{outline-offset:3px;accent-color:#56ffa4}#minimap.minimap-right{left:auto!important;right:16px}@media(max-width:900px){.start-content h1{font-size:2.6rem}.start-content .subtitle{font-size:1rem;margin-bottom:1rem}.controls-hint{font-size:.75rem;gap:.4rem .8rem;margin-bottom:1.2rem}#mobile-settings-panel{padding:8px 12px;gap:6px}#hud{padding:8px 12px}.hud-item{font-size:.72rem;padding:3px 8px}#hud-mission{font-size:.8rem}#hud-message{font-size:1rem}#minimap{width:120px!important;height:120px!important}}