:root{font-family:'DM Sans',system-ui,sans-serif;color:#e6eced;background:#080d11;font-synthesis:none;font-size:13px;--teal:#94c2bd;--gold:#e6b983;--border:#2a3539;--muted:#84959c}
*{box-sizing:border-box}html,body{margin:0;min-width:340px}body{overflow-x:hidden}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #c6ded8;outline-offset:3px}.shell{display:grid;grid-template-columns:minmax(0,1fr) 330px;grid-template-rows:65px minmax(535px,calc(100vh - 311px)) 214px 32px;min-height:790px;max-width:1900px;margin:auto;background:#0b1115;border-left:1px solid #1d2a2d;border-right:1px solid #1d2a2d}.topbar{grid-column:1/3;display:flex;align-items:center;justify-content:space-between;padding:0 31px;background:#0b1318;border-bottom:1px solid var(--border);z-index:4}.brandmark{display:flex;align-items:center;gap:13px}.brandmark strong{font:700 18px 'Space Grotesk',sans-serif;letter-spacing:.22em}.brandmark small{display:block;color:#7d9196;font-size:8px;letter-spacing:.37em;margin-top:3px}.symbol{width:32px;height:32px;border:1px solid #ba9c70;display:grid;place-items:center;transform:rotate(45deg)}.diamond{width:11px;height:11px;border:1px solid #cfb58e}.release,.head-actions,.counter,.hud,.model-legend,.section-sub,.section-footer,.telemetry-head,.chart-head,.telemetry-bottom,.footer,.eyebrow,.panel-index{font-family:'Space Grotesk',sans-serif;letter-spacing:.12em;font-size:10px}.release{color:#8d9da0}.live-dot{display:inline-block;background:#a9d4aa;width:6px;height:6px;border-radius:50%;box-shadow:0 0 11px #8bc39a;margin-right:10px}.slash{color:#43565a;padding:0 9px}.head-actions{display:flex;align-items:center;gap:20px}.text-btn{border:0;background:transparent;color:#aebdc0;letter-spacing:.1em}.text-btn:hover{color:white}.counter{border-left:1px solid #314045;padding-left:19px;color:var(--gold)}.stage{position:relative;overflow:hidden;background:radial-gradient(ellipse at 58% 53%,#17282f,#071014 67%);min-height:0}.stage::after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,15,19,.73),transparent 39%,transparent 78%,rgba(6,13,17,.20));mix-blend-mode:multiply}.stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.stage-label{position:absolute;left:37px;top:46px;max-width:330px;z-index:2;pointer-events:none}.eyebrow{color:var(--gold);letter-spacing:.24em;font-size:10px}.rule{display:inline-block;width:22px;height:1px;background:var(--gold);vertical-align:middle;margin:0 9px}.stage-label h1{font:500 clamp(35px,3.4vw,60px)/.98 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:22px 0 22px}.stage-label h1 em{font-weight:400;font-style:normal;color:var(--gold)}.stage-label p{font-size:12px;line-height:1.75;color:#a0b0b3;max-width:245px}.hud{position:absolute;z-index:2;color:#82969b;bottom:26px}.hud-left{left:37px}.hud-right{right:31px}.plus{color:var(--gold);padding:0 6px}.reticle{font-size:20px;vertical-align:middle;color:#bdc8c8;margin-right:10px}.model-legend{position:absolute;z-index:2;top:29px;right:28px;color:#b1bdbe;font-size:9px}.model-legend span{color:var(--gold);padding:0 5px}.error{position:absolute;top:40%;left:15%;right:15%;background:#342024;color:#ffd0c8;padding:25px;z-index:10;border:1px solid #a76a6a;line-height:1.6}.panel{grid-column:2;grid-row:2/4;background:#101b21;border-left:1px solid #34444a;z-index:3;padding:28px 26px 20px;overflow:auto;scrollbar-color:#3f575a transparent}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title h2{font:500 24px 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:8px 0 22px}.panel-index{color:#5e757e}.preset-row{display:flex;align-items:center;justify-content:space-between;border:1px solid #36494d;padding:10px 12px;margin-bottom:13px}.preset-row label{font-size:10px;color:#b7c5c6;letter-spacing:.12em}.preset-row select{width:160px;text-align:right}.panel select{color:#e9d2ae;background:#101b21;border:0;font-size:11px;outline:none}.button-row{display:flex;gap:8px;margin-bottom:28px}.primary-btn{flex:1;border:1px solid #d8aa72;color:#191d20;background:#e6b983;padding:13px 7px;font-weight:700;font-size:10px;letter-spacing:.1em;transition:background .2s}.primary-btn:hover{background:#ffcf92}.circle-btn{width:38px;flex:0 0 38px;color:#e2e3da;background:#243238;border:1px solid #415257;font-size:20px}.circle-btn:hover{background:#354950}.section-sub{border-bottom:1px solid #334448;color:#c1cfd0;padding-bottom:11px;display:flex;justify-content:space-between;margin:22px 0 17px;font-size:9px}.section-sub span{color:#61787b}.parameter{margin:16px 0 22px}.parameter-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;color:#b5c1c4}.parameter-label label{font-size:12px}.parameter output{font:500 11px 'Space Grotesk',sans-serif;color:#eac48f}input[type=range]{display:block;width:100%;height:3px;accent-color:#e8be88;cursor:pointer}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 0 20px;color:#adbec0}.switch-label{font-size:12px}.toggle-row input{accent-color:#c2a373;width:17px;height:17px;cursor:pointer}.section-footer{display:flex;gap:14px;border-top:1px solid #334448;padding-top:18px;justify-content:space-between}.section-footer>div{display:flex;flex-direction:column;gap:8px}.section-footer span{font-size:9px;color:#84999d}.section-footer select{border:1px solid #334b50;padding:8px 10px;min-width:115px}.telemetry{grid-column:1;grid-row:3;background:#0a141a;border-top:1px solid #354448;padding:17px 30px 8px;min-width:0}.telemetry-head{display:flex;justify-content:space-between;color:#cfdddc;font-size:10px}.telemetry-head #status{color:#a1c2ae;font-size:9px}.meters{margin-top:15px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.meter{border-right:1px solid #304148;padding-right:9px}.meter:last-child{border:0}.meter>span{display:block;color:#7e9297;font-size:8px;letter-spacing:.12em;margin-bottom:6px}.meter strong{font:400 clamp(15px,1.7vw,23px) 'Space Grotesk',sans-serif;white-space:nowrap;color:#f1f1e9}.meter small{font-size:10px;color:#a3b2b2}.chart-head{color:#7e9297;display:flex;justify-content:space-between;margin:11px 0 4px;font-size:8px}.telemetry canvas{width:100%;height:47px;display:block}.telemetry-bottom{display:flex;justify-content:space-between;align-items:center;color:#738a90;font-size:9px}.telemetry-bottom button{color:#d9b886;border:0;background:transparent;font-size:9px;letter-spacing:.1em}.telemetry-bottom button:hover{color:white}.footer{grid-column:1/3;grid-row:4;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #26373b;color:#668088;font-size:8px;padding:0 29px;letter-spacing:.18em}.footer b{color:#bc996b;font-weight:400;margin:0 6px}
@media(max-width:980px){.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:65px 520px auto auto 32px}.topbar,.footer{grid-column:1}.release{display:none}.stage{grid-column:1;grid-row:2}.panel{grid-column:1;grid-row:4;border-left:0;border-top:1px solid var(--border);display:block;overflow:visible}.telemetry{grid-column:1;grid-row:3;height:auto}.telemetry canvas{height:70px}.panel .parameter{max-width:100%}.stage-label{top:34px}}@media(max-width:600px){.shell{grid-template-rows:60px 475px auto auto 32px}.topbar{padding:0 16px}.brandmark strong{font-size:14px}.head-actions{gap:6px}.head-actions .counter{display:none}.stage-label{top:29px;left:21px}.stage-label h1{font-size:39px}.stage-label p{max-width:205px}.model-legend{display:none}.hud-left{left:20px;bottom:16px;font-size:8px}.hud-right{display:none}.telemetry{padding:16px}.meters{grid-template-columns:repeat(2,1fr);gap:13px}.meter{border:0}.panel{padding:24px 19px}.footer{padding:0 14px;font-size:7px}}
