:root{--paper:#f1f2e9;--ink-bg:#101713;--surface:#121a16;--surface-raised:#19211d;--muted:#a3aca4;--line:#d7e7d624;--line-strong:#d7e7d64d;--green:#b5d7b4;--glass:#101713b8;--chip:#eef4e61a;--good:#b5d7b4;--bad:#e58f7c;--warn:#e9d29a;--accent:#b5d7b4;--ink:var(--paper);--dim:var(--muted);--mono:"Geist Mono",ui-monospace,SFMono-Regular,monospace;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{overflow:hidden;background:var(--ink-bg);color:var(--paper);-webkit-font-smoothing:antialiased;height:100%;margin:0;font-family:Geist,Arial,Helvetica,sans-serif}#stage,#stage canvas{position:fixed;display:block;inset:0}#vignette{position:fixed;pointer-events:none;background:radial-gradient(#0000 58%,#080c0a80 100%);inset:0}select,button{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--paper);background:var(--chip);cursor:pointer;border:1px solid #0000;border-radius:0;padding:7px 10px;font-size:12px}select option{background:var(--surface);text-transform:none}button:hover,select:hover{background:#eef4e62e}button.primary,button.on,#sound.on{background:var(--paper);color:var(--ink-bg)}button.primary:hover{background:#fff}button i{opacity:.5;margin-left:6px;font-size:10px;font-style:normal}.eyebrow{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}#top{position:fixed;display:flex;border-bottom:1px solid var(--line);pointer-events:none;background:linear-gradient(#101713b3,#0000);align-items: flex-start;gap:24px;padding:16px 24px 28px;top:0;left:0;right:0}#top>*{pointer-events:auto}.wordmark{letter-spacing:-.01em;font-size:24px;font-weight:500}a.wordmark{display:block;color:inherit;text-decoration:none}a.wordmark:hover b{text-decoration:underline;text-underline-offset:3px}a.wordmark:focus-visible b{text-decoration:underline;text-underline-offset:3px}.wordmark .slash{color:var(--muted);font-weight:300}.wordmark b{font-weight:400}.brand .eyebrow{display:flex;align-items: center;gap:6px;margin-top:4px}.brand .eyebrow select{padding:3px 6px;font-size:11px}.brand .eyebrow.facts{letter-spacing:.1em;color:#a3aca4bf;margin-top:3px;font-size:10px}#sc-sub b{color:var(--paper);font-weight:500}.modes{display:flex;flex:1;justify-content:center;gap:2px}.modes button{padding:9px 16px;font-size:12px}.mission{position:fixed;text-align:center;pointer-events:auto;top:74px;left:50%;transform:translate(-50%)}.scenario-row{display:flex;justify-content:center;align-items: center;gap:6px}.scenario-row select{font-size:13px}#scenario-tag{font-family:var(--mono);color:var(--warn);letter-spacing:.12em;font-size:11px}#checkpoint{font-family:var(--mono);color:var(--muted);letter-spacing:.02em;margin-top:8px;font-size:12px}#checkpoint b{color:var(--paper);font-weight:500}#exam-score{font-family:var(--mono);color:var(--green);margin-top:2px;font-size:12px}.cams{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px;max-width:520px}#sound{margin-left:8px}#callouts{position:fixed;display:flex;pointer-events:none;flex-direction:column;align-items: center;gap:6px;top:150px;left:50%;transform:translate(-50%)}.callout{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;background:var(--glass);border:1px solid var(--line);border-left:2px solid var(--green);backdrop-filter:blur(8px);padding:7px 14px;transition:opacity 1s;font-size:12px}.callout.warn{border-left-color:var(--warn)}.callout.fade{opacity:0}#banner{position:fixed;letter-spacing:-.02em;opacity:0;pointer-events:none;text-shadow:0 2px 30px #000000b3;white-space:nowrap;transition:all .6s;font-size:52px;font-weight:400;top:42%;left:50%;transform:translate(-50%,-50%)scale(.96)}#banner.show{opacity:1;transform:translate(-50%,-50%)scale(1)}#banner small{display:table;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--paper);border:1px solid var(--line);text-shadow:none;background:#101713b3;margin:12px auto 0;padding:7px 12px;font-size:13px}#banner.good{color:var(--paper)}#banner.good:before{content:"✳ ";color:var(--green)}#banner.bad{color:var(--bad)}#confidence{position:fixed;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(10px);text-align:center;width:140px;padding:14px;top:50%;right:24px;transform:translateY(-50%)}#confidence .label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px}.meter{background:var(--chip);position:relative;overflow:hidden;width:14px;height:170px;margin:12px auto}#conf-fill{position:absolute;height:0;transition:height .2s,background .2s;bottom:0;left:0;right:0}#conf-value{letter-spacing:-.02em;font-size:28px;font-weight:400}#spark{width:112px;height:40px;margin-top:6px}#confidence .hint{color:var(--muted);font-size:11px;line-height:1.3}#telemetry{position:fixed;display:flex;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(10px);align-items: center;gap:24px;padding:12px 24px;bottom:100px;left:50%;transform:translate(-50%)}.gauge{border:1px solid var(--line-strong);display:flex;border-radius:50%;flex-direction:column;justify-content:center;align-items: center;width:104px;height:104px}.g-label,.g-unit{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px}.g-value{letter-spacing:-.02em;font-size:28px;font-weight:400}.center{text-align:center;min-width:170px}#t-time{font-family:var(--mono);font-size:28px;font-weight:500}.stage-name{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--muted);font-size:10px}#t-vs,#t-dist{font-family:var(--mono);color:var(--muted);font-size:12px}.bars{display:flex;flex-direction:column;gap:8px;min-width:300px}.bar-row{display:flex;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;align-items: center;gap:10px;font-size:11px}.bar-row span{color:var(--muted);width:84px}.bar-row b{font-family:var(--mono);text-align:right;width:46px;font-size:12px;font-weight:500}.bar{background:var(--chip);overflow:hidden;flex:1;height:6px}.bar>div{background:var(--paper);height:100%;transition:width .1s}#bar-fuel{background:var(--green)}.bar-row.small span{width:auto}.gimbal{border:1px solid var(--line-strong);position:relative;background:linear-gradient(var(--line-strong),var(--line-strong))center/1px 100% no-repeat,linear-gradient(var(--line-strong),var(--line-strong))center/100% 1px no-repeat;border-radius:50%;width:60px;height:60px}#gimbal-dot{position:absolute;background:var(--warn);box-shadow:0 0 8px var(--warn);border-radius:50%;width:10px;height:10px;transition:transform 80ms linear;top:25px;left:25px}.bar-row b.deg{text-align:left;color:var(--warn);width:92px;font-size:11px}.wind{text-align:center;width:24px}#wind-arrow{display:inline-block;color:var(--green)}#timeline{position:fixed;display:flex;border-top:1px solid var(--line);background:linear-gradient(#0000,#101713d9 40%);align-items: center;gap:20px;padding:14px 24px;bottom:0;left:0;right:0}.controls{display:flex;gap:2px}.controls button{text-align:center;width:38px;padding:7px 0}.track{flex:1}.track-label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--paper);margin-bottom:6px;font-size:11px}.track-label span{color:var(--muted);margin-left:10px}.slider-wrap{position:relative}#exam{accent-color:var(--green);width:100%}#marks{position:absolute;height:0;top:-6px;left:8px;right:8px}.mark{position:absolute;background:var(--warn);border:1px solid #10171399;width:10px;height:10px;padding:0;transform:translate(-5px)rotate(45deg)}.mark.ahead{opacity:.35}.mark:hover{transform:translate(-5px)rotate(45deg)scale(1.4)}#milestone-card{position:fixed;display:grid;grid-template-columns:30px 1fr;background:var(--glass);border:1px solid var(--line-strong);border-left:3px solid var(--c,var(--warn));backdrop-filter:blur(10px);opacity:0;pointer-events:none;z-index:5;align-items: center;gap:4px 12px;min-width:300px;max-width:460px;padding:12px 16px 12px 14px;transition:opacity .5s,transform .5s;top:110px;left:24px;transform:translate(-12px)}#milestone-card.show{opacity:1;transform:translate(0)}#milestone-card .num{grid-row:span 3;display:grid;font-family:var(--mono);color:#101713;background:var(--c,var(--warn));border-radius:50%;place-items: center;width:30px;height:30px;font-size:13px;font-weight:600}#milestone-card .kind{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--c,var(--warn));font-size:10px}#milestone-card .title{letter-spacing:-.01em;font-size:20px;font-weight:500}#milestone-card .detail{color:var(--muted);font-size:12px}body.test #milestone-card,body.supercut #milestone-card,body.recording #milestone-card{display:none}.toggles{display:flex;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items: center;gap:12px;font-size:11px}.toggles label{display:flex;cursor:pointer;align-items: center;gap:5px}.toggles label select{padding:4px 6px;font-size:11px}.toggles input{accent-color:var(--green)}#charts{position:fixed;overflow:hidden;display:flex;border:1px solid var(--line);backdrop-filter:blur(10px);opacity:0;background:#101713f0;gap:16px;height:0;transition:height .35s;bottom:78px;left:24px;right:24px}#charts.open{opacity:1;height:360px}.lc{display:flex;flex-direction:column;flex:1;min-width:0;padding:12px 0 10px 16px}.lc-head{display:flex;align-items: center;gap:18px}.lc-tabs{display:flex;gap:2px}.lc-tabs button{padding:6px 10px;font-size:11px}#lc-kpis{display:flex;overflow:hidden;flex:1;justify-content:flex-start;gap:22px;min-width:0}@media (max-width:1250px){.kpi:nth-child(n+4){display:none}}@media (max-width:1000px){.kpi:nth-child(n+3){display:none}#lc-legend{width:168px}}.kpi{display:flex;white-space:nowrap;flex-direction:column;line-height:1.15}.kpi b{font-family:var(--mono);color:var(--paper);font-size:17px;font-weight:500}.kpi b i{vertical-align:3px;margin-left:5px;font-size:10px;font-style:normal}.kpi b i.up{color:var(--good)}.kpi b i.down{color:var(--bad)}.kpi span{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:9.5px}.lc-opt{display:flex;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);cursor:pointer;white-space:nowrap;align-items: center;gap:6px;font-size:10px}.lc-opt input{accent-color:var(--green);margin:0}#lc-caption{color:var(--muted);margin:8px 0 2px;font-size:12px}.lc-body{display:flex;flex:1;gap:12px;min-height:0}.lc-plot{position:relative;flex:1;min-width:0}#chart-canvas{position:absolute;cursor:crosshair;width:100%;height:100%;inset:0}#lc-legend{display:flex;overflow-y:auto;flex-direction:column;gap:1px;width:196px;padding-right:4px}#lc-legend .chip{display:grid;grid-template-columns:14px 1fr auto;text-transform:none;letter-spacing:0;font-family:var(--sans,Geist,system-ui,sans-serif);text-align:left;background:0 0;align-items: center;gap:7px;padding:4px 8px;font-size:12px}#lc-legend .chip:hover{background:var(--chip)}#lc-legend .chip em{display:block;width:14px;height:3px}#lc-legend .chip em.area{background:#b5d7b42e;border-top:1px dashed #b5d7b499;height:8px}#lc-legend .chip b{font-family:var(--mono);color:var(--muted);font-size:11px;font-weight:400}#lc-legend .chip.off{opacity:.35}#lc-legend .chip.off em{height:3px;border:1px solid var(--muted)!important;background:0 0!important}.lc-quick{display:flex;gap:2px;margin-bottom:4px}.lc-quick button{flex:1;padding:4px 0;font-size:10px}.lc-pick{display:flex;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex-direction:column;gap:4px;margin-bottom:6px;font-size:10px}.lc-pick select{width:100%}#lc-tip{position:absolute;display:none;pointer-events:none;border:1px solid var(--line-strong);z-index:2;background:#101713f5;min-width:190px;padding:8px 10px;font-size:12px}#lc-tip.show{display:block}#lc-tip .th{display:flex;flex-direction:column;margin-bottom:6px}#lc-tip .th span{font-family:var(--mono);color:var(--muted);font-size:10px}#lc-tip .tm{display:grid;grid-template-columns:18px 1fr;border-bottom:1px solid var(--line);color:var(--paper);align-items: start;gap:8px;margin:2px 0 8px;padding-bottom:8px;font-weight:500}#lc-tip .tm b{display:grid;font-family:var(--mono);color:#101713;background:var(--c);border-radius:50%;place-items: center;width:18px;height:18px;font-size:10px}#lc-tip .tm i{display:block;color:var(--muted);font-size:11px;font-style:normal;font-weight:400}#lc-tip .tr{display:grid;grid-template-columns:10px 1fr auto;align-items: center;gap:7px;padding:1px 0}#lc-tip .tr em{width:10px;height:3px}#lc-tip .tr b{font-family:var(--mono);font-weight:400}#lc-tip .tf{font-family:var(--mono);color:var(--green);margin-top:6px;font-size:10px}.milestones li.ahead{opacity:.4}.milestones li.now b{color:var(--green)}#chart-canvas{flex:1;height:100%}.milestones{overflow-y:auto;border-left:1px solid var(--line);width:310px;padding:14px 18px}.milestones h3{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:11px;font-weight:400}.milestones ol{list-style:none;margin:0;padding:0}.milestones li{border-bottom:1px solid var(--line);cursor:pointer;display:grid;grid-template-columns:56px 1fr;gap:2px 8px;padding:8px 0}.milestones li span{font-family:var(--mono);color:var(--warn);grid-row:span 2;font-size:11px}.milestones li span em{display:inline-grid;color:#101713;background:var(--c,var(--warn));border-radius:50%;place-items: center;width:17px;height:17px;margin-right:6px;font-size:9px;font-style:normal;font-weight:600}.milestones li{grid-template-columns:82px 1fr!important}.milestones h3 b{float:right;color:var(--paper);font-weight:400}.milestones li b{font-size:15px;font-weight:500}.milestones li i{color:var(--muted);font-size:12px;font-style:normal}.milestones li:hover b{color:var(--green)}#sandbox{position:fixed;display:none;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(10px);overflow:hidden;flex-direction:column;width:310px;top:120px;bottom:100px;left:24px}body.test #sandbox{display:flex}.sb-head{border-bottom:1px solid var(--line);padding:14px 16px 10px}.sb-head .eyebrow{color:var(--warn)}.sb-field{display:grid;grid-template-columns:84px 1fr;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items: center;gap:8px;margin-top:8px;font-size:11px}.sb-field select{width:100%}#sandbox-launch{width:100%;margin-top:10px}#sandbox-fold{display:none}.sb-row{display:flex;gap:2px}.sb-row select{flex:1}.sb-hint{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.35}#sandbox-sliders{overflow-y:auto;padding:4px 16px 14px}#sandbox-sliders details{border-bottom:1px solid var(--line);padding:8px 0}#sandbox-sliders summary{cursor:pointer;font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:11px}.ctl{margin:10px 0 12px}.ctl-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;font-size:13px}.ctl-head .name{color:var(--paper)}.ctl-head .name i{color:var(--muted);margin-left:6px;font-size:11px;font-style:normal}.ctl-head .val{font-family:var(--mono);color:var(--green);text-align:right;white-space:nowrap;font-size:11px}.ctl input[type=range]{accent-color:var(--green);width:100%;margin:0}.ctl input.bipolar{background:linear-gradient(90deg,transparent calc(50% - 1px),var(--muted)calc(50% - 1px),var(--muted)calc(50% + 1px),transparent calc(50% + 1px))center/100% 10px no-repeat}.ctl input.zoned{--in:color-mix(in srgb,var(--green)80%,transparent);--out:color-mix(in srgb,var(--bad)55%,transparent);--a:calc(7px + (100% - 14px)*var(--t0));--b:max(calc(7px + (100% - 14px)*var(--t1)),calc(var(--a) + 3px));-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;height:18px}.ctl input.zoned::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--out)0 var(--a),var(--in)var(--a)var(--b),var(--out)var(--b)100%);border-radius:2px;height:4px}.ctl input.zoned::-moz-range-track{background:linear-gradient(90deg,var(--out)0 var(--a),var(--in)var(--a)var(--b),var(--out)var(--b)100%);border-radius:2px;height:4px}.ctl input.zoned::-webkit-slider-thumb{-webkit-appearance:none;background:var(--paper);border:2px solid var(--green);border-radius:50%;width:14px;height:14px;margin-top:-5px}.ctl input.zoned::-moz-range-thumb{background:var(--paper);border:2px solid var(--green);border-radius:50%;width:10px;height:10px}.ctl input.zoned.beyond::-webkit-slider-thumb{border-color:var(--bad)}.ctl input.zoned.beyond::-moz-range-thumb{border-color:var(--bad)}.ctl-head .val.untrained{color:var(--bad)}.segmented button.untrained{border-style:dashed}.trained-legend{display:flex;color:var(--muted);white-space:nowrap;gap:16px;margin:2px 0 12px;font-size:11px}.trained-legend>span{display:inline-flex;cursor:help;align-items: center;gap:6px}.trained-legend .swatch{background:color-mix(in srgb,var(--green)80%,transparent);border-radius:2px;width:18px;height:4px}.trained-legend .swatch.beyond{background:color-mix(in srgb,var(--bad)55%,transparent)}.segmented{display:flex;gap:2px}.segmented button{flex:1;padding:6px 0}.compass-row{display:grid;grid-template-columns:72px 1fr;align-items: center;gap:12px}.ctl>.sub,.compass-side .sub{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.3}svg.dial{cursor:grab;touch-action:none;overflow:visible;width:72px;height:72px}svg.dial.dragging{cursor:grabbing}svg.dial .ring{fill:#eef4e60a;stroke:var(--line-strong);stroke-width:1}svg.dial:hover .ring{stroke:var(--green)}svg.dial .tick{stroke:var(--muted);stroke-width:1}svg.dial .ship path{fill:#f1f2e959}svg.dial .arrow line{stroke:var(--green);stroke-width:2.4;stroke-linecap:round}svg.dial .arrow path{fill:var(--green)}svg.dial.still .arrow{opacity:.25}body.test .mission,body.test .track,body.test .toggles,body.test #charts,body.test #marks{display:none!important}body.test #timeline{justify-content:center}#loading{position:fixed;display:flex;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;background:var(--ink-bg);color:var(--muted);justify-content:center;align-items: center;font-size:13px;inset:0}@media (max-width:900px){#telemetry{gap:10px;bottom:150px;transform:translate(-50%)scale(.8)}#confidence{display:none}#timeline{flex-wrap:wrap}#sandbox{width:auto;height:45vh;top:auto;left:16px;right:16px}}.cams{position:relative}#mixer{position:absolute;display:none;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(10px);width:260px;padding:12px 14px;top:calc(100% + 8px);right:0}#mixer.open{display:block}#mixer label{display:grid;grid-template-columns:84px 1fr 42px;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-items: center;gap:8px;margin-top:8px;font-size:11px}#mixer input{accent-color:var(--green);width:100%}#mixer span{text-align:right;color:var(--paper)}body.test #telemetry{left:calc(50% + 170px)}#supercut-hud,#supercut-panel,#rec-indicator{display:none}body.supercut #supercut-hud{display:block;position:fixed;max-width:520px;top:100px;left:24px}body.supercut #supercut-panel{display:flex;position:fixed;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(10px);align-items: center;gap:2px;padding:10px;bottom:76px;left:50%;transform:translate(-50%)}body.supercut .mission,body.supercut .track,body.supercut .toggles,body.supercut #telemetry,body.supercut #confidence,body.supercut #sandbox,body.supercut #charts{display:none!important}body.supercut #timeline{justify-content:center}#sc-count{letter-spacing:-.03em;margin-top:6px;font-size:64px;font-weight:400}#sc-sub{font-family:var(--mono);color:var(--green);margin-top:2px;font-size:12px}#sc-tallies{display:grid;grid-template-columns:repeat(4,112px);gap:8px 22px;margin-top:14px}@media (max-width:560px){#sc-tallies{grid-template-columns:repeat(2,112px)}}#sc-tallies span{display:flex;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);flex-direction:column;font-size:10px}#sc-tallies b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;font-family:Geist,sans-serif;font-size:34px;font-weight:400}#sc-tallies .bad b{color:var(--bad)}#sc-tallies .sea b{color:#8fb8d8}#sc-tallies .warn b{color:var(--warn)}#sc-tallies .good b{color:var(--green)}#supercut-panel .sb-field{grid-template-columns:auto 200px;margin:0 10px 0 0}#sc-status{font-family:var(--mono);color:var(--muted);max-width:280px;margin-left:12px;font-size:11px}body.supercut #supercut-panel{flex-wrap:wrap;max-width:calc(100vw - 32px)}#rec-options{display:flex;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;flex-basis:100%;align-items: center;gap:6px 16px;margin-top:8px;font-size:11px}#rec-options label{display:flex;cursor:pointer;align-items: center;gap:6px}#rec-options input{accent-color:var(--green);margin:0}body.recording #top,body.recording #timeline,body.recording #supercut-panel,body.recording #supercut-hud,body.recording #callouts,body.recording #banner{display:none!important}body.recording #rec-indicator{display:block;position:fixed;font-family:var(--mono);letter-spacing:.14em;color:var(--bad);background:var(--glass);border:1px solid var(--line);animation:blink 1.2s steps(2)infinite;padding:6px 10px;font-size:12px;top:16px;right:16px}body.recording{background:#000}@keyframes blink{50%{opacity:.35}}#cam-help{position:fixed;font-family:var(--mono);color:var(--paper);background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(10px);width:236px;font-size:11px;top:64px;right:24px}#cam-help-head{all:unset;box-sizing:border-box;display:flex;cursor:pointer;justify-content:space-between;align-items: center;gap:12px;width:100%;padding:8px 12px}#cam-help-head:hover #cam-help-fold{color:var(--paper)}#cam-help-fold{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px}#cam-help-list{display:grid;grid-template-columns:auto 1fr;align-items: center;gap:6px 10px;margin:0;padding:2px 12px 10px}#cam-help-list dt{white-space:nowrap}#cam-help-list dd{color:var(--muted);margin:0}#cam-help-list .note{grid-column:1/-1;border-top:1px solid var(--line);color:var(--muted);padding-top:4px;font-size:10px}.cams button .key{display:inline-block;text-align:center;color:inherit;opacity:.6;background:0 0;border:1px solid;border-bottom-width:2px;min-width:14px;margin-right:5px;padding:0 3px;font-size:9px;line-height:12px}#cam-help kbd{display:inline-block;text-align:center;font:inherit;color:var(--paper);background:var(--chip);border:1px solid var(--line-strong);border-bottom-width:2px;min-width:18px;margin-right:3px;padding:1px 5px;font-size:10px}#cam-help.folded{width:auto}#cam-help.folded #cam-help-list{display:none}#cam-hint{display:none;border-top:1px solid var(--line);color:var(--green);padding:6px 12px}#cam-hint.show{display:block}#stage canvas{cursor:grab}body.recording #cam-help{display:none}#run{margin-left:8px}@media (max-width:560px){#top{flex-wrap:wrap;gap:8px 2px;padding:10px 12px}.brand{flex:100%;min-width:0}.wordmark{font-size:18px}.brand .eyebrow{letter-spacing:.08em;flex-wrap:wrap;font-size:10px}.brand .eyebrow select{max-width:160px;font-size:10px}.modes,.cams{flex-wrap:nowrap;flex:100%;justify-content:stretch;max-width:none}.modes button,.cams button{letter-spacing:.04em;white-space:nowrap;flex:auto;padding:7px 4px;font-size:10px}.cams button .key{display:none}#sound{margin-left:4px}#mix{flex:0 0 28px}#cam-help{display:none}#callouts{top:calc(var(--top-h,140px) + 200px);width:max-content;max-width:calc(100vw - 32px)}.callout{padding:6px 10px;font-size:10px}#banner{top:calc(50% + var(--top-h,140px)/2 - 6px);text-align:center;white-space:normal;width:calc(100vw - 32px);font-size:26px}#banner small{letter-spacing:.06em;font-size:10px;line-height:1.4}body.supercut .brand .eyebrow.facts{display:none}body.supercut #supercut-hud{left:12px;right:12px;top:calc(var(--top-h,140px) + 10px);max-width:none}#supercut-hud .eyebrow{font-size:10px}#sc-count{white-space:nowrap;margin-top:2px;font-size:32px;line-height:1.1}#sc-sub{font-size:10px;line-height:1.4}#sc-tallies{gap:4px 22px;margin-top:8px}#sc-tallies span{font-size:9px}#sc-tallies b{font-size:24px}body.supercut #supercut-panel{max-width:none;padding:8px;bottom:58px;left:8px;right:8px;transform:none}#supercut-panel .sb-field{grid-template-columns:auto 1fr;flex-basis:100%;margin:0 0 4px}#supercut-panel>button{letter-spacing:.02em;white-space:nowrap;flex:1 1 0;padding:7px 2px;font-size:10px}#rec-options{gap:6px 10px;margin-top:6px;font-size:10px}#rec-options select{max-width:112px;padding:5px 6px;font-size:10px}#rec-options label:has(select){gap:0;font-size:0}#sc-status{flex-basis:100%;max-width:none;margin:6px 0 0;font-size:10px}#timeline{padding:8px 12px}.mission{top:calc(var(--top-h,140px) + 8px);width:calc(100vw - 24px)}}@media (max-width:560px) and (max-height:700px){#supercut-hud .eyebrow,#sc-sub{display:none}#callouts{top:calc(var(--top-h,140px) + 150px)}#banner{top:calc(50% + var(--top-h,140px)/2 - 44px);font-size:22px}}@media (max-width:560px){#timeline{flex-wrap:wrap;gap:8px;padding:8px 12px 10px}.track{flex:100%;order:-1;min-width:0}.track-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px;font-size:10px}.controls button{width:30px}#speed{appearance:none;text-align:center;min-width:36px;padding:7px 6px;font-size:11px}.toggles{letter-spacing:.04em;gap:8px;margin-left:auto;font-size:10px}.toggles input{margin:0}.toggles button{letter-spacing:.03em;padding:7px 6px;font-size:10px}body:not(.supercut) #callouts{top:calc(var(--top-h,140px) + 108px)}#telemetry,body.test #telemetry{left:8px;right:8px;bottom:calc(var(--bottom-h,96px) + 8px);flex-wrap:wrap;justify-content:space-between;gap:8px 10px;padding:8px 12px 10px;transform:none}.gauge{width:60px;height:60px}.g-label,.g-unit{letter-spacing:.08em;font-size:8px}.g-value{font-size:18px}.center{flex:1;min-width:0}#t-time{font-size:20px}.stage-name{letter-spacing:.2em;font-size:9px}#t-vs,#t-dist{font-size:10px}.bars{flex:100%;gap:5px;min-width:0}.bar-row{gap:8px;font-size:10px}.bar-row span{width:72px}.bar-row b{width:40px;font-size:11px}.gimbal{zoom:.6}.bar-row.small{gap:6px}.bar-row b.deg{white-space:nowrap;flex:1;width:auto;font-size:10px}#milestone-card{top:auto;left:8px;right:8px;bottom:calc(var(--bottom-h,96px) + var(--telemetry-h,140px) + 16px);grid-template-columns:26px 1fr;gap:2px 10px;min-width:0;max-width:none;padding:10px 12px 10px 10px}#milestone-card .num{width:26px;height:26px;font-size:12px}#milestone-card .kind{letter-spacing:.1em;font-size:9px}#milestone-card .title{font-size:16px}#milestone-card .detail{font-size:11px}#charts{left:8px;right:8px;bottom:calc(var(--bottom-h,96px) + 8px);flex-direction:column;gap:0}#charts.open{height:calc(100dvh - var(--top-h,140px) - var(--bottom-h,96px) - 16px)}.lc{padding:10px 12px 8px}.lc-head{flex-wrap:wrap;gap:8px 14px}.lc-tabs{flex:100%}.lc-tabs button{letter-spacing:.02em;flex:1;padding:6px 2px;font-size:10px}#lc-kpis{gap:14px}.kpi b{font-size:14px}#lc-caption{font-size:11px}.lc-body{flex-direction:column;gap:6px}.lc-plot{min-height:120px}#lc-legend{flex-flow:wrap;width:auto;max-height:72px;padding-right:0}#lc-legend .chip{padding:3px 6px;font-size:11px}.milestones{border-left:0;border-top:1px solid var(--line);width:auto;max-height:32%;padding:10px 12px}#sandbox{left:8px;right:8px;top:calc(var(--top-h,140px) + 8px);max-height:calc(100dvh - var(--top-h,140px) - var(--bottom-h,52px) - var(--telemetry-h,140px) - 24px);width:auto;height:auto;bottom:auto}.sb-head{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:8px}.sb-head .eyebrow,.sb-hint{display:none}.sb-field{display:block;margin:0;font-size:0}.sb-field select{padding:7px 6px;font-size:10px}#sandbox-launch,#sandbox-fold{display:block;white-space:nowrap;margin:0;padding:7px 4px;font-size:10px}#sandbox.folded #sandbox-sliders{display:none}#sandbox-sliders{padding:0 12px 10px}}@media (max-width:560px) and (max-height:700px){.brand .eyebrow.facts{display:none}.gauge{width:52px;height:52px}.g-value{font-size:16px}#t-time{font-size:18px;line-height:1.2}.stage-name{display:none}.gimbal{zoom:.5}#milestone-card .detail{display:none}#milestone-card .num{grid-row:span 2}}.next{display:none;gap:2px;margin-top:16px}.next.show{display:flex;animation:rise .6s ease-out}.next button{padding:9px 16px}#watch-next{justify-content:center;margin-top:10px}body.watch:has(#watch-next.show) #callouts{top:196px}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.sb-hint .link{all:unset;display:block;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--green);cursor:pointer;margin-top:8px;font-size:11px}.sb-hint .link:hover{color:var(--paper)}#lapse{width:auto;padding:7px 10px}body:not(.watch) #lapse,#supercut-panel:not(.open)>button:not(#rec-toggle),#supercut-panel:not(.open) #rec-options,#supercut-panel:not(.open) #sc-status{display:none}@media (max-width:560px){body.supercut #sc-next{position:fixed;bottom:150px;left:8px;right:8px}#sc-next button{flex:1 1 0;padding:9px 4px;font-size:11px}body.watch:has(#watch-next.show) #callouts{top:calc(var(--top-h,140px) + 150px)}}
