:root{color-scheme:dark;--ink: #e6efe9;--muted: #9fb3a8;--dim: #7d9188;--moss: #8ec06a;--aqua: #63c3b2;--brass: #d9ae4e;--bad: #ef7a52;--warn: #e9b055;--deep: #0a1210;--panel: #101b18;--panel-2: #16241f;--line: #2c4038;--sans: ui-sans-serif, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;font-family:var(--sans);font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--deep)}body{color:var(--ink)}button{color:inherit;font:inherit;cursor:pointer;border:0;background:none}button:focus-visible{outline:2px solid var(--brass);outline-offset:2px}#app{position:fixed;inset:0}#stage{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}#vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 86% 80% at 50% 46%,#060e0c00 52%,#050b0a57)}.screen{position:absolute;inset:0;z-index:9;display:grid;place-items:center;padding:18px;background-color:#07100e47;background-image:radial-gradient(ellipse at 50% 42%,#060e0c57,#040a09bd 82%);overflow:auto}.card{width:min(560px,100%);padding:26px 28px 24px;border:1px solid var(--line);border-radius:14px;background:#0d1815;box-shadow:0 24px 60px #00000080;text-align:left}.eyebrow{margin:0 0 6px;font:600 11px/1.4 var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--aqua)}h1{margin:0 0 10px;font-size:clamp(2.1rem,7vw,3.4rem);line-height:.98;letter-spacing:-.02em}h2{margin:0 0 8px;font-size:1.5rem;line-height:1.1;letter-spacing:-.01em}.lede{margin:0 0 14px;color:#c3d2c9;font-size:15px;line-height:1.55}.brief{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:7px}.brief li{position:relative;padding:7px 10px 7px 12px;border-left:2px solid var(--line);color:#b7c8bf;font-size:12.5px;line-height:1.45}.brief b{color:var(--ink);font:600 11.5px var(--mono);background:#1d2f29;border-radius:4px;padding:1px 5px}.primary{display:inline-block;padding:12px 22px;border-radius:999px;background:var(--aqua);color:#06120f;font-weight:700;font-size:15px;letter-spacing:.01em}.primary:hover{background:#7ad3c2}.hint{margin:12px 0 0;color:var(--dim);font-size:12px;line-height:1.5}.score{margin:0 0 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.score div{padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#101d19}.score span{display:block;color:var(--dim);font:9px var(--mono);letter-spacing:.18em;text-transform:uppercase}.score b{display:block;margin-top:3px;font:600 17px var(--mono);color:var(--ink)}#hud{position:absolute;inset:0;z-index:5;pointer-events:none}#hud>*{pointer-events:auto}.panel{border:1px solid var(--line);border-radius:11px;background:var(--panel);box-shadow:0 12px 30px #0000006b}.stack{padding:9px 12px;display:grid;gap:5px}.stat,.row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.stat span,.row span{color:var(--muted);font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase}.stat b{font:600 16px var(--mono);color:var(--ink)}.row b{font:600 13px var(--mono);color:var(--aqua)}.row.small span,.row.small b{font-size:10.5px;letter-spacing:.1em}#shift-panel{position:absolute;top:12px;left:12px;min-width:132px}#pound-panel{position:absolute;top:12px;right:12px;width:208px}.gauge{padding:2px 0 4px}.gauge-track{position:relative;height:16px;border-radius:5px;background:#1a2b25;border:1px solid #24382f;overflow:hidden}.gauge-band{position:absolute;top:0;bottom:0;background:#8ec06a42;border-left:1px solid var(--moss);border-right:1px solid var(--moss)}.gauge-fill{position:absolute;top:0;bottom:0;left:0;background:linear-gradient(90deg,#2f6f74,#4a9c93)}.gauge-needle{position:absolute;top:-2px;bottom:-2px;width:3px;background:var(--ink);box-shadow:0 0 0 1px #06120f}#pound-panel.out{border-color:var(--bad)}#pound-panel.out .gauge-needle{background:var(--bad)}#pound-panel.low .gauge-needle{background:var(--warn)}#board-panel{position:absolute;top:116px;right:12px;width:208px;padding:9px 12px 10px}#board-panel h2{margin:0 0 7px;font:600 10px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}#queue{margin:0;padding:0;list-style:none;display:grid;gap:6px}#queue li{display:grid;gap:3px;padding:6px 8px;border-radius:8px;background:var(--panel-2);border:1px solid #22352d}#queue li.now{border-color:var(--brass);background:#1c2a20}#queue .q-top{display:flex;justify-content:space-between;gap:8px;font:600 12px var(--mono)}#queue .q-side{color:var(--muted);font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase}#queue .q-band{position:relative;height:7px;border-radius:4px;background:#223028;overflow:hidden}#queue .q-window{position:absolute;top:0;bottom:0;background:var(--moss)}#queue .q-mark{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--aqua)}#queue .q-cargo{color:var(--dim);font-size:10.5px}#read-panel{position:absolute;left:12px;top:118px;display:grid;gap:2px;padding:8px 12px}.read-level{font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.read-level b{color:var(--ink);font-size:13px;letter-spacing:0}.read-flow{font:11px var(--mono);color:var(--aqua)}.read-flow.warn{color:var(--warn)}.read-flow.good{color:var(--moss)}.read-flow.bad{color:var(--bad)}.console{position:absolute;left:12px;right:12px;bottom:12px;padding:10px;display:grid;gap:9px}.sluices{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.gates{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.ctl{position:relative;display:grid;gap:1px;padding:9px 10px 8px;border:1px solid #26392f;border-radius:9px;background:#16241f;text-align:left;transition:background .12s ease,border-color .12s ease}.ctl:hover{background:#1d3029}.ctl-name{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font:600 12px var(--sans);color:var(--ink)}.key{font:9px var(--mono);color:#7e9b8e;border:1px solid #2f473d;border-radius:4px;padding:1px 4px;white-space:nowrap}.ctl.on .key{color:var(--aqua);border-color:#2f5a50}.ctl-state{font:600 12.5px var(--mono);color:var(--muted)}.ctl-note{font:10px var(--mono);color:var(--dim);letter-spacing:.04em}.ctl.on{background:#1d3b34;border-color:var(--aqua)}.ctl.on .ctl-state{color:var(--aqua)}.ctl.sel{border-color:var(--brass)}.ctl.dead .ctl-state{color:var(--warn)}.gate.on{background:#23372f;border-color:var(--moss)}.gate.on .ctl-state{color:var(--moss)}.ctl.minor{background:#131e1a}.ctl.minor .ctl-state{color:var(--dim)}@media(max-width:860px){.console{gap:7px;padding:8px}.sluices,.gates{gap:6px}.ctl{padding:7px 7px 6px}.ctl-name{font-size:10.5px;gap:5px}.key{font-size:8.5px;padding:0 3px}.ctl-state{font-size:11.5px}.ctl-note{display:none}#pound-panel,#board-panel{width:178px}}@media(max-width:560px){#shift-panel{min-width:108px;padding:7px 9px}.stat b{font-size:14px}#pound-panel{width:150px;padding:7px 9px}#board-panel{top:112px;width:150px;padding:7px 9px}#board-panel h2{font-size:9px}#queue .q-cargo{display:none}.sluices{grid-template-columns:repeat(2,1fr)}.gates{grid-template-columns:repeat(3,1fr)}.card{padding:20px 18px}}@media(prefers-reduced-motion:reduce){.ctl{transition:none}}