:root{--bg:#070b18;--bg-raised:#0d1528;--panel:#0c1326f0;--line:#a7b4cc2e;--line-strong:#a7b4cc52;--text:#fff;--text-2:#a7b4cc;--text-3:#7f8ca6;--accent:#46d9ff;--accent-ink:#04202b;--success:#42d392;--warning:#ffb547;--danger:#ff5c70;--radius:14px;--radius-lg:18px;--gutter:16px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--stage-w:100%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:radial-gradient(120% 60% at 50% 0%, #0f1a36 0%, #070b1800 70%), var(--bg);background-color:var(--bg);color:var(--text);font-family:var(--font);margin:0;font-size:16px;line-height:1.5}button{font:inherit;color:inherit}kbd{border:1px solid var(--line-strong);min-width:1.9em;color:var(--text);font-family:var(--mono);text-align:center;background:#ffffff0a;border-bottom-width:2px;border-radius:6px;padding:.05em .45em;font-size:.82em;line-height:1.5;display:inline-block}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}.app{height:100vh;height:100dvh;min-height:360px;padding:var(--safe-top) var(--safe-right) 0 var(--safe-left);flex-direction:column;display:flex}.site-header{padding:10px var(--gutter);flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{min-width:0;color:inherit;border-radius:10px;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-mark{flex:none;width:34px;height:34px}.brand-text{flex-direction:column;min-width:0;line-height:1.15;display:flex}.brand-name{letter-spacing:.08em;font-size:20px;font-weight:800}.brand-num{color:var(--accent)}.brand-tagline{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.header-actions{flex:none;align-items:center;gap:8px;display:flex}.best{flex-direction:column;align-items:flex-end;margin:0 6px 0 0;line-height:1.1;display:flex}.best-label{color:var(--text-2);letter-spacing:.12em;text-transform:uppercase;font-size:11px}.best-value{font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.icon-btn{border:1px solid var(--line);cursor:pointer;background:#ffffff08;border-radius:12px;place-items:center;width:44px;height:44px;padding:0;transition:background-color .12s,border-color .12s;display:inline-grid}.icon-btn:hover:not(:disabled){border-color:var(--line-strong);background:#ffffff14}.icon-btn:disabled{opacity:.35;cursor:default}.icon{fill:currentColor;width:22px;height:22px}#pause-button .icon-play,#pause-button[data-paused=true] .icon-pause,#sound-button .icon-sound-off,#sound-button[aria-pressed=false] .icon-sound-on{display:none}#pause-button[data-paused=true] .icon-play,#sound-button[aria-pressed=false] .icon-sound-off{display:block}.play{min-height:0;padding:0 var(--gutter) 12px;flex:1;grid-template:"hud""stage"minmax(0,1fr)"controls"/minmax(0,1fr);display:grid;position:relative}.stage-area{grid-area:stage;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.stage{aspect-ratio:9/7;border-radius:var(--radius);background:var(--bg);width:100%;max-height:100%;box-shadow:0 0 0 1px var(--line), 0 24px 60px -24px #000c;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative;overflow:hidden}.stage:focus{outline:none}.stage:focus-visible{outline-offset:2px;outline:2px solid #46d9ff59}.stage-canvas,.stage-canvas canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.stage-status{border:1px solid var(--line);color:var(--text-2);letter-spacing:.12em;text-transform:uppercase;pointer-events:none;background:#070b18a8;border-radius:999px;align-items:center;gap:6px;margin:0;padding:3px 9px 3px 8px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:8px;left:8px}.status-dot{background:var(--text-3);border-radius:50%;width:7px;height:7px}.stage-status[data-state=PLAYING] .status-dot{background:var(--accent);box-shadow:0 0 8px var(--accent)}.stage-status[data-state=PAUSED] .status-dot{background:var(--warning)}.stage-status[data-state=LANDED] .status-dot{background:var(--success)}.stage-status[data-state=CRASHED] .status-dot,.stage-status[data-state=TIMEOUT] .status-dot{background:var(--danger)}.hud{width:min(100%, var(--stage-w));grid-area:hud;grid-template-columns:repeat(6,minmax(0,1fr));justify-self:center;gap:6px;margin:0 0 8px;display:grid}.hud-cell{border:1px solid var(--line);background:var(--bg-raised);border-radius:10px;flex-direction:column;justify-content:center;min-width:0;padding:6px 10px 7px;display:flex;position:relative}.hud-label{color:var(--text-2);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:4px;font-size:10.5px;font-weight:700;display:flex}.hud-value{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:18px;font-weight:700;line-height:1.25}.hud-unit{color:var(--text-3);margin-left:3px;font-size:11px;font-weight:600}.hud-flag{letter-spacing:0;font-size:11px}.hud-cell[data-status=ok] .hud-flag{color:var(--success)}.hud-cell[data-status=bad] .hud-flag,.hud-cell[data-status=bad] .hud-value{color:var(--warning)}.hud-cell[data-status=critical]{border-color:#ff5c7099}.hud-cell[data-status=critical] .hud-value,.hud-cell[data-status=critical] .hud-flag{color:var(--danger)}.fuel-bar{background:#ffffff14;border-radius:2px;height:4px;margin-top:3px;display:block;overflow:hidden}.fuel-fill{background:var(--accent);transform-origin:0;width:100%;height:100%;transition:background-color .2s;display:block}.hud-cell[data-status=critical] .fuel-fill{background:var(--danger)}.touch-controls{width:min(100%, var(--stage-w));padding:10px 0 var(--safe-bottom);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;grid-area:controls;justify-content:space-between;justify-self:center;align-items:stretch;gap:12px;display:none}.has-touch .touch-controls{display:flex}.touch-group{gap:10px;display:flex}.touch-btn{border:1px solid var(--line-strong);min-width:72px;min-height:64px;color:var(--text);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:pointer;background:linear-gradient(#ffffff12,#ffffff05);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 10px;display:flex}.touch-btn svg{fill:currentColor;width:26px;height:26px}.touch-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);font-size:11px;font-weight:700}.touch-btn--thrust{min-width:128px;color:var(--accent);border-color:#46d9ff80}.touch-btn[data-active=true]{border-color:var(--accent);background:#46d9ff38;transform:scale(.97)}.touch-btn--thrust[data-active=true]{border-color:var(--warning);color:var(--warning);background:#ffb54740}.overlay{z-index:10;overscroll-behavior:contain;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#070b1880;padding:12px;display:flex;position:absolute;inset:0;overflow-y:auto}.panel{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--panel);text-align:center;width:min(100%,440px);margin:auto;padding:22px 22px 18px;animation:.22s ease-out panel-in;box-shadow:0 30px 80px -20px #000000d9}.panel--compact{width:min(100%,320px)}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.title{flex-direction:column;align-items:center;margin:0;line-height:1;display:flex}.title-ship{letter-spacing:.1em;margin-right:-.1em;font-size:clamp(40px,9vw,58px);font-weight:900}.title-sub{color:var(--text-2);letter-spacing:.42em;text-transform:uppercase;margin-top:8px;margin-right:-.42em;font-size:14px;font-weight:700}.tagline{color:var(--text);margin:14px 0 18px;font-size:15px}.btn{border:1px solid var(--line-strong);letter-spacing:.04em;cursor:pointer;background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;min-height:46px;padding:10px 20px;font-size:15px;font-weight:700;transition:background-color .12s,transform 80ms;display:inline-flex}.btn:hover{background:#ffffff1a}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.btn--primary:hover{background:#7ce5ff}.btn--play{text-transform:uppercase;letter-spacing:.12em;min-width:200px;min-height:52px;font-size:17px}.help{color:var(--text-2);margin:16px 0 0;font-size:14px}.help-row{justify-content:center;align-items:center;gap:6px;margin:6px 0;display:flex}.help-row span{margin-right:6px}.help--touch{display:none}.has-touch .help--touch{display:block}.has-touch:not(.has-keyboard) .help--keys{display:none}.goal{border-top:1px solid var(--line);color:var(--text-2);margin:14px 0 0;padding-top:12px;font-size:13px}.goal strong{color:var(--text)}.menu-stats{color:var(--text-2);margin:10px 0 0;font-size:13px}.menu-stats strong{color:var(--accent)}.panel-title{letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:24px}.panel-text{color:var(--text-2);margin:0 0 16px}.hint{color:var(--text-3);margin:12px 0 0;font-size:12.5px}.has-touch:not(.has-keyboard) .hint,.has-touch:not(.has-keyboard) .launch-hint{display:none}.launch-hint{color:var(--text-3);margin:10px 0 0;font-size:13px}.overlay--results{background:#070b186b}.result-title{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:clamp(24px,5.5vw,30px);font-weight:900}[data-outcome=landed] .result-title{color:var(--success)}[data-outcome=crashed] .result-title{color:var(--danger)}[data-outcome=timeout] .result-title{color:var(--warning)}.result-message{margin:6px 0 0;font-size:17px;font-weight:700}.result-detail{color:var(--text-2);margin:4px 0 0;font-size:14px}.result-detail:empty{display:none}.result-score{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 8px;margin:14px 0 0;display:flex}.result-score-label{width:100%;color:var(--text-2);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700}.result-score-value{font-variant-numeric:tabular-nums;font-size:44px;font-weight:900;line-height:1}.result-score-max{color:var(--text-3);font-weight:700}.result-best{color:var(--text-2);margin:8px 0 0;font-size:14px}.result-best[data-new=true]{color:var(--warning);font-weight:800}.result-best:empty{display:none}.result-stats,.breakdown-list{text-align:left;grid-template-columns:auto auto;gap:4px 14px;max-width:320px;margin:14px auto 0;font-size:14px;display:grid}.result-stats dt,.breakdown-list dt{color:var(--text-2)}.result-stats dd,.breakdown-list dd{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;margin:0}.result-stats dd[data-status=bad]{color:var(--danger)}.result-stats dd[data-status=ok]{color:var(--success)}.breakdown{text-align:left;max-width:320px;margin:12px auto 0}.breakdown summary{color:var(--text-2);cursor:pointer;text-align:center;font-size:13px}.breakdown-list{margin-top:8px}.breakdown-list .breakdown-total{border-top:1px solid var(--line);color:var(--text);padding-top:4px;font-weight:700}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.result-actions .btn{flex:140px}.share-feedback{min-height:1.2em;color:var(--success);margin:8px 0 0;font-size:13px}.share-feedback:empty{min-height:0;margin:0}.share-fallback{color:var(--text-2);text-align:left;margin-top:10px;font-size:13px;display:block}.share-fallback textarea{border:1px solid var(--line-strong);background:var(--bg);width:100%;color:var(--text);font:13px/1.4 var(--mono);resize:vertical;border-radius:10px;margin-top:6px;padding:10px;display:block}.about{max-width:720px;padding:48px var(--gutter) 24px;color:var(--text-2);margin:0 auto}.about h2{color:var(--text);margin:0 0 12px;font-size:26px}.about h3{color:var(--text);margin:28px 0 8px;font-size:18px}.about strong{color:var(--text)}.about ul{padding-left:1.2em}.about li{margin:4px 0}.site-footer{max-width:720px;padding:24px var(--gutter) calc(32px + var(--safe-bottom));border-top:1px solid var(--line);color:var(--text-3);margin:0 auto;font-size:13px}.site-footer p{margin:4px 0}.noscript{max-width:720px;color:var(--warning);margin:0 auto;padding:16px}@media (max-width:640px){:root{--gutter:10px}.site-header{padding-top:8px;padding-bottom:8px}.brand-tagline{display:none}.brand-mark{width:30px;height:30px}.hud{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.hud-cell{padding:4px 8px 5px}.hud-value{font-size:15.5px}.hud-label{font-size:9.5px}}@media (max-width:360px){.brand-mark{display:none}.best{margin-right:0}.hud-unit{display:none}.touch-btn{min-width:64px}.touch-btn--thrust{min-width:108px}}@media (max-aspect-ratio:4/5){.stage-area{align-items:flex-start}}@media (max-aspect-ratio:4/5) and (min-height:640px){.has-touch .touch-btn{min-width:84px;min-height:88px}.has-touch .touch-btn--thrust{min-width:150px}}@media (orientation:landscape) and (max-height:540px){.site-header{padding-top:4px;padding-bottom:4px}.brand-tagline{display:none}.hud{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:6px}.hud-cell{padding:3px 8px 4px}.hud-value{font-size:15px}.has-touch .play{padding-bottom:calc(8px + var(--safe-bottom));grid-template:"time stage vs""fuel stage hs""alt stage tilt"".stage."minmax(0,1fr)"left stage right"/156px minmax(0,1fr) 156px;gap:6px 12px}.has-touch .hud{display:contents}.has-touch .hud-cell[data-cell=time]{grid-area:time}.has-touch .hud-cell[data-cell=fuel]{grid-area:fuel}.has-touch .hud-cell[data-cell=alt]{grid-area:alt}.has-touch .hud-cell[data-cell=vs]{grid-area:vs}.has-touch .hud-cell[data-cell=hs]{grid-area:hs}.has-touch .hud-cell[data-cell=tilt]{grid-area:tilt}.has-touch .stage-area{align-items:center}.has-touch .touch-controls{display:contents}.has-touch .touch-group--rotate{grid-area:left;place-self:end start}.has-touch .touch-group--thrust{grid-area:right;place-self:end}.has-touch .touch-btn--thrust{min-width:96px;min-height:120px}.title-ship{font-size:36px}.panel{padding:14px 18px 12px}.tagline{margin:8px 0 10px}.goal{margin-top:8px;padding-top:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}