:root{color-scheme:dark;--ink: #f4eadb;--muted: #bca99d;--faint: #79666a;--paper: #e7d6b4;--oxblood: #1a0f14;--panel: rgba(28, 16, 22, .88);--line: rgba(234, 195, 152, .28);--gold: #eab86d;--coral: #df765e;--cyan: #7dc6bf;--violet: #9d88b9;font-family:ui-sans-serif,system-ui,sans-serif;background:var(--oxblood);color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--oxblood)}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.42}#app{position:relative;isolation:isolate}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none}.theatre-wash{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 47%,rgba(93,47,39,.1),transparent 38%),linear-gradient(180deg,rgba(9,5,9,.28),transparent 25%,transparent 72%,rgba(9,4,8,.5))}.topbar{position:absolute;z-index:5;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:20px 26px;pointer-events:none}.brand{display:flex;align-items:center;gap:9px;color:var(--paper);font:700 11px/1 ui-monospace,monospace;letter-spacing:.18em}.brand-seal{color:var(--gold);font-size:19px;line-height:1}.brand small{margin-left:7px;color:var(--muted);font:9px ui-monospace,monospace;letter-spacing:.13em}.top-actions{display:flex;gap:8px;pointer-events:auto}.text-button{border:1px solid var(--line);background:#1c1016bd;color:var(--muted);font:10px ui-monospace,monospace;letter-spacing:.1em;padding:9px 11px}.text-button:hover,.text-button:focus-visible{border-color:var(--gold);color:var(--gold);background:#432323db;outline:none}.commission-card{position:absolute;z-index:3;left:26px;top:82px;width:min(318px,calc(100vw - 52px));padding:17px 18px 15px;background:linear-gradient(140deg,#271519eb,#150c12b8);border:1px solid var(--line);border-left:2px solid var(--gold);box-shadow:0 18px 40px #00000040}.eyebrow{display:flex;align-items:center;gap:7px;color:var(--gold);font:9px ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase}.lamp-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 11px var(--gold)}.commission-card h1{margin:10px 0 6px;color:var(--paper);font:600 23px/1.05 Georgia,serif;letter-spacing:-.03em}.commission-card p{min-height:39px;margin:0 0 16px;color:var(--muted);font-size:11px;line-height:1.48}.press-state{margin:-4px 0 13px;color:var(--cyan);font:8px/1.35 ui-monospace,monospace;letter-spacing:.08em}.meter-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.meter-label{display:flex;justify-content:space-between;color:var(--muted);font:9px ui-monospace,monospace;letter-spacing:.08em}.meter-label strong{color:var(--paper);font-weight:500}.meter-track{height:4px;margin-top:7px;overflow:hidden;background:#e8c7a124}.meter-track i{display:block;width:0;height:100%;transition:width .2s ease}.meter-track.heat i{background:linear-gradient(90deg,var(--gold),var(--coral));box-shadow:0 0 10px var(--coral)}.meter-track.score{position:relative}.meter-track.score:after{content:"92";position:absolute;top:-13px;left:92%;color:var(--gold);font:7px ui-monospace,monospace;transform:translate(-50%)}.meter-track.score:before{content:"97";position:absolute;top:-13px;left:97%;color:var(--cyan);font:7px ui-monospace,monospace;transform:translate(-50%)}.meter-track.score i{background:linear-gradient(90deg,var(--cyan),var(--gold));box-shadow:0 0 10px var(--cyan)}.resource-row{display:flex;flex-wrap:wrap;gap:8px 13px;margin-top:16px;color:var(--faint);font:9px ui-monospace,monospace;letter-spacing:.05em}.resource-row b{margin-right:3px;color:var(--paper);font-weight:500}.target-card{position:absolute;z-index:3;right:26px;top:82px;width:232px;padding:14px 14px 12px;background:#1c1016d9;border:1px solid var(--line);box-shadow:0 18px 40px #0003}.target-card canvas{display:block;width:100%;height:auto;margin:11px 0 9px;border:1px solid rgba(234,184,109,.25);image-rendering:auto}.target-caption{color:var(--paper);font:10px ui-monospace,monospace}.target-legend{margin-top:7px;color:var(--faint);font:8px/1.4 ui-monospace,monospace;letter-spacing:.04em}.status-chip{position:absolute;z-index:3;top:62px;left:50%;transform:translate(-50%);padding:8px 11px;border:1px solid var(--line);background:#1c1016c7;color:var(--gold);font:9px ui-monospace,monospace;letter-spacing:.12em}.status-chip[data-state=hot]{color:var(--coral);border-color:#df765e99}.status-chip[data-state=cooldown]{color:var(--cyan);border-color:#7dc6bf80}.status-chip[data-state=done]{color:var(--cyan);border-color:#7dc6bfb3}.toast{position:absolute;z-index:12;top:70px;left:50%;max-width:calc(100vw - 32px);transform:translate(-50%);padding:9px 14px;border:1px solid var(--gold);background:#1c1016f2;color:var(--paper);font:10px ui-monospace,monospace;text-align:center;box-shadow:0 10px 28px #0006}.cooldown-line{position:absolute;z-index:3;top:0;left:0;width:100%;height:2px;pointer-events:none}.cooldown-line i{display:block;width:0;height:100%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.control-deck{position:absolute;z-index:4;left:50%;bottom:16px;width:min(940px,calc(100vw - 32px));transform:translate(-50%);padding:12px 15px 10px;background:linear-gradient(180deg,#251419cc,#150c12f0);border:1px solid var(--line);box-shadow:0 18px 40px #00000059}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}#selection-label{color:var(--paper);font:9px ui-monospace,monospace;letter-spacing:.08em}.panel-rail{display:flex;gap:6px;overflow-x:auto;padding:1px 1px 7px;scrollbar-width:thin}.panel-chip{flex:1 0 118px;min-width:0;padding:8px 9px;border:1px solid rgba(234,195,152,.2);background:#5b353245;color:var(--muted);text-align:left;font:9px/1.3 ui-monospace,monospace}.panel-chip strong,.panel-chip small{display:block}.panel-chip strong{color:var(--paper);font-weight:500}.panel-chip small{margin-top:3px;color:var(--faint);font-size:8px}.panel-chip:hover,.panel-chip.selected{border-color:var(--gold);background:#66403173}.panel-chip.selected strong{color:var(--gold)}.panel-chip.burned{opacity:.45}.panel-chip.burned strong{text-decoration:line-through}.panel-chip.scorched{border-color:#df765e7a;background:#5b2a2661}.panel-chip.scorched small{color:var(--coral)}.transform-controls{display:flex;align-items:end;flex-wrap:wrap;gap:13px;padding-top:5px}.control-cluster{display:grid;gap:5px}.control-caption{color:var(--faint);font:8px ui-monospace,monospace;letter-spacing:.1em}.control-cluster>div{display:flex;gap:4px}.key-button,.lamp-button,.seal-button{min-height:31px;padding:7px 9px;border:1px solid rgba(234,195,152,.32);background:#301b1ccc;color:var(--paper);font:9px ui-monospace,monospace}.key-button{min-width:31px}.key-button.wide{min-width:52px}.key-button:hover,.key-button:focus-visible,.lamp-button:hover,.lamp-button:focus-visible{border-color:var(--gold);color:var(--gold);outline:none}.key-button:active,.key-button.pressed{background:#804d31b3}.lamp-button{display:grid;gap:2px;min-width:104px;margin-left:auto;border-color:#eab86db8;color:var(--gold)}.lamp-button small{color:var(--faint);font:8px ui-monospace,monospace}.lamp-button:disabled{border-color:#eab86d40;color:var(--faint)}.seal-button{display:grid;gap:2px;min-width:104px;border-color:#7dc6bfb8;background:#284541b8;color:var(--cyan)}.seal-button small{color:var(--muted);font:8px ui-monospace,monospace}.seal-button:hover,.seal-button:focus-visible{border-color:var(--cyan);color:var(--ink);background:var(--cyan);outline:none}.seal-button:disabled{border-color:#eac39833;color:var(--faint);background:#301b1c8c}.legend-line{display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:9px;color:var(--faint);font:8px ui-monospace,monospace}.legend-line b{color:var(--muted);font-weight:500}.screen{position:absolute;z-index:20;inset:0;display:grid;place-items:center start;padding:48px clamp(28px,6vw,96px);background:linear-gradient(90deg,#0c060bf5,#1c1016e6 44%,#1c101657 74%,#0c060b1f)}.screen[hidden],.help-card[hidden]{display:none}.screen-card{width:min(560px,48vw);padding:37px;background:linear-gradient(145deg,#32191df5,#150c12f7);border:1px solid rgba(234,195,152,.38);box-shadow:0 25px 90px #0009}.intro-card{border-top:2px solid var(--gold)}.screen-card h2{margin:17px 0 13px;color:var(--paper);font:600 clamp(30px,5vw,50px)/1.02 Georgia,serif;letter-spacing:-.055em}.screen-card h2 em{color:var(--gold);font-style:normal}.screen-card p{max-width:480px;margin:0 0 23px;color:var(--muted);font-size:13px;line-height:1.7}.legend{display:flex;flex-wrap:wrap;gap:8px 15px;color:var(--muted);font:9px ui-monospace,monospace}.legend b{color:var(--paper);font-weight:500}.primary-button{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:24px;padding:14px 16px;border:1px solid var(--gold);background:var(--gold);color:#261317;font:10px ui-monospace,monospace;letter-spacing:.1em}.primary-button:hover,.primary-button:focus-visible{background:#ffd394;outline:none;box-shadow:0 0 25px #eab86d40}.primary-button span{font-size:18px;line-height:9px}.screen-card .text-button{margin-top:13px}.compact-card{width:min(445px,100%)}.compact-card h2{font-size:39px}.end-stats{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:2px;color:var(--muted);font:9px ui-monospace,monospace;text-transform:uppercase}.end-stats b{display:block;margin-bottom:3px;color:var(--gold);font-size:17px;font-weight:400}.help-card{position:absolute;z-index:24;right:26px;bottom:183px;width:min(380px,calc(100vw - 52px));padding:20px;background:#1c1016f7;border:1px solid var(--gold);box-shadow:0 18px 50px #00000080}.help-card h2{margin:10px 0 8px;color:var(--paper);font:600 24px Georgia,serif}.help-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.help-card b{color:var(--paper)}.help-card .text-button{margin-top:14px}body[data-phase=menu] .topbar,body[data-phase=menu] .commission-card,body[data-phase=menu] .target-card,body[data-phase=menu] .status-chip,body[data-phase=menu] .control-deck{opacity:.22}.topbar,.commission-card,.target-card,.status-chip,.control-deck{transition:opacity .22s ease-out}@media(pointer:coarse),(max-width:760px){.topbar{padding:15px 16px}.brand small{display:none}.top-actions .text-button{padding:8px;font-size:9px}.commission-card{left:16px;top:74px;width:min(270px,calc(100vw - 32px));padding:12px}.commission-card h1{margin:8px 0 4px;font-size:19px}.commission-card p{min-height:0;margin-bottom:7px;font-size:10px}.press-state{margin:0 0 9px;font-size:7px}.meter-grid{gap:8px}.resource-row{margin-top:11px;gap:5px 8px;font-size:8px}.target-card{right:16px;top:74px;width:142px;padding:9px}.target-card .eyebrow{font-size:8px}.target-card canvas{margin:8px 0 6px}.target-caption{font-size:8px}.target-legend{display:none}.status-chip{top:50px;font-size:8px}.control-deck{bottom:8px;width:calc(100vw - 16px);padding:9px 9px 8px}.panel-heading{margin-bottom:5px}.panel-rail{padding-bottom:5px}.panel-chip{flex-basis:103px;padding:7px}.transform-controls{gap:7px;overflow-x:auto;padding-bottom:2px}.control-cluster{flex:0 0 auto}.key-button{min-width:29px;padding:6px 7px}.key-button.wide{min-width:46px}.lamp-button,.seal-button{min-width:88px;padding:6px}.legend-line{display:none}.screen{place-items:center;padding:15px;background:radial-gradient(ellipse at center,#391a1eb3,#0c060bf0)}.screen-card{width:min(560px,100%);padding:25px 21px}.screen-card h2{font-size:35px}.screen-card p{font-size:12px}.intro-legend{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px}.help-card{right:16px;bottom:164px;padding:15px}}@media(max-width:420px){.commission-card{width:calc(100vw - 32px)}.target-card{top:226px;width:122px}.target-card canvas{max-height:105px;object-fit:contain}.transform-controls{gap:5px}.control-caption{font-size:7px}.key-button.wide{min-width:42px;font-size:8px}.lamp-button{min-width:78px;font-size:8px}}.panel-chip{position:relative}.panel-chip.selected{transform:translateY(-2px);background:#804d3194;box-shadow:inset 0 0 0 1px var(--gold),0 0 20px #eab86d2e}.panel-chip.selected strong{padding-right:38px;color:#ffe2a8}.panel-chip.selected small{color:var(--muted)}.panel-chip.selected:after{content:"ACTIVE";position:absolute;top:7px;right:7px;color:var(--gold);font-size:6px;letter-spacing:.08em}.end-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:14px;border-top:1px solid var(--line)}.end-stats span{min-width:0}@media(pointer:coarse),(max-width:760px){.commission-card{top:86px;left:12px;right:12px;width:auto}.target-card{top:292px;right:12px;width:132px}.panel-rail{scroll-snap-type:x proximity}.panel-chip{scroll-snap-align:center}.transform-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:visible}.lamp-button,.seal-button,.move-cluster{grid-column:1 / -1}.control-cluster{min-width:0}.control-cluster>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.move-cluster>div{grid-template-columns:repeat(4,minmax(0,1fr))}.key-button,.key-button.wide,.lamp-button,.seal-button{width:100%;min-width:0}.lamp-button,.seal-button{min-height:38px;margin-left:0}.help-card{right:12px;bottom:224px;left:12px;width:auto;max-height:calc(100dvh - 290px);overflow-y:auto}.end-stats{gap:5px}}@media(max-width:420px){.target-card{top:300px}.panel-chip.selected:after{top:6px;right:5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}