.plate{position:relative;margin:0}.plate-state{position:absolute;inset:0;z-index:1;display:grid;align-content:center;justify-items:center;gap:8px;padding:18px 22px;text-align:center;background:var(--panel);color:var(--ink)}.plate-state-cross{font:300 26px/1 var(--font-code);color:var(--accent)}.plate-state-number,.plate-state-note{font:10px/1.4 var(--font-code);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.plate-state-line{max-width:34ch;margin:0;font:12px/1.6 var(--font-code);color:var(--ink-soft);text-wrap:balance}.plate-state-line-dim{color:var(--ink-faint)}.plate-state-caption{position:absolute;left:14px;bottom:12px;z-index:2;padding:3px 7px;font:10px/1.4 var(--font-code);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:color-mix(in srgb,var(--paper) 78%,transparent)}.ct{position:relative;display:grid;gap:20px;padding:20px 20px 22px;border-top:1px solid var(--line)}.ct-rail{display:flex;align-items:center;gap:0;height:14px}.ct-node{flex:1;height:2px;background:var(--line-strong);transition:background .32s var(--ease)}.ct-node[data-tone=warn].is-live{background:var(--warn)}.ct-node[data-tone=ok].is-live{background:var(--ok)}.ct-node.is-live{background:var(--accent)}.ct-node.is-done{background:var(--ink-faint)}.ct-stages{display:grid;gap:0;margin:0;padding:0;list-style:none}.ct-stage{display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:4px 18px;align-items:baseline;padding:13px 0;border-top:1px solid var(--line);transition:opacity .32s var(--ease)}.ct-stage[data-state=ahead]{opacity:.45}.ct-stage[data-state=done]{opacity:.72}.ct-stage[data-state=live]{opacity:1}.ct-stage-name{font:11px var(--font-code);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.ct-stage[data-state=live] .ct-stage-name{color:var(--ink)}.ct-stage-say{font-size:13px;color:var(--ink-soft)}.ct-stage[data-state=live] .ct-stage-say{color:var(--ink)}@media(max-width:719px){.ct-stage{grid-template-columns:minmax(0,1fr)}}.ct-readout{display:grid;gap:9px}.ct-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}.ct-kicker{font:10px var(--font-code);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);min-width:9rem}@media(max-width:719px){.ct-kicker{min-width:0}}.ct-line code{font:12px var(--font-code);color:var(--ink)}.ct-meta{font:10px var(--font-code);color:var(--ink-faint)}.ct-tag{font:10px var(--font-code);letter-spacing:.08em;padding:2px 6px;border:1px solid var(--line-strong);color:var(--ink)}.ct-chain{display:inline-flex;align-items:center;gap:6px}.ct-chain-entry{display:block;width:22px;height:8px;border:1px solid var(--line-strong)}.ct-chain-entry[data-tone=warn]{background:var(--a03)}.ct-chain-entry[data-tone=ok]{background:var(--a02)}.ct-chain-empty{font:10px var(--font-code);color:var(--ink-faint)}.ct-gate{display:grid;gap:12px;padding-top:16px;border-top:1px solid var(--line)}.ct-controls{display:flex;flex-wrap:wrap;gap:10px}.ct-btn{font-size:13px}.ct-outcome{margin:0;font-size:13px;color:var(--ink)}.ct-replay{justify-self:start;font:10px var(--font-code);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid var(--line-strong);padding:2px 0}.ct-replay:hover{color:var(--ink)}.tui-rows{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.tui-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:9px 14px;border-bottom:1px solid var(--line)}.tui-n{flex:none;width:18px;font:10px/1.4 var(--font-code);letter-spacing:.1em;color:var(--ink-faint)}.tui-name{flex:none;min-width:0;font:600 14px/1.3 var(--font-text);color:var(--ink)}.tui-kind{flex:1 1 200px;min-width:0;font:11px/1.5 var(--font-code);letter-spacing:.06em;color:var(--ink-soft);overflow-wrap:anywhere}.tui-keys{display:flex;flex-wrap:wrap;gap:8px 20px;padding:11px 14px;border-top:1px solid var(--line)}.tui-key{display:flex;align-items:baseline;gap:8px;min-width:0;font:400 12px/1.4 var(--font-code);color:var(--ink-soft)}.tui-key kbd{font:500 11px/1.4 var(--font-code);color:var(--accent);background:none;border:0;padding:0}.tui-open{display:flex;flex-wrap:wrap;gap:10px 18px;padding:13px 14px;border-top:1px solid var(--line)}.tui-note{margin:0;padding:0 14px 13px;font:11px/1.6 var(--font-code);color:var(--ink-faint);overflow-wrap:anywhere}.live-band{padding:clamp(30px,4vw,46px) var(--gut);border-bottom:1px solid var(--line)}.live-rows{display:grid;gap:0}.live-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;padding:10px 0;border-top:1px solid var(--line)}.live-row-label{flex:none;width:108px;font:10px/1.6 var(--font-code);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.live-row-value{flex:1 1 26ch;min-width:0;font:12px/1.65 var(--font-code);color:var(--ink-soft);overflow-wrap:anywhere}.live-foot{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 20px;margin:0;padding-top:11px;border-top:1px solid var(--line);font:11px/1.7 var(--font-code);color:var(--ink-faint);letter-spacing:.02em}.live-state{flex:1 1 40ch;min-width:0;overflow-wrap:anywhere}.live-stamp{flex:none;font-variant-numeric:tabular-nums;color:var(--ink-soft)}.live-note{margin:0;padding-top:9px;font:10px/1.7 var(--font-code);letter-spacing:.04em;color:var(--ink-faint);overflow-wrap:anywhere}