:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa;overflow:hidden}.game-container{width:100vw;height:100vh;position:relative;overflow:hidden;cursor:none}canvas{display:block}.hud{position:absolute;top:0;left:0;right:0;padding:16px 24px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:10}.hud-left,.hud-right{display:flex;flex-direction:column;gap:6px}.hud-item{font-size:14px;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.7);letter-spacing:.03em}.hud-item.score{font-size:22px;color:gold}.hud-item.mission{color:#7dd3fc;font-size:13px}.hud-item.altitude{color:#a5f3a0}.hud-item.speed{color:#fca5a5}.hud-item.lives{color:#f472b6}.mission-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:20;animation:missionPop 2s ease-out forwards}.mission-banner h2{font-size:28px;color:#7dd3fc;text-shadow:0 2px 12px rgba(0,0,0,.8);margin-bottom:4px}.mission-banner p{font-size:16px;color:#ffffffb3;text-shadow:0 1px 6px rgba(0,0,0,.8)}@keyframes missionPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}30%{transform:translate(-50%,-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-60%) scale(.95)}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;pointer-events:all}.overlay-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.overlay-content{position:relative;text-align:center;max-width:420px;padding:0 24px}.overlay-content h1{font-size:42px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px;background:linear-gradient(135deg,gold,#ff6b35,#f36);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.overlay-content h2{font-size:28px;font-weight:700;margin-bottom:12px;color:gold}.overlay-content p{font-size:15px;color:#ffffffb3;margin-bottom:24px;line-height:1.6}.overlay-content .subtitle{font-size:13px;color:#ffffff73;margin-bottom:20px;letter-spacing:.04em}.final-score{font-size:48px;font-weight:800;color:gold;margin:12px 0}.final-stats{display:flex;justify-content:center;gap:32px;margin-bottom:24px}.final-stat{display:flex;flex-direction:column;gap:2px}.final-stat .label{font-size:11px;color:#ffffff73;text-transform:uppercase;letter-spacing:.1em}.final-stat .value{font-size:20px;font-weight:700;color:#fafafa}.btn{display:inline-block;padding:12px 36px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;letter-spacing:.02em;transition:transform .1s,box-shadow .1s;pointer-events:all}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #ffd7004d}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,gold,#ff9500);color:#1a1a1a}.btn-secondary{background:#ffffff1a;color:#fafafa;border:1px solid rgba(255,255,255,.15);margin-top:10px}.controls-hint{margin-top:20px;font-size:12px;color:#ffffff59;line-height:1.7}.controls-hint kbd{display:inline-block;padding:2px 7px;border-radius:4px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);font-family:ui-monospace,monospace;font-size:11px}