:root{color-scheme:dark;--ink: #eef1e2;--muted: #9aae9c;--brass: #d8ae46;--aqua: #7fc3bb;--good: #7fd6a8;--warn: #e8a13c;--bad: #f0714f;--deep: #0a1412;--panel: rgba(8, 18, 16, .9);--panel-solid: #0b1614;--line: rgba(168, 208, 190, .22);--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}button:focus-visible{outline:2px solid var(--brass);outline-offset:3px}#app,#stage{position:fixed;inset:0;width:100%;height:100%}#stage{display:block;touch-action:none}#vignette{position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 78% 68% at 46% 44%,transparent 38%,rgba(4,12,10,.42) 100%)}#hud{position:fixed;z-index:7;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 22px;background:linear-gradient(180deg,rgba(6,14,12,.92) 0%,rgba(6,14,12,.55) 62%,transparent 100%);pointer-events:none}#hud>*{pointer-events:auto}.mark{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.2em}.mark i{display:block;width:20px;height:20px;border-radius:3px;background:linear-gradient(180deg,var(--aqua) 0 32%,#3f8d86 32% 66%,#24545a 66% 100%);box-shadow:0 0 14px #7fc3bb59}.mark span{display:grid;gap:3px}.mark small{color:var(--muted);font:10px var(--mono);letter-spacing:.12em;font-weight:400}.clocks{display:flex;gap:18px}.clock{margin:0;display:grid;gap:2px;justify-items:center}.clock span{color:var(--muted);font:9px var(--mono);letter-spacing:.22em}.clock b{color:var(--ink);font:700 19px var(--mono);letter-spacing:.04em}.hud-actions{display:flex;gap:6px}.hud-actions button{min-height:32px;border:1px solid var(--line);background:#081210db;padding:7px 10px;color:var(--muted);font:10px var(--mono);letter-spacing:.1em;transition:color .16s,border-color .16s,background .16s}.hud-actions button:hover{color:var(--ink);border-color:var(--brass);background:#d8ae4629}#status{position:fixed;z-index:6;top:66px;left:50%;transform:translate(-50%);margin:0;width:max-content;max-width:min(720px,calc(100vw - 40px));padding:8px 15px;border:1px solid var(--line);border-left:3px solid var(--aqua);background:var(--panel);color:var(--muted);font:11.5px var(--mono);line-height:1.45;letter-spacing:.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#status[data-tone=warn]{border-left-color:var(--warn);color:#e7dcb6}#status[data-tone=bad]{border-left-color:var(--bad);color:#f6cdbd}#status[data-tone=good]{border-left-color:var(--good);color:#cdeada}#panels{position:fixed;z-index:6;top:122px;left:22px;right:22px;display:grid;grid-template-columns:296px minmax(300px,440px);justify-content:space-between;align-items:start;gap:18px;pointer-events:none}#panels>*{pointer-events:auto}#readout,#section-panel{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(6px)}#readout{padding:14px 15px 13px}.duty-head h2{margin:0;font-size:17px;letter-spacing:.02em}.duty-head p{margin:6px 0 0;color:var(--muted);font-size:11.5px;line-height:1.45}.levels{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:13px 0 0;background:var(--line);border:1px solid var(--line)}.levels>div{display:flex;align-items:baseline;gap:5px;padding:7px 8px;background:#060e0ce6}.levels dt{color:var(--muted);font:8.5px var(--mono);letter-spacing:.14em;margin-right:auto}.levels dd{margin:0;font:700 16px var(--mono);letter-spacing:.01em}.levels span{color:var(--muted);font:10px var(--mono)}.levels dd.danger{color:var(--bad)}.levels dd.ok{color:var(--good)}.levels dd.up{color:var(--warn)}.levels dd.down{color:var(--aqua)}.meters{display:grid;gap:5px;margin:11px 0 0}.meter{display:grid;grid-template-columns:88px 1fr 40px;align-items:center;gap:8px;margin:0}.meter>span{color:var(--muted);font:8.5px var(--mono);letter-spacing:.1em}.meter .track{display:block;height:7px;background:#7fc3bb1f;border:1px solid var(--line)}.meter .track b{display:block;height:100%;width:0;background:var(--aqua);transition:width .14s linear}.meter .track b.warm{background:var(--warn)}.meter .track b.hot{background:var(--bad)}.meter em{color:var(--muted);font:9px var(--mono);font-style:normal;text-align:right}#state-chips{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:12px 0 0;background:var(--line);border:1px solid var(--line)}#state-chips b{padding:5px 7px;background:#060e0ce6;color:var(--muted);font:8.5px var(--mono);letter-spacing:.1em;font-weight:400}#state-chips b.on{background:#7fd6a833;color:var(--good)}#state-chips b.moving{color:var(--warn)}#section-panel{padding:9px 10px 8px}.panel-title{display:flex;align-items:baseline;gap:8px;margin:0 0 7px;color:var(--brass);font:9px var(--mono);letter-spacing:.2em}.panel-title small{color:var(--muted);font:8.5px var(--mono);letter-spacing:.08em}#section-frame{position:relative;width:100%;aspect-ratio:2.05 / 1;border:1px solid var(--line);background:#0a0f0e}#section{position:absolute;inset:0;width:100%;height:100%;display:block}#culvert-panel{position:fixed;z-index:8;left:50%;bottom:96px;transform:translate(-50%);width:min(520px,calc(100vw - 32px));padding:9px 11px 10px;background:var(--panel);border:1px solid var(--line);border-top:2px solid var(--bad);backdrop-filter:blur(6px)}#culvert-panel>p{margin:0 0 8px;color:var(--muted);font:10.5px var(--mono)}.culvert-row{display:grid;grid-template-columns:repeat(4,42px) 1fr;gap:6px}.culvert-row [data-culvert]{min-height:40px;border:1px solid var(--line);background:#060e0ce6;color:var(--muted);font:700 15px var(--mono)}.culvert-row [data-culvert].on{border-color:var(--brass);color:var(--brass);background:#d8ae462e}.culvert-row .primary{min-height:40px}#controls{position:fixed;z-index:8;left:50%;bottom:18px;transform:translate(-50%);width:min(700px,calc(100vw - 44px));display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ctl{min-height:58px;display:grid;gap:4px;place-content:center;justify-items:center;border:1px solid var(--line);background:#07100ee6;backdrop-filter:blur(6px);transition:background .1s,border-color .1s}.ctl span{font:10.5px var(--mono);letter-spacing:.12em;color:var(--muted)}.ctl small{font:8.5px var(--mono);letter-spacing:.1em;color:#9aae9cb3}.ctl.on{background:#7fd6a838;border-color:var(--good)}.ctl.on span{color:var(--ink)}.ctl[data-press]{border-color:#d8ae4666}.ctl[data-press]:active{background:#d8ae463d}.screen{position:fixed;z-index:12;inset:0;display:flex;align-items:center;justify-content:center;padding:26px;background:#050c0abd;backdrop-filter:blur(5px)}.title-screen{justify-content:flex-start;align-items:flex-end;background:linear-gradient(100deg,#040b09f2,#040b09c7 34%,#040b094d 66%,#040b0914);backdrop-filter:none}.title-copy{width:min(560px,100%);padding:26px 0}.eyebrow{margin:0;color:var(--brass);font:9.5px var(--mono);letter-spacing:.24em}.title-copy h1{margin:12px 0 14px;font-size:clamp(52px,8.6vw,104px);line-height:.82;letter-spacing:-.055em;font-weight:700}.lede{max-width:500px;margin:0;color:#cfdcc9;font-size:13.5px;line-height:1.56}.primer{max-width:500px;margin:16px 0 0;padding:0;list-style:none;display:grid;gap:6px}.primer li{position:relative;padding-left:16px;color:var(--muted);font-size:11.5px;line-height:1.45}.primer li:before{content:"";position:absolute;left:0;top:7px;width:7px;height:2px;background:var(--aqua)}.primer b{color:var(--ink);font:700 11px var(--mono)}.title-actions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 14px}.primary,.secondary{min-width:190px;min-height:46px;padding:13px 18px;border:1px solid var(--brass);background:#d8ae46eb;color:#10170f;font:11px var(--mono);letter-spacing:.1em}.primary:hover{background:#f0c866}.secondary{min-width:0;background:#081210cc;border-color:var(--line);color:var(--muted)}.secondary:hover{color:var(--ink);border-color:var(--brass)}.hint{margin:0;color:#7e9184;font:10px var(--mono);letter-spacing:.08em}.hint b{color:var(--brass)}.hint span{display:block;margin-top:5px;color:var(--muted)}.modal{background:#040a08cc}.modal-card{width:min(520px,100%);max-height:calc(100dvh - 44px);overflow:auto;padding:26px;background:var(--panel-solid);border:1px solid var(--line);box-shadow:0 26px 90px #0009}.modal-card h2{margin:10px 0 9px;font-size:30px;line-height:1;letter-spacing:-.04em}.modal-card p{margin:0 0 8px;color:var(--muted);font-size:12.5px;line-height:1.55}.modal-card .primary,.modal-card .secondary{width:100%;margin-top:9px}.help-card dl{display:grid;grid-template-columns:92px 1fr;gap:9px 14px;margin:18px 0 14px}.help-card dt{color:var(--brass);font:10px var(--mono);letter-spacing:.08em}.help-card dd{margin:0;color:var(--muted);font-size:11.5px;line-height:1.45}.warn-note{border-left:2px solid var(--warn);padding-left:11px;color:#d8cfae!important}.result-card{width:min(600px,100%)}#result-screen.kept{border-left:0}#result-screen.kept .modal-card{border-color:#7fd6a880}#result-screen.lost .modal-card{border-color:#f0714f80}.ledger{display:grid;gap:1px;margin:16px 0;background:var(--line);border:1px solid var(--line)}.ledger .row{display:grid;grid-template-columns:26px 1fr 62px 52px;gap:8px;align-items:baseline;padding:8px 10px;background:#060e0cf0;font:10.5px var(--mono)}.ledger .row>span{color:var(--brass)}.ledger .row>b{color:var(--ink);font-weight:400;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ledger .row>em{color:var(--muted);font-style:normal;text-align:right}.ledger .row>em:last-child{color:var(--aqua)}.ledger .row.lost>em{color:var(--bad)}.result-foot{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:stretch}.score{margin:0;display:grid;gap:3px;align-content:center;padding:12px;border:1px solid var(--line);background:#060e0cf0}.score span{color:var(--muted);font:8.5px var(--mono);letter-spacing:.16em}.score b{font:700 30px var(--mono);letter-spacing:-.02em}.score em{color:var(--brass);font:10px var(--mono);font-style:normal;letter-spacing:.04em}.result-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.result-stats span{display:grid;gap:3px;padding:8px 9px;background:#060e0cf0}.result-stats small{color:var(--muted);font:8px var(--mono);letter-spacing:.12em}.result-stats b{color:var(--ink);font:12px var(--mono);font-weight:400}@media(max-width:900px){#hud{padding:7px 8px;gap:6px}.mark{font-size:9px;gap:5px;letter-spacing:.12em}.mark small{display:none}.title-screen{padding:14px;background:linear-gradient(180deg,#040b0994,#040b09e0 30%,#040b09f7)}.title-copy{width:100%;max-height:calc(100dvh - 28px);overflow:auto;padding:18px 16px 16px;background:#050d0be6;border:1px solid var(--line)}.hint span{color:var(--muted)}.mark i{width:15px;height:15px}#motion-button{display:none}.hud-actions{gap:3px}.hud-actions button{min-height:28px;padding:5px 3px;font-size:7.5px;letter-spacing:0;white-space:nowrap}.clock span{font-size:7.5px;letter-spacing:.16em}.clock b{font-size:15px}.hud-actions{gap:4px}.hud-actions button{min-height:30px;padding:6px;font-size:8px;letter-spacing:.04em}#status{top:52px;max-width:calc(100vw - 20px);padding:6px 11px;font-size:10px}#panels{top:94px;left:8px;right:8px;grid-template-columns:1fr 1.06fr;gap:7px}#readout{padding:9px 9px 8px}.duty-head h2{font-size:12.5px}.duty-head p{display:none}.levels{margin-top:8px}.primer li{color:#a8bbab;font-size:10.5px}.levels dt{font-size:7px;letter-spacing:.08em}.levels dd{font-size:13px}.levels span{font-size:8px}.meters{gap:4px;margin-top:8px}.meter{grid-template-columns:1fr 34px;grid-template-areas:"label value" "track track";gap:3px 6px}.meter>span{grid-area:label;font-size:7.5px}.meter em{grid-area:value;font-size:8.5px}.meter .track{grid-area:track;height:6px}#state-chips{display:none}#section-panel{padding:7px 7px 6px}.panel-title{font-size:8px;margin-bottom:5px}.panel-title small{display:none}#section-frame{aspect-ratio:1.62 / 1}#culvert-panel{bottom:74px;width:calc(100vw - 16px);padding:7px 8px 8px}#culvert-panel>p{font-size:9px;margin-bottom:6px}.culvert-row{grid-template-columns:repeat(4,38px) 1fr;gap:5px}.title-copy h1{font-size:clamp(32px,12.5vw,58px);letter-spacing:-.045em}#controls{bottom:max(8px,env(safe-area-inset-bottom));width:calc(100vw - 16px);gap:5px}.ctl{min-height:56px}.lede{font-size:12px}.title-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:15px 0 11px}.title-actions .primary{grid-column:1 / -1}.primary,.secondary{min-width:0;min-height:46px;padding:12px 10px;font-size:10px}.modal{padding:10px}.modal-card{padding:20px 15px;max-height:calc(100dvh - 20px)}.modal-card h2{font-size:25px}.help-card dl{grid-template-columns:1fr;gap:4px}.help-card dt{margin-top:7px}.result-foot{grid-template-columns:1fr}.ledger .row{grid-template-columns:22px 1fr 50px 46px;padding:7px 8px;font-size:9.5px}}@media(pointer:coarse){.ctl{min-height:64px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}body.reduced .meter .track b{transition:none}