:root{font-family:Inter,Arial,Helvetica,sans-serif;color:#e6e9e3;background:#101412;font-synthesis:none;--muted:#839089;--line:#ffffff12;--red:#ee704f;--panel:#171d19;--green:#a6cbb3;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace}*{box-sizing:border-box}body{margin:0}.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:16px;top:12px;width:auto;height:auto;padding:8px 12px;background:var(--red);color:#211a12;z-index:40;font-size:12px}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:4px}button{border:0;background:none}svg{width:18px;height:18px;flex-shrink:0}button:hover{filter:brightness(1.2)}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.topbar{height:83px;margin:0 36px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{font-size:23px;font-weight:750;letter-spacing:4px;display:flex;align-items:center;gap:13px}.brand-symbol{width:32px;height:32px;background:var(--red);color:#111912;display:grid;place-items:center;border-radius:2px}.brand-symbol svg{width:24px;height:24px;fill:currentColor;stroke-width:.6}.brand small{font-size:9px;font-weight:500;letter-spacing:2px;color:#a1aaa1}.brand-divider{height:19px;width:1px;background:#445046;margin:0 7px}.top-actions{display:flex;align-items:center;gap:28px}.live-label{font:9px var(--mono);letter-spacing:1px;color:#8e9a91;display:flex;align-items:center;gap:8px}.live-label i,.view-label i,footer i{display:inline-block;background:#9fc3a5;width:5px;height:5px;border-radius:50%;box-shadow:0 0 9px #91c59340}.quiet{font-size:11px;display:flex;align-items:center;gap:7px;color:#aeb9ae;padding:8px 0}.quiet svg{width:15px;height:15px}main{max-width:1720px;padding:34px 36px 0;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font:9px var(--mono);letter-spacing:1.4px;color:#748178}.eyebrow span{color:#c6d3c6;margin-right:8px}h1{font-weight:450;font-size:48px;letter-spacing:-2.3px;margin:12px 0 9px;line-height:1.1}.page-heading p{font-size:12px;color:#8e9b90;margin:0}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);align-self:flex-end;margin-bottom:2px}.tabs button{position:relative;padding:17px 21px;display:flex;align-items:center;gap:10px;font-size:12px;color:#849187}.tabs small{font:9px var(--mono);opacity:.6}.tabs svg{height:13px;width:13px;margin-left:8px}.tabs button.active{color:#f0e9de}.tabs button.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--red)}.workspace{display:grid;grid-template-columns:234px minmax(340px,1fr) 239px;border:1px solid #ffffff16;border-radius:5px;overflow:hidden;background:#131915}.controls{padding:20px 19px;border-right:1px solid var(--line);background:#161d18}.panel-heading{font-size:11px;display:flex;justify-content:space-between;align-items:center;padding-bottom:21px;color:#d8e0d5}.panel-heading .icon-btn{width:20px;height:18px;color:#8d9b8d}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:0;width:30px;height:30px;color:#a6b1a5}.icon-btn svg{height:16px;width:16px}.section-label{font:8px var(--mono);letter-spacing:1px;color:#83917e;margin-bottom:12px}.spaced{margin-top:25px;margin-bottom:18px}.config-options{display:flex;flex-direction:column;gap:7px}.config-option{text-align:left;display:flex;align-items:center;gap:9px;border:1px solid #ffffff0c;border-radius:3px;padding:11px 9px;width:100%;font-size:10px;background:#121813}.config-option small{display:block;color:#7f8c80;font-size:8px;margin-top:5px;letter-spacing:.1px}.config-option.selected{border-color:#db704b77;background:#e27d5010}.radio-dot{width:9px;height:9px;border:1px solid #586956;border-radius:50%;flex-shrink:0}.selected .radio-dot{background:var(--red);border:2px solid #34251c;outline:1px solid var(--red)}.mini-tag{font:6px var(--mono);background:#e6785020;color:#f28a62;border:1px solid #b954342f;border-radius:2px;padding:3px;margin-left:auto}.slider-control{display:block;margin-bottom:22px}.slider-control>span:first-child{display:flex;justify-content:space-between;font-size:10px;color:#b2beb0;align-items:baseline}.slider-control strong{font:11px var(--mono);font-weight:500;color:#e7e8de}.slider-control strong small{font:9px var(--mono);color:#7e8d7b;margin-left:5px}.slider-control input{width:100%;margin:14px 0 8px;display:block}input[type=range]{appearance:none;-webkit-appearance:none;background:#344032;height:2px;cursor:pointer;border-radius:10px;accent-color:var(--red)}input[type=range]::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border-radius:50%;background:#dee2d5;border:2px solid #182019;box-shadow:0 0 0 1px #b8beac}input[type=range]::-moz-range-thumb{width:7px;height:7px;border-radius:50%;background:#dee2d5;border:2px solid #182019}.range-label{display:flex;justify-content:space-between;font:8px var(--mono);color:#697963}.advanced{border-top:1px solid var(--line);padding-top:16px;margin-top:4px;font-size:9px;color:#a1ae9b}.advanced summary{cursor:pointer;display:flex;justify-content:space-between;list-style:none;margin-bottom:15px}.advanced p{color:#7d8b79;font-size:10px;line-height:1.7}.advanced[open]{max-height:390px;overflow-y:auto}.center-column{display:flex;flex-direction:column;min-width:0}.viewport{height:475px;flex:1;min-height:430px;position:relative;background:#111614;overflow:hidden}.viewport canvas{width:100%;height:100%;position:absolute;inset:0;display:block;cursor:grab;touch-action:none}.viewport canvas:active{cursor:grabbing}.viewport-top{position:absolute;top:20px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.view-label{display:flex;align-items:center;gap:7px;font:7px var(--mono);letter-spacing:1px;color:#a9b5ac}.view-label i{width:4px;height:4px}.view-label b{font-size:7px;color:#6b786e;font-weight:400;padding-left:8px;border-left:1px solid var(--line);margin-left:4px}.scene-subtitle{font:6px var(--mono);letter-spacing:1.3px;color:#78877e}.scene-heading{position:absolute;top:60px;left:24px;pointer-events:none}.scene-heading span{font:9px var(--mono);letter-spacing:2px;color:#c7d1c5}.scene-heading small{display:block;font-size:9px;color:#718076;margin-top:8px}.scene-bottom{position:absolute;bottom:14px;left:24px;right:22px;display:flex;align-items:center;justify-content:space-between}.orbit-hint{display:flex;gap:7px;align-items:center;font:6px var(--mono);letter-spacing:1px;color:#7a887e}.orbit-hint svg{width:10px;height:10px}.orbit-hint span{color:#414e45}.camera-tools{display:flex;gap:4px;align-items:center}.camera-tools .icon-btn{width:28px;height:28px;border:1px solid var(--line);border-radius:3px;font:12px var(--mono);color:#c5d0b9}.view-tools{position:absolute;bottom:58px;left:50%;transform:translateX(-50%);display:flex;gap:4px;border:1px solid #ffffff17;background:#121a16dc;backdrop-filter:blur(12px);padding:4px;border-radius:4px}.view-tools button{display:flex;align-items:center;gap:6px;font-size:9px;white-space:nowrap;padding:8px 10px;color:#8d9d91;border-radius:2px}.view-tools svg{width:13px;height:13px}.view-tools .on{background:#2b372c;color:#d6e3d5}.corner-mark{position:absolute;width:12px;height:12px;border-color:#718471;border-style:solid;opacity:.45;pointer-events:none}.tl{top:13px;left:13px;border-width:1px 0 0 1px}.br{bottom:12px;right:12px;border-width:0 1px 1px 0}.cutaway-label{position:absolute;left:54%;top:30%;display:flex;align-items:center;gap:10px;font:8px var(--mono);letter-spacing:1px;color:#adc6c6;pointer-events:none}.cutaway-label i{height:40px;width:1px;background:#87b4bd77;transform:rotate(20deg)}.cutaway-label small{display:block;font-size:7px;letter-spacing:0;color:#80999d;margin-top:6px}#scene-error{position:absolute;top:50%;left:15%;right:15%;padding:20px;background:#321f1b;border:1px solid var(--red);font-size:14px;line-height:1.8}.transport{padding:17px 20px;display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);background:#19211a}.launch-button{background:var(--red);color:#211a12;padding:12px 17px;border-radius:3px;display:flex;align-items:center;gap:8px;white-space:nowrap;font-weight:650;font-size:10px;min-width:160px;justify-content:center}.launch-button svg{width:13px;height:13px;fill:currentColor}.time-controls{flex:1;min-width:60px}.time-controls>div{display:flex;justify-content:space-between;font:7px var(--mono);color:#a6b09c}.time-controls>div span:last-child{color:#65725e}.time-controls input{width:100%;margin:12px 0 3px}.speed-button{font:9px var(--mono);border:1px solid var(--line);padding:8px;border-radius:3px;color:#b5bfac}.legend{display:flex;align-items:center;justify-content:center;gap:16px;background:#171e18;padding:12px 20px;font:6px var(--mono);letter-spacing:.7px;color:#86947f}.legend>span{display:flex;align-items:center;gap:6px}.legend i,.plot-title i{width:5px;height:5px;border-radius:50%;display:inline-block}.green{background:#a6cbb3}.red{background:var(--red)}.blue{background:#88b2c1}.legend button{display:flex;align-items:center;gap:4px;font:7px var(--mono);margin-left:auto;padding:0}.legend button svg{height:11px;width:11px}.telemetry{border-left:1px solid var(--line);background:#161d18;padding:20px}.tiny-live{color:#8ea889;font-size:7px}.primary-metric>span{font:8px var(--mono);letter-spacing:1.5px;color:#87947e}.primary-metric>div:not(.meter){display:flex;align-items:baseline;gap:9px;margin-top:5px}.primary-metric strong{font-size:72px;line-height:1.1;font-weight:350;letter-spacing:-5px;font-variant-numeric:tabular-nums}.primary-metric small{font:10px var(--mono);color:#8f9a85}.meter{margin:13px 0 22px;height:2px;background:#2c392c}.meter i{height:100%;display:block;background:var(--red);width:0}.metric-pair{display:flex;justify-content:space-between;margin-bottom:23px}.metric-pair span{font:6px var(--mono);letter-spacing:.8px;color:#8e9b84;display:block}.metric-pair strong{font:20px var(--mono);display:block;margin-top:10px;font-weight:400;letter-spacing:-1px}.metric-pair small{font:9px var(--mono);color:#85927b}.result-card{background:#b9cead08;border:1px solid #b5c7a418;border-radius:3px;padding:14px;margin-bottom:21px}.result-card>span{font:7px var(--mono);letter-spacing:1.1px;color:#a8b59c}.result-card>div{display:flex;gap:8px;align-items:baseline;margin:9px 0 5px}.result-card strong{font:37px var(--mono);letter-spacing:-2px;color:#cfddc4}.result-card strong.word-result{font-size:17px;letter-spacing:-.5px}.result-card small{font:8px var(--mono);color:#8d9b80}.result-card p{font-size:8px;line-height:1.5;margin:7px 0 0;color:#829174}.constraint>span{font:6px var(--mono);letter-spacing:1px;color:#829276}.constraint>strong{font:8px var(--mono);color:var(--red);display:block;margin:10px 0}.constraint p{font-size:10px;color:#8b9981;line-height:1.7;min-height:34px;margin-bottom:20px}.gas-remaining>div:first-child{display:flex;justify-content:space-between;font:7px var(--mono);color:#8d9b81;letter-spacing:.5px}.gas-remaining strong{color:#c5d0b9;font-size:9px}.gas-bars{display:flex;gap:3px;height:15px;margin:10px 0}.gas-bars i{flex:1;background:#8da481;border-radius:1px}.gas-bars i.empty{background:#2a3627}.gas-remaining small{font:7px var(--mono);color:#87977b}.repeat-button{font-size:8px;margin-top:17px;display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 0;color:#c2cfb7}.repeat-button svg{height:12px;width:12px}.refill-button{padding:4px 0;font-size:8px;color:#7e8e73;text-decoration:underline;text-underline-offset:3px}.bottom-grid{display:grid;grid-template-columns:1fr 1fr 1.05fr;gap:14px;margin-top:18px}.plot-card,.comparison-card{border:1px solid var(--line);border-radius:4px;padding:17px 20px;background:#151c17;min-width:0}.plot-title{display:flex;align-items:center;justify-content:space-between;gap:6px;font:7px var(--mono);letter-spacing:1px;color:#a0ad96;margin-bottom:11px}.plot-title>span:first-child{display:flex;gap:7px;align-items:center}.plot-title b{font-weight:400}.plot-title>span:last-child{font-size:9px;letter-spacing:0;color:#c7d4bc}.plot-card>svg{height:73px;width:100%;display:block;overflow:visible}.plot-axis{display:flex;justify-content:space-between;font:7px var(--mono);color:#68785e;margin-top:5px}.assumed-tag{font-size:6px!important;background:#a8ba9910;border:1px solid #a8ba991c;border-radius:2px;padding:3px 5px;color:#96a988!important}.comparison-row{display:flex;align-items:center;gap:13px;margin-top:16px;font-size:9px;color:#a6b49c}.comparison-row>span{min-width:80px}.comparison-row>div{flex:1;background:#263122;height:3px}.comparison-row i{display:block;height:100%}.comparison-row strong{font:11px var(--mono);font-weight:400;color:#d0dbc6;min-width:45px;text-align:right}.comparison-row small{font-size:8px;color:#7f9275}footer{display:flex;justify-content:space-between;gap:20px;font-size:8px;color:#77896f;margin:22px 0 26px}footer>span:first-child{display:flex;align-items:center;gap:7px}footer>span:last-child{font:6px var(--mono);letter-spacing:1px;color:#697c60}footer b{font-weight:400;color:#91a184;margin-left:13px}footer i{width:4px;height:4px}.model-note{font:8px var(--mono);letter-spacing:1px;color:var(--red);line-height:1.6;margin:20px 0}.model-note span{display:block;letter-spacing:0;font:10px/1.8 Arial,sans-serif;color:#87967d;margin-top:8px}.bottom-insight{font-size:11px;line-height:1.8;color:#a0b193;margin:12px 0 8px}.equation{font:13px var(--mono);color:#d0dbc5}dialog{background:#17201a;color:#c4d1bd;border:1px solid #50634b;border-radius:7px;max-width:820px;width:calc(100% - 36px);max-height:85vh;padding:40px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#050b09cc;backdrop-filter:blur(8px)}dialog h2{font-size:36px;letter-spacing:-1px;font-weight:400;margin:18px 0 22px;color:#e0e7d9}dialog p{font-size:12px;line-height:1.9;color:#a5b39b}dialog h3{font-size:12px;color:#d4dfcb;font-weight:500;margin-top:25px}dialog code{font:10px var(--mono);color:#d0ad88;display:block;padding:10px 0}.doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.close-dialog{position:absolute;top:12px;right:18px;font-size:26px;color:#a1ad97}.source-links{display:flex;flex-wrap:wrap;gap:20px;font-size:10px;color:#d7a58a;padding:12px 0}.source-links a:hover{text-decoration:underline}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;border:1px solid #5c7652;background:#25321f;padding:14px 23px;border-radius:4px;font-size:12px;color:#d5e1c7;transition:.2s;box-shadow:0 10px 40px #0005;z-index:20}#toast.visible{transform:translate(-50%,0);opacity:1}@media(min-width:1500px){.workspace{grid-template-columns:260px minmax(400px,1fr) 260px}.viewport{min-height:530px}.controls,.telemetry{padding:24px}.config-option{padding:13px 10px}.slider-control{margin-bottom:25px}.primary-metric strong{font-size:85px}main{padding-top:42px}}@media(max-width:1150px){.topbar{margin:0 22px}.live-label{display:none}main{padding:25px 22px 0}.workspace{grid-template-columns:205px minmax(280px,1fr) 205px}.controls,.telemetry{padding:16px 14px}.transport{gap:8px;padding:15px 12px}.launch-button{min-width:130px;padding:12px 10px;font-size:9px}.legend{gap:10px;padding:12px}.legend>span{font-size:5px;letter-spacing:0}.scene-subtitle{display:none}.tabs button{padding:17px 14px}.tabs svg{display:none}.primary-metric strong{font-size:64px}.result-card strong{font-size:32px}.plot-title{font-size:6px}.comparison-card{padding:17px 14px}h1{font-size:43px}}@media(max-width:900px){.topbar{height:70px}.brand{font-size:20px;letter-spacing:3px}.brand-divider,.brand small{display:none}.top-actions{gap:18px}.page-heading{align-items:flex-start;gap:25px}.page-heading p{max-width:300px;line-height:1.7}.tabs{align-self:center}.tabs button{padding:14px 12px}.workspace{grid-template-columns:200px 1fr}.center-column{grid-column:2;grid-row:1}.telemetry{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1.1fr 1.2fr;gap:18px;border-left:0;border-top:1px solid var(--line)}.telemetry>.panel-heading{display:none}.primary-metric strong{font-size:49px}.primary-metric .meter{margin-bottom:0}.metric-pair{margin:12px 0 0;gap:10px;flex-direction:column;justify-content:start}.metric-pair strong{margin-top:5px;font-size:17px}.result-card{margin:0;padding:12px;height:max-content}.result-card strong{font-size:30px}.constraint{display:block;grid-column:1/-1;margin:0;padding-top:4px}.constraint p{min-height:0;margin-bottom:8px}.gas-remaining{margin-top:6px}.repeat-button,.refill-button{margin:0;grid-column:auto;font-size:9px}.bottom-grid{grid-template-columns:1fr 1fr}.comparison-card{grid-column:1/-1}#comparisons{display:flex;gap:30px}.comparison-row{flex:1}.comparison-row>div{min-width:20px}footer>span:last-child{display:none}.view-tools button{padding:8px}}@media(max-width:640px){.topbar{margin:0 16px;height:64px}.brand{font-size:19px;letter-spacing:2px;gap:9px}.brand-symbol{width:27px;height:27px}.quiet{font-size:0;gap:0}.quiet svg{width:18px;height:18px}.top-actions{gap:20px}main{padding:25px 14px 0}.page-heading{display:block;margin-bottom:20px}h1{font-size:40px;letter-spacing:-1.8px;margin:12px 0}.eyebrow{font-size:7px;letter-spacing:.8px}.page-heading p{max-width:none;font-size:11px}.tabs{margin-top:20px;justify-content:space-between}.tabs button{flex:1;justify-content:center;padding:15px 10px}.workspace{display:flex;flex-direction:column}.center-column{order:0}.controls{order:2;border-right:0;border-top:1px solid var(--line);padding:20px}.telemetry{order:1;grid-template-columns:1fr 1fr;gap:16px;padding:20px}.viewport{height:350px;min-height:350px;flex:auto}.scene-heading{top:55px;left:20px}.view-tools{bottom:45px}.orbit-hint{font-size:5px}.scene-bottom{left:20px;bottom:8px}.transport{padding:14px;gap:9px}.launch-button{min-width:145px}.rewind-btn{display:inline-flex}.legend{justify-content:flex-start;gap:16px}.legend>span{font-size:5px}.legend button{font-size:6px}.config-options{flex-direction:row}.config-option{flex:1;padding:12px 8px;font-size:9px;gap:7px}.config-option small{font-size:7px;line-height:1.6}.mini-tag{display:none}.slider-control{margin-bottom:24px}.slider-control>span:first-child{font-size:11px}.controls>.slider-control{display:inline-block;width:calc(50% - 10px);vertical-align:top}.controls>.slider-control:nth-of-type(even){margin-left:16px}.slider-control input{margin-top:18px}.primary-metric strong{font-size:62px}.metric-pair{flex-direction:row;gap:20px;margin-top:13px}.metric-pair strong{font-size:20px;margin-top:8px}.result-card strong{font-size:33px}.gas-remaining{padding-top:7px}.gas-bars{height:20px}.result-card>span{font-size:7px}.repeat-button{font-size:9px}.refill-button{font-size:9px}.bottom-grid{gap:10px;margin-top:12px}.plot-card{padding:14px 12px}.plot-title{font-size:5px;letter-spacing:.3px;gap:4px}.plot-title>span:last-child{font-size:8px}.plot-title i{width:4px;height:4px}.plot-card>svg{height:70px}.comparison-card{padding:17px}.comparison-card .plot-title{font-size:6px}#comparisons{display:block}.comparison-row{gap:20px;margin-top:18px}.comparison-row>span{min-width:110px}.comparison-row strong{font-size:12px}footer{font-size:7px;line-height:1.7;margin:20px 4px}.doc-grid{grid-template-columns:1fr}dialog{padding:28px 22px}dialog h2{font-size:30px}.source-links{gap:15px;flex-direction:column}#toast{width:90%;text-align:center}.view-label{font-size:6px}.cutaway-label{left:52%;top:34%;font-size:6px}.cutaway-label small{font-size:6px}.model-note{margin-top:0}.advanced .slider-control{display:block;width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
body.capture .page-heading,body.capture .controls,body.capture .telemetry,body.capture .bottom-grid,body.capture .legend{display:none!important}
body.capture .workspace{grid-template-columns:1fr;border:0;background:transparent}
body.capture .center-column{grid-column:auto;grid-row:auto}
body.capture .viewport{height:calc(100vh - 210px);min-height:520px}
body.capture main{max-width:none;padding:12px 18px 0}
body.capture .topbar{margin:0 18px;height:64px}
body.capture footer{margin:12px 18px 16px}
body.capture .transport{background:#121916}
.end-card{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#101412f2;color:#e6e9e3;text-align:center;gap:10px;letter-spacing:2px}
.end-card[hidden]{display:none!important}
.end-mark{width:48px;height:48px;background:var(--red);color:#111912;display:grid;place-items:center;border-radius:3px;margin-bottom:8px}
.end-mark svg{width:32px;height:32px;fill:currentColor;stroke-width:.6}
.end-card strong{font-size:42px;letter-spacing:8px;font-weight:750}
.end-card p{font:13px var(--mono);color:#c5d0b9;letter-spacing:1px;margin:0}
.end-card small{font:10px var(--mono);color:#7f8e76;letter-spacing:.8px;margin-top:12px}
#capture-toggle.on{color:#f0c2b0}
.topbar{height:64px;margin:0 22px}main{max-width:none;padding:10px 22px 0}
.page-heading{position:relative;z-index:4;margin:8px 8px 12px;max-width:520px}
.page-heading h1{font-size:32px;letter-spacing:-1.4px;margin:6px 0 4px}
.page-heading p{font-size:12px;line-height:1.55;max-width:420px}
.workspace{grid-template-columns:1fr!important;border:0;background:transparent;overflow:visible}
.center-column{grid-column:auto!important;grid-row:auto!important}
.viewport{height:calc(100vh - 186px);min-height:520px;border-radius:8px;background:#0b0f0d}
.hud-tabs{position:absolute;top:12px;right:16px;z-index:6;border:0;margin:0;align-self:auto;background:#121a16cc;backdrop-filter:blur(14px);border-radius:4px;padding:3px;gap:0;border:1px solid #ffffff14}
.hud-tabs button{padding:10px 14px;font-size:11px}
.hud-tabs button.active:after{bottom:3px;left:12px;right:12px}
.telemetry{position:absolute;inset:0;border:0;background:transparent;padding:0!important;pointer-events:none;z-index:5;display:block}
.telemetry>.panel-heading{display:none}
.telemetry>*{pointer-events:auto}
.primary-metric{position:absolute;left:22px;bottom:22px;width:auto}
.primary-metric strong{font-size:64px;text-shadow:0 10px 28px #0007}
.primary-metric .meter{width:150px;margin:8px 0 0}
.metric-pair{position:absolute;left:22px;bottom:112px;gap:26px;margin:0;width:auto;flex-direction:row}
.metric-pair strong{margin-top:6px;font-size:18px}
.result-card{position:absolute;right:18px;top:56px;width:200px;margin:0;background:#121a16cc;backdrop-filter:blur(16px)}
.constraint{position:absolute;right:18px;bottom:92px;width:200px;margin:0}
.constraint p{display:none}
.gas-remaining{position:absolute;right:18px;bottom:18px;width:200px}
.repeat-button{position:absolute;right:18px;bottom:148px;width:200px;margin:0}
.repeat-button[disabled]{display:none}
.refill-button{display:none}
.orbit-hint{opacity:.35}
.controls{position:fixed;left:0;top:0;bottom:0;width:286px;z-index:26;transform:translateX(-108%);transition:transform .28s ease;border-right:1px solid var(--line);overflow:auto;box-shadow:none}
body.setup-open .controls{transform:none;box-shadow:28px 0 70px #0009}
.setup-backdrop{position:fixed;inset:0;background:#05080766;z-index:25}
.setup-backdrop[hidden]{display:none!important}
body.setup-open #tune{color:#f0c2b0}
.view-tools{bottom:20px;z-index:6}
.scene-heading{top:54px}
.legend{background:transparent;justify-content:flex-start;padding:8px 2px}
.transport{background:#121916;border-radius:0 0 8px 8px}
body.capture .hud-tabs,body.capture .page-heading{display:none!important}
body.capture .viewport{height:calc(100vh - 168px)}
@media(max-width:900px){
  .viewport{height:480px;min-height:420px}
  .page-heading{max-width:none}
  .primary-metric strong{font-size:48px}
  .result-card{width:170px;padding:10px}
  .gas-remaining,.repeat-button,.refill-button,.constraint{width:170px}
}
@media(max-width:640px){
  .viewport{height:390px;min-height:360px}
  .page-heading h1{font-size:28px}
  .hud-tabs{left:12px;right:12px;top:8px;justify-content:space-between}
  .metric-pair{display:none}
  .constraint,.repeat-button,.refill-button{display:none}
  .result-card{top:48px;width:148px}
  .gas-remaining{width:148px}
  .controls{width:min(100%,320px)}
}

/* Experiment actions remain accessible at every screen width. */
.refill-button{display:block;position:absolute;right:18px;bottom:122px;width:200px;min-height:24px;pointer-events:auto}
.repeat-button{pointer-events:auto}
.refill-button[hidden],.repeat-button[hidden]{display:none!important}
.sound-toggle{font:10px var(--mono);white-space:nowrap;color:#a0ad96;padding:8px 4px}
.sound-toggle[aria-pressed="true"]{color:#edb29c}
@media(max-width:640px){
 .repeat-button{display:flex;right:12px;bottom:130px;width:148px;font-size:8px}
 .refill-button{right:12px;bottom:104px;width:148px;font-size:8px}
 .repeat-button[disabled]{display:none}
 .top-actions{gap:10px}
}

.config-option .radio-dot{border-color:var(--scenario)}
.config-option.selected .radio-dot{background:var(--scenario);box-shadow:0 0 10px color-mix(in srgb,var(--scenario) 30%,transparent)}

/* M2: scene, telemetry and analysis are separate layout regions. */
:root{--line:#ffffff17;--mono:'Consolas','SFMono-Regular',monospace}
body{background:#0d1113;color:#dce4e5}
main{max-width:1680px;margin:auto;padding:28px 36px 0}
.topbar{margin:0 36px;height:76px;border-bottom:1px solid var(--line)}
.page-heading{max-width:none;margin:0 0 28px;display:flex;flex-direction:column;align-items:flex-start;gap:0}
.page-heading h1{font-size:clamp(34px,4vw,54px);font-weight:400;letter-spacing:-2px;margin:12px 0 10px}
.page-heading p{font-size:14px;max-width:none;color:#93a1a6}
.eyebrow{color:#8f9fa6;font-size:9px;letter-spacing:1.8px}
.center-column{min-width:0}
.hud-tabs{position:static;display:flex;justify-content:flex-start;width:max-content;max-width:100%;background:transparent;backdrop-filter:none;border:0;border-radius:0;padding:0;margin:0 0 14px;gap:8px}
.hud-tabs button{font-size:12px;padding:14px 22px;border:1px solid transparent;border-radius:5px;color:#829298;flex:none}
.hud-tabs button.active{background:#1d262a;border-color:#ffffff20;color:#f2f5f5}
.hud-tabs button.active:after{display:none}
.hud-tabs small{font:9px var(--mono);opacity:.6;margin-right:9px}
.viewport{height:clamp(380px,51vw,640px);min-height:380px;border:1px solid var(--line);border-radius:12px 12px 0 0;overflow:hidden;background:#101619}
.viewport-top{top:20px;left:24px;right:24px}
.scene-heading{top:52px;left:24px}
.scene-heading>span{font-size:10px;letter-spacing:2px}
.scene-heading small{font-size:9px;color:#93a1a6}
.view-tools{bottom:22px;left:50%;transform:translateX(-50%);right:auto;white-space:nowrap}
.view-tools button{font-size:10px;background:#182125df;border-color:#ffffff20;padding:10px 15px}
.scene-bottom{left:24px;right:24px;bottom:22px}
.orbit-hint{font-size:7px;opacity:.65}
.telemetry{position:static;inset:auto;display:grid;grid-template-columns:1fr 1.15fr 1.05fr 1.2fr;gap:20px;background:#151d21;border:1px solid var(--line);border-top:0;padding:24px!important;pointer-events:auto}
.telemetry>.primary-metric,.telemetry>.metric-pair,.telemetry>.result-card,.telemetry>.gas-remaining,.telemetry>.constraint,.telemetry>.repeat-button,.telemetry>.refill-button{position:static;inset:auto;width:auto;margin:0;min-width:0}
.telemetry .primary-metric{grid-column:1;grid-row:1}
.telemetry .primary-metric strong{font-size:48px;line-height:1.2;text-shadow:none;font-weight:400}
.telemetry .primary-metric .meter{width:100%;max-width:170px;margin:10px 0 0}
.telemetry .metric-pair{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:14px;justify-content:center}
.telemetry .metric-pair strong{font-size:20px;margin:5px 0 0}
.telemetry .result-card{grid-column:3;grid-row:1;background:transparent;backdrop-filter:none;border:0;border-left:1px solid var(--line);border-radius:0;padding:0 0 0 20px}
.telemetry .result-card strong{font-size:34px;letter-spacing:-1px}
.telemetry .result-card p{font-size:10px;line-height:1.6;color:#91a0a7}
.telemetry .gas-remaining{grid-column:4;grid-row:1;align-self:center}
.telemetry .gas-remaining small{font-size:10px;line-height:1.6}
.gas-flag{display:block;color:var(--red);font-weight:600;letter-spacing:.3px}
.telemetry .gas-bars{height:24px;margin:12px 0}
.telemetry .constraint{grid-column:1/3;grid-row:2;display:block;align-self:center;border:0;padding:0}
.telemetry .constraint>span{font-size:8px;margin-right:12px}
.telemetry .constraint strong{display:inline;font-size:10px}
.telemetry .constraint p{display:none}
.telemetry .repeat-button{grid-column:3;grid-row:2;display:flex;align-items:center;gap:12px;padding:10px 0;font-size:10px;color:#d2dbdf}
.telemetry .repeat-button[disabled]{display:flex;opacity:.35;cursor:not-allowed}
.telemetry .refill-button{grid-column:4;grid-row:2;display:block;text-align:left;font-size:10px;padding:10px 0;color:#92a7b1}
.primary-metric>span,.metric-pair span,.result-card>span,.gas-remaining>div>span{font-size:9px;letter-spacing:1px;color:#98a7ae}
.transport{border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;padding:18px 24px;gap:22px;background:#11191d}
.launch-button{font-size:11px;padding:14px 20px;min-width:180px}
.time-controls{flex:1}.time-controls span{font-size:10px}
.legend{padding:14px 4px;gap:22px}.legend>span{font-size:8px;letter-spacing:.6px}
.analysis-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:38px 0 18px}
.analysis-heading h2{font-size:26px;letter-spacing:-.7px;font-weight:400;margin:10px 0 0}
.analysis-heading p{font-size:12px;color:#91a0a7;margin:0 0 4px}
.bottom-grid{grid-template-columns:1fr 1fr;gap:18px;margin:0}
.plot-card,.comparison-card{padding:24px;background:#131b1f;border:1px solid var(--line);border-radius:9px}
.plot-title{font-size:9px;letter-spacing:1px;margin-bottom:22px;color:#aab8bf}.plot-title>span:last-child{font-size:12px}
.plot-card>svg{height:170px;overflow:hidden}.plot-axis{font-size:10px;color:#8e9ea6;margin-top:14px}
.comparison-card{grid-column:1/-1}#comparisons{display:flex;gap:32px}.comparison-row{flex:1;margin:0;gap:16px;font-size:11px}.comparison-row strong{font-size:15px}
.controls{width:320px;background:#151e23;padding:28px!important}.controls .slider-control{margin-bottom:26px}.controls .slider-control>span:first-child{font-size:12px}.controls p{font-size:11px;line-height:1.7}
footer{font-size:10px;line-height:1.7;margin:24px 0 32px}
body.capture .viewport{height:calc(100vh - 160px)}
@media(max-width:1000px){main{padding:24px 22px 0}.topbar{margin:0 22px}.telemetry{gap:16px;padding:20px!important}.telemetry .primary-metric strong{font-size:40px}.telemetry .result-card strong{font-size:28px}.scene-subtitle{display:none}.orbit-hint{display:none}.analysis-heading p{max-width:260px;line-height:1.6}}
@media(max-width:640px){
 main{padding:20px 14px 0}.topbar{height:64px;margin:0 14px}.page-heading{margin-bottom:20px}.page-heading h1{font-size:36px}.page-heading p{font-size:12px;line-height:1.7}.top-actions{gap:10px}.brand{font-size:17px}.brand-symbol{width:24px;height:24px}.sound-toggle{font-size:9px}
 .hud-tabs{width:100%;margin:0 0 12px;gap:4px}.hud-tabs button{flex:1;font-size:11px;padding:12px 8px}.hud-tabs small{margin-right:5px}
 .viewport{height:360px;min-height:360px}.viewport-top{top:16px;left:16px}.scene-heading{left:16px;top:42px;max-width:90%}.scene-heading small{font-size:8px}.view-tools{bottom:16px;left:16px;transform:none}.view-tools button{font-size:9px;padding:8px}.scene-bottom{right:12px;bottom:16px;left:auto}.camera-tools{gap:2px}
 .telemetry{grid-template-columns:1fr 1fr;gap:20px 16px;padding:20px 16px!important}.telemetry .primary-metric{grid-column:1;grid-row:1}.telemetry .metric-pair{grid-column:2;grid-row:1}.telemetry .result-card{grid-column:1;grid-row:2;border:0;padding:0}.telemetry .gas-remaining{grid-column:2;grid-row:2}.telemetry .constraint{grid-column:1/-1;grid-row:3}.telemetry .repeat-button{grid-column:1;grid-row:4;font-size:9px}.telemetry .refill-button{grid-column:2;grid-row:4;font-size:9px}.telemetry .primary-metric strong{font-size:44px}.telemetry .result-card strong{font-size:30px}
 .transport{flex-wrap:wrap;padding:14px;gap:12px}.transport .time-controls{order:4;flex-basis:100%}.launch-button{flex:1;min-width:0;font-size:10px}.legend{gap:12px;flex-wrap:wrap}.legend>span{font-size:7px}.analysis-heading{margin-top:26px;display:block}.analysis-heading p{margin:10px 0 0;max-width:none}.analysis-heading h2{font-size:24px}.bottom-grid{grid-template-columns:1fr;gap:14px}.plot-card,.comparison-card{padding:20px}.plot-card>svg{height:150px}#comparisons{display:block}.comparison-row{margin-top:20px;font-size:10px}.plot-title{font-size:8px}footer{font-size:9px}.controls{width:min(90vw,340px)}
}

.telemetry{order:0}
.viewport{flex:none}