:root{--ground: #22272d;--panel: #2d343c;--panel-2: #343c45;--line: #414b56;--line-soft: #363f49;--text: #dce2e8;--text-dim: #8b97a4;--text-faint: #66707a;--alarm: #d4503c;--warn: #d99a2b;--info: #5f97b0;--alarm-bg: #3a2724;--warn-bg: #3a3122;--mono: ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--gap: 8px;--radius: 3px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--ground);color:var(--text);font-family:var(--sans);font-size:13px;overflow:hidden}#board{display:grid;height:100vh;padding:var(--gap);gap:var(--gap);grid-template-columns:260px minmax(0,1fr) 360px;grid-template-rows:auto minmax(0,1fr) 210px;grid-template-areas:"hdr    hdr     hdr" "rail   process trends" "ann    ann     ann"}#hdr{grid-area:hdr}#rail{grid-area:rail;overflow-y:auto}#process{grid-area:process;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:var(--gap);min-width:0}#trends{grid-area:trends;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:var(--gap);min-height:0}#annunciator{grid-area:ann;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--gap);min-height:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;min-width:0}.panel-title{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint);margin:0 0 8px;font-weight:600}#hdr{display:flex;align-items:center;gap:20px;padding:8px 12px}.unit-name{font-weight:600;letter-spacing:.04em}.unit-name small{color:var(--text-faint);font-weight:400;margin-left:8px;letter-spacing:0}.clock{font-family:var(--mono);font-size:19px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.clock.over{color:var(--info)}.transport{display:flex;gap:4px}button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:4px 10px;cursor:pointer}button:hover{border-color:#55616e}button[aria-pressed=true]{background:#435160;border-color:#5d6e7e}button:focus-visible{outline:2px solid var(--info);outline-offset:1px}.scorecard{margin-left:auto;display:flex;gap:18px}.score{text-align:right}.score .k{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.score .v{font-family:var(--mono);font-size:15px;font-variant-numeric:tabular-nums}.score .v.bad{color:var(--alarm)}.score .v.mid{color:var(--warn)}.ctl{margin-bottom:14px}.ctl:last-child{margin-bottom:4px}.ctl-head{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.ctl-label{font-size:11px;color:var(--text-dim)}.ctl-value{font-family:var(--mono);font-size:14px;font-variant-numeric:tabular-nums}.ctl input[type=range]{width:100%;margin:5px 0 0;accent-color:#6d7f8f;background:transparent}.ctl-actual{font-family:var(--mono);font-size:11px;color:var(--warn);margin-top:2px}.ctl-actual.ramping{color:var(--text-faint)}.ctl-actual:empty{display:none}.seg{display:flex;gap:3px;margin-top:5px}.seg button{flex:1;padding:3px 0;font-size:11px}#schematic{display:flex;flex-direction:column}#schematic svg{flex:1;width:100%;min-height:0}.sch-vessel{fill:var(--panel-2);stroke:var(--line);stroke-width:1.5}.sch-vessel.warn{stroke:var(--warn);stroke-width:2}.sch-vessel.alarm{stroke:var(--alarm);stroke-width:2;fill:var(--alarm-bg)}.sch-pipe{stroke:#5a6672;stroke-width:2;fill:none}.sch-label{fill:var(--text-faint);font-size:9px;font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase}.sch-value{fill:var(--text);font-size:11px;font-family:var(--mono)}.sch-value.warn{fill:var(--warn)}.sch-value.alarm{fill:var(--alarm)}.sch-flame{fill:var(--warn);opacity:.85}table.products{width:100%;border-collapse:collapse;font-family:var(--mono);font-variant-numeric:tabular-nums}table.products th{font-family:var(--sans);font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);font-weight:600;text-align:right;padding:0 0 4px}table.products th:first-child{text-align:left}table.products td{text-align:right;padding:2px 0;font-size:12px;border-top:1px solid var(--line-soft)}table.products td:first-child{text-align:left;font-family:var(--sans);color:var(--text-dim)}table.products td.spec-limit{color:var(--text-faint);font-size:10px}table.products td.off-spec{color:var(--alarm);font-weight:600}.yieldbar{display:flex;height:12px;margin-top:8px;border-radius:2px;overflow:hidden;border:1px solid var(--line)}.yieldbar div{height:100%}.yieldbar-key{display:flex;gap:12px;margin-top:5px;font-size:10px;color:var(--text-faint)}.yieldbar-key span{display:flex;align-items:center;gap:4px}.yieldbar-key i{width:8px;height:8px;border-radius:1px;display:inline-block}.chart{position:relative;display:flex;flex-direction:column}.chart canvas{flex:1;width:100%;min-height:0;display:block}.chart-hint{font-size:10px;color:var(--text-faint);margin:0 0 4px}#alarm-list,#event-log{overflow-y:auto}.alarm-row{display:flex;gap:10px;align-items:baseline;padding:3px 0;border-top:1px solid var(--line-soft)}.alarm-row:first-of-type{border-top:0}.alarm-row .tag{font-family:var(--mono);font-size:10px;padding:1px 5px;border-radius:2px;flex:none;border:1px solid transparent}.alarm-row.alarm .tag{color:var(--alarm);background:var(--alarm-bg);border-color:var(--alarm)}.alarm-row.warn .tag{color:var(--warn);background:var(--warn-bg);border-color:var(--warn)}.alarm-row.info .tag{color:var(--info);border-color:var(--line)}.alarm-row .msg{color:var(--text-dim)}.alarm-row.alarm .msg{color:var(--text)}.all-clear{color:var(--text-faint);font-style:normal}.log-row{display:flex;gap:8px;padding:2px 0;font-size:11px;align-items:baseline}.log-row .t{font-family:var(--mono);color:var(--text-faint);flex:none;font-variant-numeric:tabular-nums}.log-row .msg{color:var(--text-dim)}.log-row.sev-alarm .msg{color:var(--alarm)}.log-row.sev-warn .msg{color:var(--warn)}#board.ended #process,#board.ended #trends{opacity:.45}@media(max-width:1279px){#board{grid-template-columns:240px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) 240px 210px;grid-template-areas:"hdr    hdr" "rail   process" "trends trends" "ann    ann"}#trends{grid-template-rows:none;grid-template-columns:repeat(3,minmax(0,1fr))}}#plant{position:fixed;inset:0;background:var(--ground)}#plant[hidden],#board[hidden]{display:none}#plant-canvas{display:block;width:100%;height:100%;cursor:crosshair}.nameplate{position:absolute;left:24px;bottom:24px;min-width:260px;max-width:380px;padding:12px 14px;background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid var(--line);border-radius:3px;font-family:var(--sans);pointer-events:none}.nameplate-tag{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--text-faint)}.nameplate-name{font-size:15px;color:var(--text);margin-top:1px}.nameplate-does{font-size:12px;line-height:1.45;color:var(--text-dim);margin-top:6px}.nameplate-rows{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;margin:10px 0 0;padding-top:9px;border-top:1px solid var(--line-soft);font-size:12px}.nameplate-rows dt{color:var(--text-dim)}.nameplate-rows dd{margin:0;font-family:var(--mono);color:var(--text);text-align:right}#plant-hint{position:absolute;left:50%;top:22px;transform:translate(-50%);max-width:620px;padding:9px 16px;background:color-mix(in srgb,var(--panel) 82%,transparent);border:1px solid var(--line);border-radius:3px;font-family:var(--sans);font-size:12.5px;line-height:1.5;color:var(--text-dim);text-align:center;pointer-events:none;transition:opacity .4s ease}#plant-hint.faded{opacity:0}#console-prompt{position:absolute;left:50%;bottom:84px;transform:translate(-50%);padding:10px 18px;background:color-mix(in srgb,var(--panel-2) 92%,transparent);border:1px solid var(--line);border-radius:3px;font-family:var(--sans);font-size:13px;color:var(--text);pointer-events:none}#console-prompt[hidden]{display:none}#console-prompt kbd{font-family:var(--mono);font-size:12px;padding:1px 6px;margin:0 2px;border:1px solid var(--line);border-radius:2px;background:var(--ground)}#tour{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;padding-bottom:216px;pointer-events:none}#tour[hidden]{display:none}.tour-caption{max-width:720px;padding:12px 18px;background:color-mix(in srgb,var(--panel) 96%,transparent);border:1px solid var(--line);border-radius:var(--radius);font-family:var(--sans);font-size:18px;line-height:1.4;color:var(--text);text-align:center;pointer-events:none}.tour-prompt{max-width:720px;text-align:center;padding:8px 14px;background:color-mix(in srgb,var(--warn-bg) 92%,transparent);border:1px solid var(--warn);border-radius:var(--radius);font-family:var(--sans);font-size:15px;color:var(--text);pointer-events:none}.tour-diagram{position:absolute;right:24px;top:24px;width:480px;padding:10px;background:color-mix(in srgb,var(--panel) 97%,transparent);border:1px solid var(--line);border-radius:var(--radius);pointer-events:none}.tour-diagram[hidden],.tour-caption[hidden],.tour-prompt[hidden]{display:none}.tour-board{display:block;width:100%;height:auto}#enter-vr{position:absolute;right:24px;bottom:24px;padding:12px 20px;font:600 16px var(--sans);color:var(--text);background:color-mix(in srgb,var(--panel) 96%,transparent);border:1px solid var(--info);border-radius:var(--radius);cursor:pointer}#enter-vr[hidden]{display:none}