*,*: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{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{background:#5a9cf5;transform:scale(1.05)}#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}#hud-right{align-items:flex-end}.hud-item{font-size:.85rem;display:flex;align-items:center;gap:6px;background:#00000073;padding:4px 12px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud-item .label{color:#7eb3ff;font-weight:600;min-width:36px}.hud-item .unit{color:#7eb3ff80;font-size:.75rem}#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}#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)}}