:root{--ink:#f2ead8;--muted:#b9a9a5;--paper:#b99579;--deep:#241b2d;--panel:rgba(31,22,38,.86);--line:rgba(243,221,191,.18);--coral:#ee806a;--teal:#63d2c5;--gold:#e4bd66;--white:#f7f0de;--danger:#ff786e;--shadow:rgba(9,5,15,.62);font-family:Georgia,Times New Roman,serif;color-scheme:dark}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--deep);color:var(--ink);overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{cursor:default;opacity:.4}#app{position:relative;isolation:isolate}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}.paper-grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.15;background-image:repeating-linear-gradient(7deg,rgba(255,236,205,.12) 0 1px,transparent 1px 9px),repeating-linear-gradient(93deg,rgba(27,11,30,.15) 0 1px,transparent 1px 13px);mix-blend-mode:screen}.topbar{position:absolute;z-index:5;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:17px 23px;pointer-events:none}.brand,.top-actions{pointer-events:auto}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:14px;letter-spacing:.2em;font-weight:700}.brand small{color:var(--muted);font:9px/1 monospace;letter-spacing:.12em;margin-left:5px}.brand-mark{color:var(--gold);font-size:20px;letter-spacing:-.18em;transform:translateY(-1px)}.top-actions{display:flex;gap:7px}.utility,.text-button{border:1px solid var(--line);background:#1d1323b8;color:var(--muted);font:9px/1 monospace;letter-spacing:.11em;padding:9px 11px}.utility:hover,.text-button:hover{border-color:var(--gold);color:var(--ink)}.run-readout,.line-board,.resident-board,.topology-panel,.mark-readout{position:absolute;z-index:4;background:linear-gradient(135deg,#2b1d2ce6,#160f1dc7);border:1px solid var(--line);box-shadow:0 18px 50px var(--shadow);backdrop-filter:blur(9px)}.run-readout{left:23px;top:76px;width:294px;padding:15px 16px 13px}.cue-kicker,.board-heading,.thread-count,.readout-grid span,.mark-readout small,.final-clock span{font:9px/1.2 monospace;letter-spacing:.14em;color:var(--muted)}.cue-kicker{display:flex;align-items:center;gap:8px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--coral);box-shadow:0 0 12px var(--coral)}.run-readout h1{font-size:25px;font-weight:400;letter-spacing:.02em;margin:11px 0 4px}.run-readout p{font-size:12px;line-height:1.35;color:var(--muted);margin:0 0 13px}.readout-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 0}.readout-grid div{display:grid;gap:4px}.readout-grid strong{font:13px/1 monospace;color:var(--ink)}.readout-grid strong.warn{color:var(--danger)}.cue-progress{height:3px;background:#ffffff1a;margin:11px 0 9px;overflow:hidden}.cue-progress span{display:block;height:100%;width:0;background:var(--gold);box-shadow:0 0 9px var(--gold);transition:width .12s linear}.thread-count{display:flex;justify-content:space-between;align-items:center}.thread-count strong{font:11px/1 monospace;color:var(--teal)}.line-board{left:23px;bottom:24px;width:294px;padding:13px}.board-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--line)}.board-heading small{font:8px/1 monospace;color:var(--gold);letter-spacing:.1em}.line-row{position:relative;display:grid;grid-template-columns:9px 1fr auto;gap:9px;align-items:center;width:100%;padding:10px 2px;border:0;border-bottom:1px solid rgba(243,221,191,.1);background:transparent;text-align:left}.line-row:hover{background:#ffffff0a}.line-row.selected{background:#ffeccd14}.line-row .line-color{width:7px;height:25px;border-radius:4px;box-shadow:0 0 10px currentColor}.line-row strong{display:block;font:11px/1.1 monospace;letter-spacing:.06em}.line-row small{display:block;color:var(--muted);font:8px/1.3 monospace;margin-top:3px}.line-row em{font:9px/1 monospace;color:var(--muted);font-style:normal}.line-row em.cut{color:var(--danger)}.joint-row{display:flex;gap:5px;align-items:center;padding:11px 0 7px}.joint-row>span{font:8px/1 monospace;color:var(--muted);letter-spacing:.1em;margin-right:auto}.joint-button{border:1px solid var(--line);background:transparent;color:var(--muted);font:8px/1 monospace;padding:6px 7px}.joint-button:hover,.joint-button.active{border-color:var(--gold);color:var(--ink);background:#e4bd661a}.line-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.line-actions button{display:flex;gap:6px;align-items:center;justify-content:center;border:1px solid var(--line);background:#ffffff0a;padding:9px 4px;color:var(--muted);font:8px/1 monospace;letter-spacing:.08em}.line-actions button:hover{border-color:var(--gold);color:var(--ink)}.line-actions b{color:var(--gold);font:11px/1 monospace}.board-note{margin:10px 0 0;color:var(--muted);font:8px/1.3 monospace;letter-spacing:.03em}.resident-board{right:23px;top:76px;width:270px;padding:13px}.resident-card{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid rgba(243,221,191,.1)}.resident-swatch{width:8px;height:28px;border-radius:5px;box-shadow:0 0 10px currentColor}.resident-swatch.coral{background:var(--coral);color:var(--coral)}.resident-swatch.teal{background:var(--teal);color:var(--teal)}.resident-swatch.gold{background:var(--gold);color:var(--gold)}.resident-card strong{font:11px/1 monospace;letter-spacing:.08em}.resident-card small{display:block;margin-top:4px;color:var(--muted);font:8px/1 monospace}.resident-card b{font:12px/1 monospace;color:var(--ink)}.resident-card.inked small{color:var(--coral)}.ledger-rule{height:1px;background:var(--gold);margin:12px 0 9px;opacity:.7}.resident-board p{font-size:11px;line-height:1.45;color:var(--muted);margin:0}.mark-readout{left:50%;bottom:25px;transform:translate(-50%);min-width:265px;max-width:390px;padding:10px 13px;display:flex;align-items:center;gap:11px}.mark-symbol{color:var(--gold);font-size:22px;text-shadow:0 0 14px var(--gold)}.mark-readout div{display:grid;gap:4px;flex:1}.mark-readout strong{font:10px/1.1 monospace;letter-spacing:.05em}.mark-readout>span:last-child{color:var(--gold);font:13px/1 monospace}.topology-panel{right:23px;bottom:24px;width:330px;padding:14px}.topology-panel>p{font-size:11px;line-height:1.4;color:var(--muted);margin:10px 0}.topology-options{display:grid;gap:6px}.topology-options button{display:grid;grid-template-columns:24px 1fr;column-gap:7px;text-align:left;border:1px solid var(--line);background:#ffffff0a;padding:9px}.topology-options button:hover{border-color:var(--gold);background:#e4bd6614}.topology-options small{grid-row:span 2;color:var(--gold);font:10px/1 monospace}.topology-options strong{font:10px/1 monospace;letter-spacing:.1em}.topology-options span{font-size:10px;color:var(--muted);margin-top:4px}.final-clock{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.final-clock strong{font:17px/1 monospace;color:var(--gold)}.screen{position:absolute;z-index:10;inset:0;display:grid;place-items:center;background:#130b1994;backdrop-filter:blur(6px);padding:22px}.screen[hidden],.notes[hidden]{display:none}.screen-card{width:min(560px,100%);border:1px solid rgba(243,221,191,.25);background:linear-gradient(145deg,#362234f5,#180f1ef5);box-shadow:0 25px 80px #06030ab3;padding:35px 39px;position:relative}.screen-card:before,.screen-card:after{content:"";position:absolute;width:19px;height:19px;border-color:var(--gold);border-style:solid;opacity:.8}.screen-card:before{left:10px;top:10px;border-width:1px 0 0 1px}.screen-card:after{right:10px;bottom:10px;border-width:0 1px 1px 0}.intro-card h2,.compact-card h2{font-size:46px;line-height:.95;font-weight:400;letter-spacing:-.02em;margin:16px 0 14px}.intro-card p,.compact-card p{font-size:14px;line-height:1.55;color:var(--muted);max-width:470px}.legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin:20px 0;color:var(--muted);font:9px/1.3 monospace;letter-spacing:.04em}.legend b{color:var(--gold);font-weight:400}.primary-button{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:17px;border:1px solid var(--gold);background:var(--gold);color:#261b28;padding:13px 15px;font:10px/1 monospace;letter-spacing:.12em}.primary-button:hover{background:#f0d78c}.primary-button span{font-size:18px;line-height:.5}.text-button{display:block;margin:13px auto 0;border:0;background:transparent;color:var(--muted);padding:5px}.compact-card{width:min(430px,100%);text-align:center}.compact-card h2{font-size:37px}.compact-card p{margin:0 auto}.compact-card .primary-button,.end-card{text-align:left}.end-card h2{font-size:39px}.end-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 0 11px}.end-stat{border-top:1px solid var(--line);padding-top:8px}.end-stat span{display:block;font:8px/1 monospace;color:var(--muted);letter-spacing:.1em}.end-stat strong{display:block;margin-top:6px;font:15px/1 monospace;color:var(--gold)}.end-ledger{border-top:1px solid var(--line);padding-top:10px;color:var(--muted);font:10px/1.45 monospace}.notes{position:absolute;z-index:12;right:23px;top:76px;width:min(410px,calc(100vw - 46px));padding:23px 25px;background:linear-gradient(145deg,#362234fa,#180f1efa);border:1px solid rgba(243,221,191,.25);box-shadow:0 20px 60px #06030ab3}.notes h2{font-size:29px;font-weight:400;margin:13px 0}.notes p{font-size:12px;line-height:1.55;color:var(--muted)}.notes b{color:var(--gold);font-weight:400}.notes .primary-button{text-align:left}@media(max-width:980px){.brand small{display:none}.run-readout,.line-board{width:258px}.resident-board{width:232px}.mark-readout{bottom:18px;min-width:235px}.topology-panel{width:288px}}@media(max-width:720px){.topbar{padding:11px 10px}.brand{font-size:11px;gap:7px}.brand-mark{font-size:17px}.utility{padding:8px 7px;font-size:7px}.run-readout{left:10px;top:54px;width:calc(100vw - 20px);padding:10px 11px}.run-readout h1{font-size:19px;margin:7px 0 3px}.run-readout p{font-size:10px;margin-bottom:8px}.readout-grid{padding:7px 0}.cue-progress{margin:8px 0 7px}.line-board{left:10px;bottom:72px;width:calc(100vw - 20px);padding:9px}.line-row{padding:7px 2px}.joint-row{padding:7px 0 5px}.line-actions button{padding:8px 3px}.board-note{font-size:7px;margin-top:7px}.resident-board{right:10px;top:166px;width:calc(100vw - 20px);padding:8px 10px}.resident-board .board-heading{padding-bottom:7px}.resident-card{display:inline-grid;width:32%;vertical-align:top;border-bottom:0;padding:5px 4px 4px 0}.resident-swatch{height:19px}.resident-card strong{font-size:9px}.resident-card small{font-size:7px;white-space:nowrap}.resident-card b{font-size:10px}.resident-board p,.ledger-rule{display:none}.mark-readout{left:10px;right:10px;bottom:10px;transform:none;min-width:0;max-width:none;padding:7px 9px}.mark-symbol{font-size:17px}.mark-readout strong{font-size:8px}.topology-panel{left:10px;right:10px;bottom:69px;width:auto;padding:10px}.topology-panel>p{font-size:9px;margin:7px 0}.topology-options{grid-template-columns:repeat(3,1fr);gap:4px}.topology-options button{display:block;padding:7px 5px}.topology-options small{display:block;margin-bottom:5px}.topology-options strong{font-size:8px}.topology-options span{display:none}.final-clock{margin-top:7px;padding-top:7px}.final-clock strong{font-size:13px}.screen-card{padding:27px 23px}.intro-card h2{font-size:37px}.intro-card p{font-size:12px}.legend{gap:7px 10px;font-size:8px}.compact-card h2{font-size:31px}.notes{left:10px;right:10px;top:54px;width:auto;padding:17px}.notes h2{font-size:25px}.notes p{font-size:11px}}@media(max-height:650px)and (min-width:721px){.topbar{padding:11px 18px}.run-readout,.resident-board{top:57px}.run-readout{padding:11px}.run-readout h1{font-size:20px;margin:7px 0 3px}.run-readout p{margin-bottom:7px}.line-board{bottom:12px;padding:9px}.line-row{padding:7px 2px}.mark-readout,.topology-panel{bottom:12px}.screen-card{padding:23px 29px}.intro-card h2{font-size:36px;margin:10px 0}.legend{margin:12px 0}.primary-button{margin-top:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.run-readout,.line-board,.resident-board,.topology-panel,.mark-readout,.screen-card,.notes{min-width:0}.board-heading,.board-heading span,.board-heading small,.line-row,.line-row>span,.resident-card,.resident-card>div,.mark-readout>div,.mark-readout strong{min-width:0}.board-heading span,.board-heading small,.line-row strong,.line-row small,.resident-card strong,.resident-card small,.mark-readout strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:981px){.line-board,.resident-board,.topology-panel,.notes{max-height:calc(100dvh - 190px);overflow:auto;overscroll-behavior:contain}}.screen-card{max-height:calc(100dvh - 2rem);overflow:auto;overscroll-behavior:contain}@media(max-width:720px){.topbar{min-height:48px;align-items:center}.run-readout{top:52px}.resident-board{top:214px;max-height:8rem;overflow:auto}.line-board{bottom:66px;max-height:min(44dvh,15rem);overflow:auto}.mark-readout{bottom:8px}.topology-panel{bottom:62px;max-height:11rem;overflow:auto}.screen{padding:12px;overflow:auto}.screen-card{max-height:calc(100dvh - 1.5rem);padding:1.25rem}.intro-card h2{font-size:clamp(2.2rem,12vw,3rem)}.legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem .7rem}.legend span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resident-card{min-width:0}.resident-card>div{overflow:hidden}.line-row>span{overflow:hidden}.line-actions button{min-height:44px}.notes{top:52px;max-height:calc(100dvh - 1rem);overflow:auto}#app:has(#topology-panel:not([hidden])) .line-board{max-height:9rem}#app:has(#topology-panel:not([hidden])) .topology-panel{bottom:calc(74px + 9rem)}}@media(max-width:420px){.readout-grid{gap:.25rem}.readout-grid div{min-width:0}.readout-grid strong{overflow:hidden;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.topology-options{grid-template-columns:repeat(3,minmax(0,1fr))}.topology-options button{min-width:0;padding-inline:.35rem}.topology-options strong{overflow:hidden;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}}.agency-row{display:flex;align-items:center;justify-content:space-between;margin-top:9px;padding-top:8px;border-top:1px solid var(--line);font:9px/1.2 monospace;letter-spacing:.12em;color:var(--muted)}.agency-row strong{font:12px/1 monospace;color:var(--gold)}.line-tension.hot{color:var(--gold)}.line-tension.critical{color:var(--danger);text-shadow:0 0 10px var(--danger)}.end-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.run-readout{border-left:2px solid var(--gold)}@media(max-width:720px){.agency-row{margin-top:7px;padding-top:6px;font-size:8px}.end-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}