:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#e7edf4;background:#080e18;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:88px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #243443;background:#0c1420;gap:24px}.brand{font-size:25px;font-weight:800;letter-spacing:7px}.division{display:block;font:9px ui-monospace,monospace;letter-spacing:2.5px;color:#899dad;margin-top:6px}.build{font:11px ui-monospace,monospace;letter-spacing:.2px;color:#b1c4d2}.build i{display:inline-block;width:6px;height:6px;background:#b6dcb1;border-radius:50%;margin-right:9px}main{display:grid;grid-template-columns:302px 1fr;min-height:580px;height:calc(100dvh - 124px)}aside{padding:29px 24px 20px;border-right:1px solid #243443;background:linear-gradient(130deg,#111e2a,#0b1420);overflow:auto}.eyebrow,.label{font:10px ui-monospace,monospace;letter-spacing:1.5px;color:#8fabbc}h1{font-size:39px;letter-spacing:-1.5px;margin:10px 0 13px;font-weight:600}h1 span{display:block;font-size:13px;font-weight:400;letter-spacing:0;color:#b3c6d5;margin-top:5px}.intro{font-size:12px;line-height:1.65;color:#829aab;margin-bottom:28px}.control{margin-bottom:25px}.label{display:block;margin-bottom:11px;color:#8193a4}.segments{display:flex;border:1px solid #334554;border-radius:5px;overflow:hidden;background:#0b141f;padding:3px;gap:3px}button{appearance:none;border:1px solid #354958;border-radius:3px;background:#182735;color:#b8cad8;font:11px inherit;cursor:pointer;transition:background .15s,border-color .15s}button:hover{background:#243d4d;border-color:#759cb0;color:#fff}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #9bc8da;outline-offset:3px}button:active{background:#324d5c}button:disabled{background:#14202a;color:#658092;border-color:#2a3a47;cursor:default}.segments button{flex:1;font-size:11px;padding:11px 5px;border:1px solid transparent;background:transparent}.segments button[aria-pressed=true]{background:#263e4a;border-color:#547385;color:#e2f3f8}.vertical{flex-direction:column}.vertical button{text-align:left;padding:11px}small{font:10px ui-monospace,monospace;color:#718b9d}.vertical small{float:right;margin-top:2px}.switch-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;font-size:12px;background:#13232f;border-color:#304654}.switch{width:29px;height:16px;border-radius:10px;background:#334758;padding:3px}.switch:after{content:'';display:block;width:10px;height:10px;border-radius:50%;background:#8a9ba9}.switch-row[aria-pressed=true] .switch{background:#497787}.switch-row[aria-pressed=true] .switch:after{background:#e0f1f3;transform:translateX(13px)}.range-title{display:flex;justify-content:space-between;font-size:12px;color:#aabfce;margin:16px 0 7px}.range-title output{font-family:ui-monospace,monospace;color:#e1c48e}input[type=range]{width:100%;height:3px;accent-color:#b4d6df;margin:8px 0;cursor:pointer}.range-ends{display:flex;justify-content:space-between;font:9px ui-monospace,monospace;color:#667f92;margin-top:5px}.small-note{font-size:10px;color:#71899b;line-height:1.6;margin:9px 0 0}.reset{padding:11px 15px;width:100%;font-size:12px;background:#13222f}.isolation{font:9px ui-monospace,monospace;letter-spacing:1px;color:#829eae;border-top:1px solid #263744;margin-top:19px;padding-top:17px}.isolation p{font:10px/1.6 system-ui,sans-serif;letter-spacing:0;color:#677f91;margin:7px 0}.dot{display:inline-block;width:5px;height:5px;background:#85b9ac;border-radius:100%;margin-right:8px}#status{font-size:11px;line-height:1.5;color:#9db6c6;margin-top:12px;min-height:32px}#stage{position:relative;min-width:0;overflow:hidden;background:#080e18}#flight{display:block;width:100%;height:100%;touch-action:none}.stage-title{position:absolute;top:27px;left:28px;pointer-events:none;font:10px ui-monospace,monospace;letter-spacing:1.4px;color:#617b91}#modeBadge{font-size:12px;letter-spacing:2px;color:#a9c3d3;margin-top:9px}.telemetry{pointer-events:none;position:absolute;top:28px;right:28px;display:flex;gap:26px}.telemetry div{display:flex;flex-direction:column;text-align:right;min-width:65px}.telemetry span{font:9px ui-monospace,monospace;color:#6c8498;letter-spacing:1.4px}.telemetry b{font:21px ui-monospace,monospace;font-weight:400;color:#c7dbe8;margin:7px 0 4px}.telemetry small{font-size:9px;color:#536d82}.help{position:absolute;bottom:60px;left:28px;display:flex;gap:24px;color:#859caf;font-size:11px;line-height:27px;pointer-events:none}kbd{font:10px ui-monospace,monospace;border:1px solid #3a4e5e;background:#142331;color:#c5d5df;padding:4px 6px;border-radius:3px;margin-right:4px}.help kbd:not(:first-child){margin-left:10px}.stage-bottom{position:absolute;bottom:22px;left:28px;right:28px;display:flex;justify-content:space-between;font:9px ui-monospace,monospace;letter-spacing:1px;color:#4e687c;pointer-events:none}footer{height:36px;border-top:1px solid #243443;display:flex;align-items:center;justify-content:space-between;padding:0 28px;font:9px ui-monospace,monospace;letter-spacing:.6px;color:#637c8e;background:#0a121c}@media(max-width:850px){header{padding:0 20px;height:94px;align-items:flex-start;justify-content:center;flex-direction:column;gap:8px}.brand{font-size:18px}.division{display:none}.build{font-size:9px}main{grid-template-columns:235px 1fr;height:calc(100dvh - 130px)}aside{padding:24px 15px}.intro{display:none}.control{margin-bottom:22px}.telemetry{gap:12px;right:15px;top:80px}.telemetry b{font-size:16px}.telemetry div{min-width:47px}.help{flex-direction:column;gap:1px;left:18px;font-size:10px}.stage-title{left:18px}.stage-bottom{left:18px;font-size:8px;gap:10px}.stage-bottom span:first-child{display:none}}@media(max-width:560px){main{display:flex;flex-direction:column-reverse;height:auto;min-height:0}#stage{height:62dvh;min-height:420px}aside{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-right:none}.eyebrow,h1,.isolation{display:none}.control{margin:0}.control:nth-of-type(3){grid-column:1/-1}.reset{height:40px}#status{margin:0}footer span:last-child{display:none}.help{bottom:47px;font-size:10px}.telemetry{top:28px}.stage-title{top:90px}header{height:80px}.segments button{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

input[type=range]:disabled{opacity:.4;cursor:default}.switch-row:disabled .switch{opacity:.45}

h1 strong{font:inherit}.choice-label{display:block;color:#aabfce;font-size:12px;margin:12px 0 7px}select{appearance:auto;width:100%;border:1px solid #354958;border-radius:3px;background:#13232f;color:#d5e4ed;padding:10px 8px;font:12px system-ui,sans-serif;cursor:pointer}select:focus-visible{outline:2px solid #9bc8da;outline-offset:3px}select:disabled{color:#658092;background:#14202a;cursor:default}select option{color:#d5e4ed;background:#13232f}@media(max-width:560px){.scene-choices{grid-column:1/-1}}