:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#dce8f1;background:#08121c;font-synthesis:none;--accent:#40cfca;--orange:#f5a35e;--muted:#758a9a;--border:#233543}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -30%,#153145 0,transparent 53%),#08121c;min-width:340px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.5;cursor:default}
.shell{max-width:1720px;margin:auto;padding:0 42px}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1b303d;gap:20px}.identity{display:flex;gap:13px;align-items:center}.mark{width:39px;height:39px;display:grid;place-items:center;border:1px solid #2d535b;background:#10252c;transform:rotate(0)}.identity strong{font-size:19px;letter-spacing:.18em;font-weight:750}.version{color:#49d7d1;font-weight:450}.identity small{display:block;font-size:8px;color:#7d9aa6;letter-spacing:.25em;margin-top:5px}.topcenter{font-size:10px;letter-spacing:.18em;color:#718998}.tiny-square{display:inline-block;width:5px;height:5px;background:var(--accent);vertical-align:middle;margin-right:8px}.slash{color:#2d535b;margin:0 8px}.toolbar{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:700;letter-spacing:.11em;color:#8fb4bc}.dot{height:7px;width:7px;border-radius:50%;background:#54dfc4;box-shadow:0 0 12px #3bd1ae}.header-button{padding:12px 14px;background:#0f222d;border:1px solid #2b4958;color:#c7e3ea;font-size:10px;font-weight:750;letter-spacing:.12em;margin-left:10px}.header-button span{color:var(--accent);margin-left:12px}.header-button:hover{border-color:var(--accent)}
.headline{padding:29px 0 30px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:750;letter-spacing:.20em;color:#6bc8c8}.eyebrow .line{display:inline-block;background:#4bd6d0;width:25px;height:1px}.indexmark{margin-left:auto;color:#536875}.headline h1{font-size:clamp(34px,3.35vw,53px);letter-spacing:-.045em;font-weight:560;line-height:1.12;margin:13px 0 8px}.headline h1 em{font-style:normal;color:#60dfd6}.period{color:var(--orange)}.headline p{font-size:12px;color:#91a4ae;margin:0;line-height:1.7}
.dashboard{display:grid;grid-template-columns:minmax(0,1.79fr) minmax(350px,.94fr);gap:21px;align-items:start}.left-column{min-width:0;display:flex;flex-direction:column;gap:17px}.viewer-panel,.telemetry-panel,.control-panel{border:1px solid var(--border);background:linear-gradient(145deg,#10202b 0,#0b1925 82%);box-shadow:0 13px 35px #0001}.panel-title{height:46px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 20px}.panel-index{font-size:10px;font-weight:750;letter-spacing:.19em;color:#b2c5cf}.panel-index span{color:#3c7184;margin:0 6px}.mode-pill{border:1px solid #21685f;padding:6px 9px;color:#66dfc3;font-weight:750;font-size:9px;letter-spacing:.13em}.mode-dot{background:#64e0bf;width:5px;height:5px;border-radius:50%;display:inline-block;margin-right:5px;box-shadow:0 0 9px #59dbb1}
.scene{height:clamp(340px,35vw,495px);position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 43%,#19394c 0%,#071522 77%)}.scene::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:1}.scene canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.scene canvas:active{cursor:grabbing}.view-info{position:absolute;left:22px;top:18px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.view-info strong{font-size:12px;letter-spacing:.20em}.view-info span,.view-coords{font-size:9px;line-height:1.8;color:#7094a5;letter-spacing:.13em}.view-coords{position:absolute;right:20px;top:18px;text-align:right;pointer-events:none}.scene-readout{position:absolute;right:19px;bottom:56px;background:#091c2bde;border:1px solid #31566b;min-width:151px;padding:12px 15px}.scene-readout span{font-size:9px;letter-spacing:.18em;color:#86b4c0;font-weight:700}.scene-readout b{display:block;color:#f3fcff;font-size:23px;font-weight:500;margin-top:8px;letter-spacing:.03em}.scene-readout i{font-size:12px;font-style:normal;color:var(--accent)}.bar-markers{display:flex;gap:4px;margin-top:10px}.bar-markers span{height:2px;background:#4cc7ce;flex:1}.bar-markers span:nth-child(n+4){background:#2c5362}.camera-button{position:absolute;left:20px;bottom:55px;border:1px solid #426278;width:34px;height:34px;background:#0a2330b9;color:#d7f6f6;font-size:23px}.scene-legend{position:absolute;bottom:15px;left:20px;font-size:9px;letter-spacing:.10em;color:#92b0b9;display:flex;gap:12px;align-items:center}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:-7px}.cyan{background:#53d6cf}.orange{background:#ef9a5f}.grey{background:#627989}.webgl-error{position:absolute;inset:25%;padding:35px;background:#2b121b;color:#ffbdc3;border:1px solid #b25264;z-index:5}
.metric-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border)}.metric{padding:17px 18px;min-width:0}.metric+.metric{border-left:1px solid #243746}.metric small{font-size:9px;letter-spacing:.13em;color:#8c9eac;font-weight:700;white-space:nowrap}.metric strong{display:block;color:#ecf8ff;font-size:clamp(24px,2.2vw,36px);letter-spacing:-.045em;margin:7px 0 3px;font-weight:560}.metric strong i{font-size:12px;font-style:normal;color:#7f9aa7}.metric-sub{color:#638293;font-size:10px}.metric-sub span{float:right;font-size:9px;color:#58bcae}
.telemetry-panel{padding:18px 21px 14px}.telemetry-head{display:flex;align-items:end;justify-content:space-between;gap:8px}.telemetry-head h2{margin:6px 0 0;font-size:17px;font-weight:570;letter-spacing:-.02em}.chart-legend{font-size:10px;color:#9bb4c0;display:flex;gap:13px;align-items:center;padding-bottom:3px}.chart-legend .legend-dot{margin-right:-7px}#chart{height:121px;width:100%;display:block;margin-top:13px}.chart-foot{display:flex;justify-content:space-between;color:#54758a;font-size:9px;letter-spacing:.12em;border-top:1px solid #1d3544;padding-top:10px}.chart-foot b{color:#a1d1d3;font-weight:600}
.control-panel{display:flex;flex-direction:column}.control-header{padding:20px 23px 17px;border-bottom:1px solid #243542}.control-head-row{display:flex;align-items:center;justify-content:space-between}.control-head-row h2{font-size:22px;letter-spacing:-.035em;margin:11px 0 6px;font-weight:590}.control-code{font-size:10px;color:#658da0;letter-spacing:.13em}.control-header p{font-size:11px;color:#7e98a5;margin:0}.run-state{margin:15px 22px 0;border:1px solid #295b5c;background:#10333286;display:flex;align-items:center;padding:12px 14px;gap:14px}.run-state-icon{width:32px;height:32px;border:1px solid #367d76;display:grid;place-items:center;color:#69e9cf;font-size:20px}.run-state small{display:block;font-size:9px;letter-spacing:.15em;color:#77adaf;margin-bottom:3px}.run-state strong{color:#82f0d1;font-size:12px;letter-spacing:.16em}.state-led{margin-left:auto;width:7px;height:7px;border-radius:50%;background:#5fe5af;box-shadow:0 0 10px #3bd999}.run-state.warn{background:#432b1c7c;border-color:#6a4d2d}.run-state.warn strong{color:#f2bc80}.run-state.warn .state-led{background:var(--orange);box-shadow:0 0 8px var(--orange)}
.controls{padding:18px 23px 4px}.section-caption{color:#4bd1ca;letter-spacing:.18em;font-size:9px;font-weight:700;margin:0 0 13px}.section-caption.second{margin:22px 0 12px}.range-control{display:block;margin-bottom:16px;position:relative}.control-name{display:inline-block;font-size:12px;color:#d4e7e9;font-weight:560}.control-name small{color:#607f92;font-size:8px;letter-spacing:.08em;margin-left:6px}.range-value{float:right;font-size:13px;color:#f0fcff;font-weight:650;font-variant-numeric:tabular-nums}.range-value small{font-size:10px;color:#7496a5;font-weight:450}.range-control input{width:100%;display:block;margin:12px 0 0;height:4px;appearance:none;border-radius:10px;background:linear-gradient(to right,#50cfc5 0,#50cfc5 var(--progress,40%),#274151 var(--progress,40%),#274151 100%);cursor:pointer}.range-control input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:1px;background:#cdf9ee;border:2px solid #1d797b;box-shadow:0 0 0 2px #153640}.range-control input::-moz-range-thumb{width:11px;height:11px;border-radius:1px;background:#cdf9ee;border:2px solid #1d797b}.control-toggle{display:flex;justify-content:space-between;align-items:center;padding:8px 0;color:#d0e0e9;font-size:12px}.control-toggle small{display:block;color:#648092;font-size:10px;margin-top:5px}.control-toggle input{appearance:none;background:#294151;width:33px;height:18px;border-radius:20px;cursor:pointer;position:relative;transition:.18s}.control-toggle input:before{content:'';position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:#91a7b6;transition:.18s}.control-toggle input:checked{background:#237d7c}.control-toggle input:checked:before{transform:translateX(15px);background:#bbfff2}.control-toggle select{border:1px solid #325167;background:#122b3c;color:#e1f5ef;padding:5px 10px;font-size:11px}.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.preset{border:1px solid #2c485a;color:#8eacbb;background:#132a39;font-weight:750;font-size:9px;letter-spacing:.07em;padding:11px 4px}.preset.active,.preset:hover{border-color:#3cb4ae;color:#76e9d9;background:#123a43}.actions{padding:18px 23px 14px}.action-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:8px}.action-grid button{padding:13px 4px;font-size:11px;font-weight:800;letter-spacing:.10em;border:1px solid #2b5864}.primary-action{background:#62ddd0;border-color:#62ddd0!important;color:#0c2935}.primary-action:hover{background:#8aeee1}.action-muted{background:#183140;color:#bed7df}.action-muted:hover{border-color:#60c8bd}.action-grid.secondary{grid-template-columns:1fr 1fr;margin-top:8px}.action-grid.secondary button{background:#102532;color:#a2ced4;border:1px solid #2b4857;font-size:10px}.action-grid.secondary button:hover{color:#fff;border-color:#4ba39e}.control-footer{border-top:1px solid var(--border);color:#668597;letter-spacing:.06em;font-size:9px;padding:13px 23px;display:flex;align-items:center;gap:7px}.control-footer #seed-mini{margin-left:auto;font-variant-numeric:tabular-nums;color:#7693a4}.small-led{width:5px;height:5px;border-radius:50%;background:#4bcdad}.page-footer{display:flex;justify-content:space-between;gap:10px;padding:23px 0;color:#4d6a79;font-size:9px;letter-spacing:.10em}
@media(max-width:1150px){.shell{padding:0 22px}.topcenter{display:none}.dashboard{grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr)}.metric{padding:14px 10px}.metric small{font-size:8px}.metric strong{font-size:24px}.control-header,.controls,.actions{padding-left:16px;padding-right:16px}.run-state{margin-left:16px;margin-right:16px}}
@media(max-width:850px){.dashboard{grid-template-columns:1fr}.scene{height:clamp(360px,56vw,530px)}.control-panel{max-width:none}.metric strong{font-size:30px}.control-header,.controls,.actions{padding-left:22px;padding-right:22px}.run-state{margin-left:22px;margin-right:22px}.page-footer{flex-wrap:wrap}}@media(max-width:520px){.shell{padding:0 12px}.topbar{height:70px}.identity strong{font-size:16px}.identity small{font-size:7px}.toolbar{font-size:0}.header-button{font-size:9px}.headline{padding:25px 0}.headline h1{font-size:35px}.metric-row{grid-template-columns:repeat(2,1fr)}.metric:nth-child(3){border-left:0;border-top:1px solid var(--border)}.metric:nth-child(4){border-top:1px solid var(--border)}.scene{height:345px}.view-coords{display:none}.scene-readout{right:12px;bottom:48px;min-width:116px}.scene-legend{font-size:8px;gap:7px;left:12px}.view-info{left:12px;top:12px}.chart-foot{font-size:8px}.page-footer{font-size:8px}}