:root{--bg:#05070d;--ink:#dbe7f5;--dim:#7d8ea6;--accent:#4fd6ff;--accent-dim:#1d6b86;--good:#46e08a;--warn:#ffc94d;--bad:#ff5c72;--fuel:#7de3a8;--flow:#c77dff;--panel:#080c14db;--edge:#4fd6ff47;--font:ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Mono", Menlo, Consolas, monospace;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#stage{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:2;background:radial-gradient(#0000 52%,#0000009e 100%);position:fixed;inset:0}.hud{z-index:5;pointer-events:none;letter-spacing:.08em;flex-direction:column;justify-content:space-between;padding:clamp(10px,2vmin,22px);font-size:clamp(10px,1.35vmin,14px);display:flex;position:fixed;inset:0}.hud[hidden]{display:none}.hud-row{justify-content:space-between;align-items:flex-start;gap:2vmin;display:flex}.hud-bottom{align-items:flex-end}.hud-cluster{flex-direction:column;gap:.5em;display:flex}.hud-centre{text-align:center;align-items:center}.hud-right{text-align:right;align-items:flex-end}.gauge{grid-template-columns:3.4em 1fr 3.2em;align-items:center;gap:.6em;min-width:min(30vw,260px);display:grid}.gauge-label,.stat-label{color:var(--dim);font-size:.85em}.gauge-value{text-align:right;font-variant-numeric:tabular-nums}.bar{border:1px solid var(--edge);background:#ffffff0a;height:.7em;position:relative;overflow:hidden}.bar>i{background:linear-gradient(90deg, var(--fuel), #c8ffe0);transform-origin:0;width:100%;transition:transform 90ms linear;position:absolute;inset:0 auto 0 0}.bar.flow>i{background:linear-gradient(90deg, var(--accent), var(--flow))}#g-fuel.low .bar>i{background:linear-gradient(90deg, var(--bad), #ffb0bb)}#g-fuel.low .gauge-value{color:var(--bad)}.level-tag{color:var(--accent);font-size:1.05em}.level-tag span:first-child{color:var(--dim)}.clock{font-variant-numeric:tabular-nums;font-size:1.5em}.clock .par{color:var(--dim);margin-left:.5em;font-size:.55em}.clock.over{color:var(--warn)}.stat{font-variant-numeric:tabular-nums;align-items:baseline;gap:.6em;display:flex}.stat span:last-child{font-size:1.25em}.cargo-strip,.keys-strip,.landing{align-items:center;gap:.6em;display:flex}.pips{gap:.32em;display:flex}.pip{border:1px solid var(--edge);background:0 0;width:.85em;height:.85em}.pip.carried{background:var(--warn);border-color:var(--warn)}.pip.delivered{background:var(--accent);border-color:var(--accent)}.carry{color:var(--dim)}.keyicon{opacity:.22;border:1px solid;border-radius:50%;width:.9em;height:.9em}.keyicon.held{opacity:1;box-shadow:0 0 .7em}.landing .dot{background:var(--good);width:.85em;height:.85em;box-shadow:0 0 .8em var(--good);border-radius:50%;transition:background 80ms linear,box-shadow 80ms linear}.landing.yellow .dot{background:var(--warn);box-shadow:0 0 .8em var(--warn)}.landing.red .dot{background:var(--bad);box-shadow:0 0 .8em var(--bad)}.landing .txt{color:var(--dim)}.toast{border:1px solid var(--edge);background:var(--panel);opacity:0;white-space:nowrap;padding:.5em 1.1em;font-size:1.15em;transition:opacity .16s,transform .16s;position:absolute;top:22%;left:50%;transform:translate(-50%,-8px)}.toast.show{opacity:1;transform:translate(-50%)}.overlay{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(#040810b8,#020409f2);place-items:center;padding:4vmin;animation:.22s fade;display:grid;position:fixed;inset:0}.overlay[hidden]{display:none}@keyframes fade{0%{opacity:0}}.panel{border:1px solid var(--edge);background:var(--panel);width:min(720px,94vw);max-height:92vh;font-family:var(--font-ui);padding:clamp(20px,3.6vmin,44px);font-size:clamp(14px,1.6vmin,16px);line-height:1.6;overflow:auto;box-shadow:0 0 80px #000000b3,inset 0 0 60px #4fd6ff0a}.panel h1{font-family:var(--font);letter-spacing:.16em;color:var(--accent);text-shadow:0 0 28px #4fd6ff66;margin:0 0 .1em;font-size:clamp(26px,5.4vmin,50px);font-weight:400}.panel h2{font-family:var(--font);letter-spacing:.14em;color:var(--accent);margin:0 0 .7em;font-size:clamp(17px,2.8vmin,24px);font-weight:400}.panel .tagline{color:var(--dim);margin:.2em 0 1.4em;font-size:1em}.panel p{color:#c3d2e4;max-width:62ch;margin:0 0 .9em}.panel .hint{color:#d8ecf7;border-left:3px solid var(--accent-dim);background:#4fd6ff0d;margin:1.1em 0;padding:.7em 1em}.menu{flex-direction:column;gap:.3em;margin:1.3em 0 0;padding:0;list-style:none;display:flex}.menu li{color:var(--ink);cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:space-between;align-items:center;gap:1.2em;padding:.52em 1em .52em 1.5em;transition:background 90ms,border-color 90ms;display:flex;position:relative}.mi-main{flex-direction:column;gap:.15em;min-width:0;display:flex}.mi-label{font-size:1.06em}.mi-desc{color:var(--dim);font-size:.88em;line-height:1.45}.mi-value{font-family:var(--font);letter-spacing:.06em;color:var(--accent);border:1px solid var(--edge);white-space:nowrap;border-radius:999px;flex:none;padding:.2em .7em;font-size:.86em}.menu li[aria-selected=true]{border-color:var(--accent);background:#4fd6ff1a}.menu li[aria-selected=true]:before{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:7px solid var(--accent);width:0;height:0;position:absolute;top:50%;left:.45em;transform:translateY(-50%)}.menu li[aria-disabled=true]{opacity:.38;cursor:default}.menu li[aria-disabled=true] .mi-value{color:var(--dim)}.statline{color:var(--dim);flex-wrap:wrap;gap:.4em 1.6em;margin:.2em 0 0;font-size:.92em;display:flex}.statline b{color:var(--ink);font-weight:500;font-family:var(--font)}.menu-detail{min-height:2.8em;color:var(--dim);margin:1em 0 0;padding-left:1.5em;font-size:.92em}.keycaps{color:var(--dim);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.6em 1.8em;margin:1.3em 0 0;font-size:.95em;display:grid}.keycaps b{color:var(--ink);font-weight:400}kbd{text-align:center;border:1px solid var(--edge);min-width:1.9em;color:var(--ink);background:#ffffff0d;border-bottom-width:2px;border-radius:3px;margin-right:.2em;padding:.12em .42em;font-size:.9em;display:inline-block}.scoretable{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:1.1em 0}.scoretable td:last-child{font-family:var(--font)}.scoretable td{border-bottom:1px dashed #7d8ea638;padding:.34em 0}.scoretable td:last-child{text-align:right}.scoretable tr.total td{border-bottom:none;border-top:1px solid var(--edge);color:var(--accent);padding-top:.7em;font-size:1.3em}.medal{letter-spacing:.2em;border:1px solid;padding:.2em .8em;display:inline-block}.medal.gold{color:#ffd76a}.medal.silver{color:#cfd8e6}.medal.bronze{color:#d9955c}.medal.none{color:var(--dim)}.pwfield{gap:.6em;margin-top:1.2em;display:flex}.pwfield input{border:1px solid var(--edge);color:var(--ink);font:inherit;letter-spacing:.28em;text-transform:uppercase;background:#ffffff0a;flex:1;padding:.7em 1em}.pwfield input:focus{border-color:var(--accent);outline:none}.footnote{max-width:66ch;color:var(--dim);margin-top:1.6em;font-size:.88em;line-height:1.65}.grid2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2em;display:grid}.badge{border:1px solid var(--edge);color:var(--dim);letter-spacing:.16em;padding:.15em .6em;font-size:.8em;display:inline-block}@media (prefers-reduced-motion:reduce){.overlay,.toast,.bar>i{transition:none;animation:none}}.touch{z-index:6;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;align-items:stretch;height:clamp(150px,46vh,340px);display:flex;position:fixed;bottom:0;left:0;right:0}.touch[hidden]{display:none}.touch-zone{pointer-events:auto;touch-action:none;padding:clamp(10px,2.4vmin,26px);padding-bottom:max(clamp(10px, 2.4vmin, 26px), env(safe-area-inset-bottom));flex:40%;align-items:flex-end;display:flex}.touch-zone-left{justify-content:flex-start}.touch-zone-right{justify-content:flex-end}body.has-touch-controls .hud{justify-content:flex-start;gap:.7em}body.has-touch-controls .hud-bottom{align-items:flex-start}body.has-touch-controls .toast{top:34%}.touch-steer,.touch-throttle{pointer-events:none;opacity:.72;flex-direction:column;align-items:center;gap:.5em;transition:opacity .12s;display:flex}.touch-zone.engaged .touch-steer,.touch-zone.engaged .touch-throttle{opacity:1}.touch-label{letter-spacing:.14em;color:var(--dim);white-space:nowrap;font-size:clamp(9px,1.3vmin,12px)}.touch-zone.engaged .touch-label{color:var(--accent)}.touch-track{border:1px solid var(--edge);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#4fd6ff17,#080c14b8);border-radius:999px;width:clamp(150px,34vw,320px);height:clamp(54px,11vmin,78px);position:relative}.touch-centre{background:var(--edge);width:1px;position:absolute;top:22%;bottom:22%;left:50%}.touch-vtrack{border:1px solid var(--edge);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#080c14b8,#7de3a81a);border-radius:999px;width:clamp(54px,11vmin,78px);height:clamp(110px,26vh,260px);position:relative;overflow:hidden}.touch-fill{background:linear-gradient(#ffb15c80,#7de3a88c);height:0;transition:height 40ms linear;position:absolute;bottom:0;left:0;right:0}.touch-knob{pointer-events:none;background:radial-gradient(circle at 38% 32%,#eaf6ff,#7fb6d6 62%,#33566d);border-radius:50%;width:clamp(42px,8.6vmin,60px);height:clamp(42px,8.6vmin,60px);position:absolute;box-shadow:0 0 14px #4fd6ff73,inset 0 -2px 6px #0006}.touch-zone.engaged .touch-knob{box-shadow:0 0 22px #4fd6ffd9,inset 0 -2px 6px #0006}.touch-track>.touch-knob{top:50%;left:0;transform:translateY(-50%)}.touch-vtrack>.touch-knob{bottom:0;left:50%;transform:translate(-50%)}.touch-mid{pointer-events:auto;flex-direction:column;flex:none;align-self:flex-end;gap:.6em;padding:0 .4em clamp(12px,3vmin,30px);display:flex}.touch-btn{border:1px solid var(--edge);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);min-width:clamp(58px,12vmin,86px);min-height:clamp(44px,8vmin,60px);color:var(--ink);font:inherit;letter-spacing:.14em;touch-action:none;background:#080c14b8;border-radius:12px;font-size:clamp(10px,1.4vmin,13px)}.touch-btn.held{border-color:var(--accent);color:var(--accent);background:#4fd6ff2e}@media (orientation:portrait) and (max-width:560px){.touch-track{width:clamp(130px,40vw,240px)}.touch-vtrack{height:clamp(120px,20vh,200px)}.touch-label{display:none}.touch-mid{flex-direction:row;align-self:center;padding-bottom:clamp(16px,5vmin,40px)}}@media (orientation:landscape) and (max-height:480px){.touch{height:66vh}.touch-vtrack{height:clamp(120px,44vh,190px)}.touch-track{width:clamp(140px,28vw,260px);height:clamp(48px,13vh,64px)}}.rotate-hint{z-index:7;border:1px solid var(--edge);background:var(--panel);color:var(--dim);letter-spacing:.12em;pointer-events:none;white-space:nowrap;border-radius:999px;padding:.45em 1em;font-size:clamp(10px,1.4vmin,13px);position:fixed;top:clamp(62px,11vh,110px);left:50%;transform:translate(-50%)}.rotate-hint[hidden]{display:none}