html,body{color:#fff;background:#87ceeb;margin:0;padding:0;font-family:ui-monospace,Menlo,monospace;overflow:hidden}#loadingOverlay{color:#e8e8ec;z-index:100;pointer-events:none;background:linear-gradient(#1a2230 0%,#0a1018 100%);flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}#loadingOverlay.fading{opacity:0}#loadingOverlay h1{letter-spacing:6px;color:#ffcb6b;margin:0 0 10px;font-size:32px}#loadingOverlay .sub{opacity:.7;margin-bottom:20px;font-size:13px}#loadingOverlay .bar{background:#ffffff1a;border-radius:4px;width:280px;height:8px;overflow:hidden}#loadingOverlay .bar>div{background:#ffcb6b;width:0;height:100%;transition:width .2s}#game{width:100vw;height:100vh;display:block}#hud{pointer-events:none;text-shadow:0 1px 2px #0009;white-space:pre;padding:12px;font-size:13px;display:none;position:fixed;top:0;left:0}#hud.visible{display:block}#helpPanel{color:#e8e8ec;pointer-events:auto;z-index:60;background:#0e141cf5;border:2px solid #9fd0ff;border-radius:6px;min-width:480px;max-height:80vh;padding:18px 26px;font-family:ui-monospace,Menlo,monospace;font-size:12px;line-height:1.7;display:none;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}#helpPanel.visible{display:block}#helpPanel h3{color:#9fd0ff;text-align:center;letter-spacing:1px;margin:0 0 10px;font-size:14px}#helpPanel h4{color:#ffcb6b;margin:12px 0 4px;font-size:12px}#helpPanel kbd{color:#ffcb6b;text-align:center;background:#2c3140;border:1px solid #4a5066;border-radius:3px;min-width:22px;margin-right:6px;padding:1px 6px;display:inline-block}#helpPanel .row{padding:1px 0;display:flex}#helpPanel .keys{min-width:130px}#helpPanel .desc{color:#d0d4dc}#hudcanvas{pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}#hudcanvas.cockpit{opacity:.4}#crash{pointer-events:none;color:#fff;text-align:center;background:#780000c7;border:2px solid #ffc8c8cc;border-radius:4px;padding:18px 28px;font-family:ui-monospace,Menlo,monospace;font-size:18px;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 28px #00000080}#crash.visible{display:block}#crash .big{letter-spacing:4px;margin-bottom:8px;font-size:28px}#crash .hint{opacity:.85;margin-top:10px;font-size:13px}#startGate{color:#e8e8ec;z-index:200;cursor:pointer;text-align:center;background:radial-gradient(#281e0e8c 0%,#080c12eb 70%),linear-gradient(#1a2230 0%,#0a1018 100%);flex-direction:column;justify-content:center;align-items:center;padding:24px;transition:opacity .4s;display:flex;position:fixed;inset:0}#startGate.fading{opacity:0;pointer-events:none}#startGate h1{letter-spacing:12px;color:#ffcb6b;text-shadow:0 4px 14px #ffcb6b59;margin:0 0 6px;font-size:64px}#startGate .tagline{opacity:.7;letter-spacing:3px;margin-bottom:28px;font-size:14px}#startGate .controls{text-align:left;grid-template-columns:max-content 1fr;gap:6px 20px;max-width:560px;margin:0 auto 28px;font-size:13px;line-height:1.4;display:grid}#startGate .controls .keys{color:#ffcb6b;white-space:nowrap}#startGate .controls .keys kbd{background:#2c3140;border:1px solid #4a5066;border-radius:3px;min-width:18px;padding:1px 5px;font-family:ui-monospace,Menlo,monospace;font-size:11px;display:inline-block}#startGate .controls .desc{color:#c4d0dc}#startGate .start{color:#ffcb6b;letter-spacing:4px;background:#ffcb6b2e;border:2px solid #ffcb6b;border-radius:6px;margin-top:4px;padding:14px 32px;font-family:ui-monospace,Menlo,monospace;font-size:16px;font-weight:700;animation:1.6s ease-in-out infinite pulseStart}@keyframes pulseStart{0%,to{box-shadow:0 0 8px #ffcb6b4d}50%{box-shadow:0 0 24px #ffcb6bb3}}#startGate .footer{color:#788090;margin-top:22px;font-size:11px}#startGate .footer kbd{color:#ffcb6b}#pauseOverlay{color:#e8e8ec;z-index:180;background:#080c12c7;flex-direction:column;justify-content:center;align-items:center;font-family:ui-monospace,Menlo,monospace;display:none;position:fixed;inset:0}#pauseOverlay.visible{display:flex}#pauseOverlay .card{text-align:center;background:#0e141cf5;border:2px solid #9fd0ff;border-radius:6px;min-width:360px;padding:24px 32px}#pauseOverlay h2{color:#9fd0ff;letter-spacing:6px;margin:0 0 6px;font-size:24px}#pauseOverlay .sub{color:#aab;margin-bottom:18px;font-size:12px}#pauseOverlay .vol-row{align-items:center;gap:12px;margin:12px 0;display:flex}#pauseOverlay .vol-row label{color:#9fd0ff;text-align:left;min-width:80px;font-size:12px}#pauseOverlay input[type=range]{pointer-events:auto;cursor:pointer;flex:1}#pauseOverlay .btn{color:#9fd0ff;letter-spacing:2px;cursor:pointer;pointer-events:auto;background:#9fd0ff1a;border:1px solid #9fd0ff;border-radius:4px;width:100%;margin-top:8px;padding:10px 18px;font-family:ui-monospace,Menlo,monospace;font-size:12px;display:block}#pauseOverlay .btn:hover{background:#9fd0ff33}#pauseOverlay .btn.danger{color:#ff7060;background:#ff70601a;border-color:#ff7060}#pauseOverlay .btn.danger:hover{background:#ff706033}#pauseOverlay .resume-hint{color:#788090;margin-top:16px;font-size:11px}#pauseOverlay .resume-hint kbd{color:#ffcb6b;background:#2c3140;border:1px solid #4a5066;border-radius:3px;padding:1px 5px;font-family:ui-monospace,Menlo,monospace;display:inline-block}#mobileReject{color:#e8e8ec;z-index:999;text-align:center;background:linear-gradient(#1a2230 0%,#0a1018 100%);flex-direction:column;justify-content:center;align-items:center;padding:32px;font-family:ui-monospace,Menlo,monospace;display:none;position:fixed;inset:0}#mobileReject.visible{display:flex}#mobileReject h1{letter-spacing:4px;color:#ffcb6b;margin:0 0 12px;font-size:26px}#mobileReject p{color:#c4d0dc;max-width:420px;font-size:14px;line-height:1.6}#weather{color:#d8dde6;pointer-events:auto;background:#14161cc7;border:1px solid #ffffff2e;border-radius:4px;width:220px;padding:10px 12px;font-family:ui-monospace,Menlo,monospace;font-size:12px;display:none;position:fixed;top:12px;right:12px}#weather.visible{display:block}#weather h4{letter-spacing:1px;margin:0 0 8px;font-size:13px;font-weight:500}#weather label{margin:6px 0 2px;display:block}#weather input[type=range]{width:100%}#weather .row{justify-content:space-between;align-items:center;display:flex}#weather .val{color:#ffcb6b}#weather button{color:#fff;cursor:pointer;background:#2c3140;border:1px solid #4a5066;width:100%;margin-top:10px;padding:4px;font-family:inherit}
