:root{--bg:#02030a;--panel:#0a0e1cb8;--panel-solid:#080b16f0;--line:#a0b9ff2e;--text:#eef2ff;--muted:#a9b4d0;--cyan:#7fe3ff;--amber:#ffd166;--green:#7dff9b;--red:#ff7a7a;--radius:14px;--gap:12px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;font-size:15px;line-height:1.45;overflow:hidden}[hidden]{display:none!important}#scene{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#labels{pointer-events:none;position:fixed;inset:0;overflow:hidden}#labels.is-hidden{display:none}#labels.is-passive .body-label{pointer-events:none;cursor:default}.body-label{color:var(--text);font:600 11px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:auto;cursor:pointer;will-change:transform;background:#04081473;border:0;border-radius:999px;padding:3px 8px;position:absolute;top:0;left:0}.body-label-moon{color:var(--muted);font-size:10px}.body-label:hover,.body-label.is-selected{color:var(--cyan);background:#7fe3ff38}#app{pointer-events:none;position:fixed;inset:0}#app>*{pointer-events:auto}h1,h2,p,dl{margin:0}.eyebrow{color:var(--cyan);font:600 11px/1.3 var(--mono);letter-spacing:.22em;text-transform:uppercase}.tagline{color:var(--muted);text-wrap:pretty}.title-card .tagline,.title-card .fine-print{color:#d5dcf0;text-shadow:0 1px 12px #02030af2,0 0 3px #02030ae6}.fine-print{color:var(--muted);font-size:13px}.screen{padding:calc(20px + var(--safe-top)) 20px calc(20px + var(--safe-bottom));z-index:20;background:radial-gradient(#02030a59,#02030adb);place-items:center;display:grid;position:absolute;inset:0;overflow-y:auto}.title-card{text-align:center;justify-items:center;gap:18px;max-width:560px;display:grid}.title-card h1{letter-spacing:-.03em;background:linear-gradient(#fff 20%,#ffd9a0 60%,#ff9a4d 100%);color:#0000;text-wrap:balance;-webkit-background-clip:text;background-clip:text;font-size:clamp(44px,11vw,88px);font-weight:800;line-height:.95}.title-actions{gap:var(--gap);flex-wrap:wrap;justify-content:center;display:flex}.button{border:1px solid var(--line);min-height:48px;color:var(--text);font:600 15px/1 var(--sans);cursor:pointer;background:#141c36cc;border-radius:999px;padding:0 22px;transition:background-color .15s,border-color .15s,transform .15s}.button:hover{border-color:var(--cyan);background:#24325ce6}.button:active{transform:scale(.97)}.button-primary{color:#2a1700;background:linear-gradient(#ffe08a,#ffb347);border-color:#0000}.button-primary:hover{background:linear-gradient(#ffeaa8,#ffc064);border-color:#0000}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.sheet{border:1px solid var(--line);background:var(--panel-solid);border-radius:22px;justify-items:start;gap:14px;width:min(920px,100%);padding:24px;display:grid}.sheet-narrow{width:min(440px,100%)}.sheet h2{letter-spacing:-.02em;font-size:clamp(26px,5vw,36px);line-height:1.1}#top-bar{align-items:center;gap:var(--gap);padding:calc(10px + var(--safe-top)) 14px 10px;z-index:10;background:linear-gradient(#02030ad9,#02030a00);display:flex;position:absolute;top:0;left:0;right:0}.brand{color:var(--text);font:800 17px/1 var(--sans);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;background:0 0;border:0;min-height:44px;padding:0 4px}.tabs{border:1px solid var(--line);background:var(--panel);border-radius:999px;gap:4px;padding:4px;display:flex}.tab{min-height:36px;color:var(--muted);font:600 13px/1 var(--sans);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 16px}.tab.is-active{color:var(--cyan);background:#7fe3ff2e}.toggles{scrollbar-width:none;gap:6px;margin-left:auto;display:flex;overflow-x:auto}.chip{border:1px solid var(--line);background:var(--panel);min-height:36px;color:var(--muted);font:600 12px/1 var(--sans);white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;padding:0 14px;transition:background-color .15s,color .15s,border-color .15s}.chip:hover{color:var(--text);border-color:#a0b9ff66}.chip[aria-pressed=true],.chip.is-active{color:var(--cyan);background:#7fe3ff29;border-color:#7fe3ff8c}.chip-strong{color:var(--text)}.chip-row{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.toggles::-webkit-scrollbar{display:none}#info-panel{top:calc(70px + var(--safe-top));width:min(340px,100vw - 28px);max-height:calc(100vh - 250px);border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);-webkit-backdrop-filter:blur(14px);z-index:9;gap:8px;max-height:calc(100dvh - 250px);padding:16px 18px;font-size:14px;display:grid;position:absolute;right:14px;overflow-y:auto}#info-panel h2{letter-spacing:-.02em;font-size:24px;line-height:1.1}#info-panel p{color:var(--muted)}.icon-button{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.icon-button:hover{color:var(--text);background:#ffffff14}dl{grid-template-columns:auto 1fr;gap:3px 14px;width:100%;display:grid}dt{color:var(--muted);font:600 11px/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase}dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}#info-panel .fun-fact{border-left:2px solid var(--amber);color:var(--text);background:#ffd16614;border-radius:0 8px 8px 0;padding:10px 12px;font-size:14px}#explore-bar,#aim-panel,#flight-panel{padding:26px 14px calc(14px + var(--safe-bottom));z-index:10;background:linear-gradient(#02030a00,#02030aeb 45%);gap:10px;display:grid;position:absolute;bottom:0;left:0;right:0}#explore-bar{grid-template-columns:minmax(0,1fr)}.time-row,.speed-row{align-items:center;gap:10px;display:flex}#date-label{min-width:108px;font:600 14px/1 var(--mono);font-variant-numeric:tabular-nums;flex:none}input[type=range]{width:100%;min-width:0;height:32px;accent-color:var(--cyan);cursor:pointer;touch-action:pan-y;background:0 0;flex:1;margin:0}#mission-hud{top:calc(64px + var(--safe-top));pointer-events:none;z-index:9;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 24px;display:flex;position:absolute;left:14px;right:14px}.mission-title{gap:2px;max-width:420px;display:grid}.mission-title h2{letter-spacing:-.01em;font-size:22px}.mission-title p:last-child{color:var(--muted);font-size:13px}.gauges{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);-webkit-backdrop-filter:blur(14px);gap:6px;width:min(330px,100%);padding:12px 14px;display:grid}.gauge{grid-template-columns:48px 1fr 116px;align-items:center;gap:8px;display:grid}.gauge-label{color:var(--muted);font:600 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.gauge-value{text-align:right;font:600 12px/1 var(--mono);font-variant-numeric:tabular-nums}.bar{background:#ffffff1a;border-radius:999px;height:8px;overflow:hidden}.bar span{border-radius:inherit;background:linear-gradient(90deg, var(--amber), #ff9a4d);transform-origin:0;width:100%;height:100%;display:block}#clock-fill{background:linear-gradient(90deg, var(--cyan), #6f8dff)}.gauge-note{color:var(--muted);font-size:11px}.status{min-height:1.4em;color:var(--text);font-size:13px}.status.is-good{color:var(--green)}.status.is-bad{color:var(--red)}.hint{color:var(--muted);text-wrap:pretty;font-size:13px}#aim-panel{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;max-width:980px;margin:0 auto}#aim-panel .hint,#aim-panel .aim-actions{grid-column:1/-1}.slider{gap:2px;display:grid}.slider span{color:var(--muted);font:600 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:8px;display:flex}.slider output{color:var(--text);font-variant-numeric:tabular-nums}.aim-actions{justify-content:space-between;align-items:center;gap:var(--gap);display:flex}#launch-button{min-width:150px}#flight-panel{grid-template-columns:auto 1fr;align-items:end}.steer-pad{align-items:center;gap:8px;display:flex}.steer-column{gap:8px;display:grid}.steer{border:1px solid var(--line);background:var(--panel);width:76px;height:56px;color:var(--text);font:700 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:14px}.steer.is-active{border-color:var(--amber);color:var(--amber);background:#ffd16640}.flight-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}#aim-handle{border:2px solid var(--amber);cursor:grab;touch-action:none;z-index:8;background:#ffd16638;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:fixed;top:0;left:0;box-shadow:0 0 18px #ffd1668c}#aim-handle:active{cursor:grabbing;background:#ffd16666}.level-grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));width:100%;display:grid}.level-card{border:1px solid var(--line);border-radius:var(--radius);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:#141c368c;gap:6px;padding:16px;transition:border-color .15s,background-color .15s,transform .15s;display:grid}.level-card:hover{border-color:var(--cyan);background:#24325cb3;transform:translateY(-2px)}.level-card h3{letter-spacing:-.01em;margin:0;font-size:19px}.level-card p{color:var(--muted);font-size:13px}.level-card .eyebrow{color:var(--cyan);font-size:11px}.level-card .level-best{color:var(--text);font:600 12px/1.4 var(--mono);justify-content:space-between;display:flex}.stars{color:var(--amber);letter-spacing:.12em;font-size:34px;line-height:1}.stars .star-empty{color:#ffffff2e}.level-card .stars{font-size:14px}#result-rows dd.is-total{color:var(--amber);font-size:18px;font-weight:700}#toast{color:var(--green);font:700 14px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;opacity:0;z-index:15;background:#06160ed9;border:1px solid #7dff9b80;border-radius:999px;padding:10px 18px;transition:opacity .25s,transform .25s;position:absolute;top:38%;left:50%;transform:translate(-50%,10px);pointer-events:none!important}#toast.is-visible{opacity:1;transform:translate(-50%)}@media (max-width:800px){.brand{display:none}}@media (max-width:720px){.speed-row{flex-wrap:wrap}#speed-chips{flex:1 0 100%}body{font-size:14px}#top-bar{flex-wrap:wrap;gap:8px}.brand{display:none}.toggles{width:100%;margin-left:0}#info-panel{top:auto;left:10px;right:10px;bottom:calc(222px + var(--safe-bottom));width:auto;max-height:36vh}#mission-hud{top:calc(104px + var(--safe-top));left:10px;right:10px}.mission-title p:last-child{display:none}.gauges{width:100%}#aim-panel{grid-template-columns:1fr;gap:6px}#aim-panel .hint{display:none}.steer{width:68px;height:52px}.sheet{padding:18px}}@media (max-height:520px) and (orientation:landscape){#mission-hud .mission-title{display:none}#aim-panel{grid-template-columns:repeat(3,minmax(0,1fr))}#info-panel{max-height:calc(100vh - 190px)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}