:root{--bg: #050b18;--panel: #081529;--panel2: #0c1d38;--line: #16305a;--text: #cfe9ff;--dim: #6f8fb5;--cyan: #8fe3ff;--accent: #00e5ff;--amber: #ffb547;--red: #ff4d6d;--magenta: #d46bff;--green: #4dffa6;--mono: ui-monospace, "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:12px/1.45 var(--mono)}button,select,input{font:inherit;color:inherit}.hidden{display:none!important}.dim{color:var(--dim)}#app{display:grid;grid-template-rows:auto 1fr auto;height:100vh;height:100dvh}#top{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--line);background:var(--panel);min-width:0}.brand{color:var(--accent);letter-spacing:.14em;font-weight:700;white-space:nowrap}.scen-title{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.spacer{flex:1}.badge{padding:1px 7px;border:1px solid var(--line);border-radius:3px;font-size:11px;white-space:nowrap}.badge.orbit{color:var(--magenta);border-color:#5b2f7a}.badge.ground,.badge.pass{color:var(--green);border-color:#1f6046}.badge.xfail{color:var(--amber);border-color:#6b4b17}.badge.fail{color:var(--red);border-color:#6b1f2e}.btn{background:var(--panel2);border:1px solid var(--line);color:var(--cyan);padding:4px 10px;border-radius:3px;cursor:pointer}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.sm{padding:2px 8px}.btn.big{padding:10px 22px;font-size:14px}#main{display:grid;grid-template-columns:1fr 400px;min-height:0}#stage{position:relative;min-height:0;overflow:hidden}#scene{width:100%;height:100%;display:block}#hud{position:absolute;top:10px;left:12px;background:#081529d1;border:1px solid var(--line);padding:8px 10px;border-radius:4px;pointer-events:none;min-width:190px}.hud-row{display:flex;justify-content:space-between;gap:14px}.hud-row .k{color:var(--dim)}.hud-row .v{color:var(--cyan)}.hud-row .v.warn{color:var(--amber)}.hud-row .v.crit{color:var(--red)}#legend{position:absolute;bottom:10px;left:12px;background:#081529d1;border:1px solid var(--line);padding:6px 10px;border-radius:4px;pointer-events:none}.lg-scale{display:flex;align-items:center;gap:6px;color:var(--dim)}.lg-bar{width:120px;height:8px;border-radius:2px;background:linear-gradient(90deg,#1b4bff,#00c8ff 35%,#4dffa6 60%,#ffd23f 75%,#ff8a3d 87%,#ff2d55)}.lg-states{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:4px;color:var(--dim)}.sw{display:inline-block;width:9px;height:9px;margin-right:4px;border-radius:2px;vertical-align:-1px}.st-throttled{background:var(--amber)}.st-isolated{background:var(--magenta)}.st-recovering{background:var(--accent)}.st-rma{background:#3a3f4a;outline:1px solid var(--red)}.st-off{background:#000;outline:1px solid var(--red)}.tooltip{position:absolute;background:#081529f2;border:1px solid var(--accent);padding:6px 8px;border-radius:3px;pointer-events:none;white-space:pre;z-index:5}.toast{position:absolute;top:10px;right:12px;max-width:46%;background:#081529eb;border:1px solid var(--line);border-left:3px solid var(--amber);padding:6px 10px;border-radius:3px;pointer-events:none}.toast.crit{border-left-color:var(--red)}.toast.info{border-left-color:var(--green)}#panel{border-left:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;min-height:0}.tabs{display:flex;border-bottom:1px solid var(--line)}.tab{flex:1;background:none;border:0;border-bottom:2px solid transparent;padding:8px 4px;color:var(--dim);cursor:pointer}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-body{overflow-y:auto;padding:10px 12px 16px;flex:1;min-height:0}h3{font-size:11px;font-weight:600;color:var(--dim);text-transform:uppercase;letter-spacing:.06em;margin:14px 0 6px}.story{margin:0 0 4px;color:var(--text)}.plot{width:100%}.mini-list{margin:0;padding-left:16px;color:var(--text)}.mini-list li{margin:2px 0}.tray-head{display:flex;align-items:center;gap:8px}.tray-name{flex:1;text-align:center;color:var(--accent);font-weight:700}.gpu-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.gpu-card{background:var(--panel2);border:1px solid var(--line);border-radius:3px;padding:5px;border-top:3px solid var(--line)}.gpu-card .n{color:var(--dim)}.gpu-card .temp{font-size:15px;color:var(--cyan)}.gpu-card .st{font-size:10px}.gpu-card .row{color:var(--dim);font-size:10px}.code{background:#030812;border:1px solid var(--line);padding:8px;margin:0;overflow-x:auto;font-size:10.5px;color:#a8d8ff;max-height:260px}.sel{list-style:none;margin:0;padding:0}.sel li{display:grid;grid-template-columns:44px 1fr;gap:6px;padding:3px 4px;border-bottom:1px solid #0f2445;cursor:pointer}.sel li:hover{background:var(--panel2)}.sel li.future{opacity:.35}.sel li .tt{color:var(--dim);text-align:right}.sel li .code{all:unset;font-weight:700;margin-right:6px}.sel li.crit .code{color:var(--red)}.sel li.warn .code{color:var(--amber)}.sel li.info .code{color:var(--green)}.sel li.inject .code{color:var(--magenta)}.sel li.inject{background:#d46bff0d}.chk{display:flex;gap:6px;align-items:center;color:var(--dim);margin-bottom:6px}.checks{list-style:none;margin:0;padding:0}.checks li{padding:5px 0;border-bottom:1px solid #0f2445}.checks .mark{display:inline-block;width:40px;font-weight:700}.checks .ok{color:var(--green)}.checks .bad{color:var(--red)}.checks .detail{color:var(--dim);display:block;padding-left:40px}.kv{border-collapse:collapse;width:100%}.kv td{padding:2px 4px;border-bottom:1px solid #0f2445}.kv td:first-child{color:var(--dim)}#timeline{display:flex;align-items:center;gap:10px;padding:8px 14px;border-top:1px solid var(--line);background:var(--panel)}#timeline select{background:var(--panel2);border:1px solid var(--line);border-radius:3px;padding:4px 6px;max-width:260px}.play{width:38px}#scrub-wrap{position:relative;flex:1;height:26px;min-width:80px}#scrub{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;margin:0;background:transparent;accent-color:var(--accent)}#scrub-marks{position:absolute;left:0;right:0;top:0;height:6px;pointer-events:none}#scrub-marks i{position:absolute;top:0;width:2px;height:6px}#scrub-marks i.crit{background:var(--red)}#scrub-marks i.warn{background:var(--amber)}#scrub-marks i.fault{background:var(--magenta);height:26px;opacity:.35}.time{color:var(--dim);white-space:nowrap;min-width:92px;text-align:right}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#030710db;display:flex;align-items:center;justify-content:center;z-index:20;padding:16px}.card{max-width:560px;text-align:center}.card .eyebrow{color:var(--dim);letter-spacing:.12em;text-transform:uppercase;font-size:11px}.card h1{font-size:40px;margin:10px 0 8px;color:var(--accent);letter-spacing:.04em}.card .sub{font-size:15px;color:var(--text);margin:0 0 10px}.card .by{color:var(--cyan);margin:0 0 22px}.card .fine{color:var(--dim);font-size:11px;margin-top:18px}.modal{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:6px;max-width:860px;width:100%;max-height:88vh;overflow-y:auto;padding:18px 22px}.modal h2{color:var(--accent);margin:0 0 8px;font-size:18px}.modal h3{margin-top:18px}.modal p,.modal li{color:var(--text)}.modal table{border-collapse:collapse;width:100%}.modal td,.modal th{text-align:left;padding:3px 6px;border-bottom:1px solid #0f2445;vertical-align:top}.modal th{color:var(--dim);font-weight:600}.close{position:absolute;top:10px;right:10px}.arch{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0}.arch .box{border:1px solid var(--accent);color:var(--cyan);padding:6px 8px;border-radius:3px;background:var(--panel2)}.arch .arrow{color:var(--dim)}details summary{cursor:pointer}.u-legend{font-size:10px!important;color:var(--dim)}.u-legend .u-marker{width:8px!important;height:8px!important}@media (max-width: 900px){#app{height:auto;min-height:100dvh}#main{grid-template-columns:1fr}#stage{height:56vh}#panel{border-left:0;border-top:1px solid var(--line)}.tab-body{max-height:none;overflow:visible}#timeline{position:sticky;bottom:0;flex-wrap:wrap;gap:6px 8px;padding:8px 16px;z-index:10}#timeline select#scen-select{flex:1 1 100%;max-width:none}#top{flex-wrap:wrap;padding:8px 16px}.scen-title{flex:1 1 100%;order:5}#hud{min-width:0;font-size:11px}#legend{display:none}.toast{top:auto;bottom:10px;left:12px;right:12px;max-width:none;font-size:11px}#top .btn{padding:3px 8px}.gpu-cards{grid-template-columns:repeat(2,1fr)}.card h1{font-size:30px}}.uplot,.uplot *,.uplot *:before,.uplot *:after{box-sizing:border-box}.uplot{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;width:min-content}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{position:relative;-webkit-user-select:none;user-select:none}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{display:block;position:relative;width:100%;height:100%}.u-axis{position:absolute}.u-legend{font-size:14px;margin:auto;text-align:center}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{background:#00000012;position:absolute;pointer-events:none}.u-cursor-x,.u-cursor-y{position:absolute;left:0;top:0;pointer-events:none;will-change:transform}.u-hz .u-cursor-x,.u-vt .u-cursor-y{height:100%;border-right:1px dashed #607D8B}.u-hz .u-cursor-y,.u-vt .u-cursor-x{width:100%;border-bottom:1px dashed #607D8B}.u-cursor-pt{position:absolute;top:0;left:0;border-radius:50%;border:0 solid;pointer-events:none;will-change:transform;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}
