:root{--bg: #0b0e15;--panel: #141925;--panel2: #1b2130;--line: #2e3647;--text: #ece6da;--muted: #9aa3b5;--ember: #f08a2c;--ember2: #ffc070;--cold: #a8d8ff;--violet: #b690ff;--bad: #ff6b6b}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}button{font:inherit}.stage{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none}.stage canvas{display:block;width:100%;height:100%}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;text-shadow:0 1px 3px #000,0 0 2px #000}.timer{position:absolute;top:calc(8px + env(safe-area-inset-top));left:50%;transform:translate(-50%);font:900 26px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.06em;color:var(--ember2)}.timer.cold{color:var(--cold)}.phase{position:absolute;top:calc(38px + env(safe-area-inset-top));left:50%;transform:translate(-50%);font:700 10px/1.2 ui-monospace,monospace;letter-spacing:.08em;color:var(--muted);white-space:nowrap}.phase.cold{color:var(--cold)}.phase-hint{position:absolute;top:calc(76px + env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(92vw,520px);text-align:center;font:600 11px/1.3 system-ui,sans-serif;color:#b8b2a6}.phase-hint.cold{color:var(--cold)}.bars{position:absolute;top:calc(56px + env(safe-area-inset-top));left:12px;right:12px;display:flex;gap:8px;max-width:520px;margin:0 auto}.bar{position:relative;flex:1;height:14px;border-radius:7px;background:#10141d;border:1px solid #3a3f4d;overflow:hidden}.bar>div{height:100%}.bar.hp>div{background:linear-gradient(90deg,#c8442e,#f08a2c)}.bar.st>div{background:linear-gradient(90deg,#8a7a3a,#e8d27a)}.bar span{position:absolute;left:6px;top:0;font:800 9px/14px ui-monospace,monospace;letter-spacing:.08em}.purse{position:absolute;top:calc(8px + env(safe-area-inset-top));right:10px;text-align:right;font:700 11px/1.35 ui-monospace,monospace}.purse b{color:var(--ember2);font-size:13px}.purse i{color:var(--muted);font-style:normal;font-size:9px}.purse-mats{color:#ffd8a8;font-size:10px;max-width:150px}.standoff-banner,.extract-banner{position:absolute;top:34%;left:50%;transform:translate(-50%);text-align:center;padding:8px 14px;border-radius:8px;background:#0c1e34c7;border:1px solid var(--cold);color:#e8f6ff;font:800 15px/1.3 ui-monospace,monospace;letter-spacing:.05em;white-space:nowrap}.standoff-banner span,.extract-banner span{display:block;font:600 11px/1.3 system-ui,sans-serif;letter-spacing:0;color:#cfe6ff}.extract-banner{top:auto;bottom:calc(150px + env(safe-area-inset-bottom));border-color:var(--ember);background:#341c0ac7;color:#ffe2b0}.extract-banner span{color:#ffd7a8}.end-flash{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);font:900 34px/1 ui-monospace,monospace;letter-spacing:.12em;white-space:nowrap}.end-flash.win{color:var(--ember2)}.end-flash.loss{color:var(--cold)}.keys-hint{position:absolute;bottom:calc(8px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);font:600 11px ui-monospace,monospace;color:#6f7890;white-space:nowrap}@media (pointer: coarse),(max-width: 600px){.keys-hint{display:none}}.actions{position:fixed;right:calc(14px + env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));width:170px;height:150px;z-index:20;pointer-events:none}.act{position:absolute;pointer-events:auto;border-radius:50%;border:2px solid;font:800 12px ui-monospace,monospace;letter-spacing:.06em;color:#fff;touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer}.act.attack{right:0;bottom:0;width:92px;height:92px;background:#c85a1e8c;border-color:var(--ember2)}.act.dodge{left:0;top:0;width:66px;height:66px;background:#3c6eaa80;border-color:var(--cold)}.act:active{filter:brightness(1.5)}.mute-btn{position:fixed;left:62px;top:calc(12px + env(safe-area-inset-top));z-index:30;height:30px;padding:0 8px;border-radius:15px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font:700 9px ui-monospace,monospace;cursor:pointer}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#04060cdb;text-align:center;padding:16px;overflow-y:auto}.relic-title{font:800 15px/1.3 ui-monospace,monospace;color:var(--ember2);margin-bottom:14px;letter-spacing:.04em}.relic-cards{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.relic-card{width:170px;min-height:120px;border-radius:10px;padding:12px;background:var(--panel);border:1px solid var(--ember);display:flex;flex-direction:column;gap:8px;text-align:left;color:inherit;cursor:pointer}.relic-name{font-weight:800;color:var(--ember2)}.relic-desc{font-size:12px;color:#d8d2c6}.relic-key{margin-top:auto;align-self:flex-end;font:700 11px ui-monospace,monospace;color:var(--muted)}.btn{min-height:44px;padding:0 18px;border-radius:8px;border:1px solid #4a5266;background:#232a3a;color:var(--text);font-weight:700;cursor:pointer}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:#b4591c;border-color:#e0843a;color:#fff}.btn.big{min-height:54px;font-size:17px;letter-spacing:.04em;width:100%}.btn.danger{background:transparent;border-color:#6a3030;color:#d07070;margin-top:8px}.chip{min-height:32px;padding:0 10px;border-radius:16px;border:1px solid #4a5266;background:#1b2130;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer}.chip.on{border-color:var(--ember);color:var(--ember2);background:#2a1c12}.chip.glyph{margin-bottom:8px;border-color:#7d5cc9;color:#cdb6ff}.chip.glyph.on{background:#231a38}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted);font-size:12px}.hub{max-width:720px;margin:0 auto;padding:calc(12px + env(safe-area-inset-top)) 14px 40px}.hub-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding-left:54px;min-height:48px}.hub-head h1{margin:0;font:900 22px/1.1 ui-monospace,monospace;letter-spacing:.08em;color:var(--ember2)}.hub-sub{color:var(--muted);font-size:12px}.bank{text-align:right}.bank-ember{font:900 22px/1.1 ui-monospace,monospace;color:var(--ember2)}.bank-ember span{font-size:11px;color:var(--muted);font-weight:700}.bank-mats{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap;margin-top:3px}.mat{font:700 10px ui-monospace,monospace;padding:2px 6px;border-radius:4px;background:#1b2130}.mat-heartwood{color:#f0a060}.mat-ironbloom{color:#d8b890}.mat-frostglass{color:#9fe8ff}.notice{margin:10px 0;padding:8px 12px;border-radius:8px;background:#1c2a1c;border:1px solid #3f6a3f;color:#cfeecf;font-size:13px}.depart{margin:14px 0;padding:14px;border-radius:12px;background:linear-gradient(180deg,#221812,#161a24);border:1px solid #5a3a22}.depart-facts{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:12px;color:var(--muted)}.depart-facts b{color:var(--text)}.statue-note{color:#cdb6ff}.length-row{margin-top:10px;font-size:12px;color:var(--muted)}.panel-block{margin:14px 0;padding:14px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.panel-block h2{margin:0 0 2px;font:800 15px ui-monospace,monospace;letter-spacing:.06em;color:var(--ember2)}.block-sub{margin:0 0 10px;color:var(--muted);font-size:12px}.board{position:relative;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,64px);gap:0}.board-links{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.board-links line{stroke:#34405a;stroke-width:3;vector-effect:non-scaling-stroke}.board-links line.lit{stroke:#e0843a}.node{position:relative;z-index:1;margin:6px 3px;border-radius:10px;border:1px solid #3a4458;background:#121724;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:2px;cursor:pointer;overflow:hidden}.node-name{font-size:10px;line-height:1.1;font-weight:700;text-align:center}.node-cost{font:800 10px ui-monospace,monospace;color:var(--ember2)}.node.lit{background:#3a1e0c;border-color:var(--ember);color:#ffe2c0;box-shadow:0 0 12px #f08a2c59}.node.lit .node-cost{color:#ffd08a}.node.avail{border-color:var(--ember2);color:var(--text);border-style:dashed}.node.reach{color:#8a93a6}.node.locked{opacity:.4}.node.key{border-radius:50%;margin:2px 8px}.node.sel{outline:2px solid #fff}.node.socket{box-shadow:0 0 0 2px #b48cff,0 0 14px #b48cff80}.node-detail{margin-top:8px;padding:10px;border-radius:8px;background:var(--panel2);display:flex;flex-direction:column;gap:6px}.node-desc{color:#d8d2c6;font-size:13px}.tag{margin-left:6px;font:800 9px ui-monospace,monospace;color:#cdb6ff;border:1px solid #7d5cc9;border-radius:4px;padding:1px 4px}.cars{display:grid;gap:10px}.car{padding:10px;border-radius:10px;background:var(--panel2);border:1px solid var(--line);opacity:.8}.car.built{opacity:1;border-color:#5a4630}.car-desc{color:var(--muted);font-size:12px;margin:2px 0 8px}.car-crew{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.prod{font-size:12px;color:#ffd8a8}.prod-track{height:6px;border-radius:3px;background:#10141d;overflow:hidden;margin-bottom:4px}.prod-fill{height:100%;background:var(--ember)}.relics{margin:0 0 8px;padding-left:18px;font-size:13px}.debrief{max-width:560px;margin:0 auto;padding:calc(64px + env(safe-area-inset-top)) 16px 40px;display:flex;flex-direction:column;gap:16px}.autopsy{padding:16px;border-radius:12px;background:#121a28;border:1px solid #3c5a80}.autopsy.extracted{background:#22170f;border-color:#8a5a2a}.autopsy.compact{padding:10px 12px;margin:10px 0}.autopsy-kicker{font:800 10px ui-monospace,monospace;letter-spacing:.14em;color:var(--muted)}.autopsy-head{font:800 18px/1.3 system-ui,sans-serif;margin:4px 0;color:#e8f4ff}.autopsy.extracted .autopsy-head{color:var(--ember2)}.autopsy.compact .autopsy-head{font-size:14px}.autopsy-cause{color:var(--muted);font-size:13px}.autopsy-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:12px}.autopsy-grid div{display:flex;flex-direction:column;font-size:13px}.autopsy-grid span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.autopsy-foot{margin-top:12px;font-size:12px;color:#cdb6ff}.onboard-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#04060ce0;padding:16px;overflow-y:auto}.onboard-panel{background:var(--panel);border:1px solid #5a3a22;border-radius:10px;padding:22px 20px 18px;max-width:400px;width:100%;box-shadow:0 12px 40px #0009;max-height:calc(100vh - 32px);overflow-y:auto}.onboard-panel h1{margin:0 0 4px;font:900 20px ui-monospace,monospace;letter-spacing:.08em;color:var(--ember2)}.onboard-sub{margin:0 0 12px;font-size:13px;color:var(--muted);font-style:italic}.onboard-panel ul{margin:0;padding:0 0 0 18px;font-size:13px;line-height:1.5}.onboard-panel li{margin-bottom:8px}.onboard-panel .btn{margin-top:12px;width:100%}.help-btn{position:fixed;top:calc(8px + env(safe-area-inset-top));left:10px;width:44px;height:44px;border-radius:50%;background:var(--panel);border:1px solid #5a3a22;color:var(--ember2);font-size:17px;font-weight:800;cursor:pointer;z-index:90}.purse-key{color:#ffd27a;font-size:10px;letter-spacing:.06em}.purse-relic{color:var(--muted);font-size:9px}.relic-sub{margin:-8px 0 12px;font-size:12px;color:var(--muted)}.vault-note{margin-top:8px;font-size:12px;color:#e6c07a}.runes{margin:0;padding-left:20px;font-size:13px;display:flex;flex-direction:column;gap:6px}.runes li.read{color:#e8dcc0;font-style:italic}.runes li.unread{color:var(--muted)}.autopsy-foot.vault{color:#e6c07a}.node.echoed{box-shadow:0 0 0 2px #c9a2ff,0 0 14px #b48cff8c}.node.echoed .node-cost{color:#e3d0ff}.node.socket-target{outline:2px dashed #c9a2ff;outline-offset:1px}.node-echo{margin-top:4px;font-size:13px;color:#d9c4ff}.echo-note{background:#221a33;border-color:#6a4f9a;color:#eadcff}.bank-mats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;background:none;border:0;padding:0;cursor:pointer;font:inherit;color:inherit}.mats-hint{font-size:10px;color:var(--muted);align-self:center}.notice.build-ready{display:block;width:100%;text-align:left;cursor:pointer;font:inherit;font-size:13px}.node-req{margin-top:4px;font-size:12px;color:var(--muted)}.collapse-note{flex-basis:100%;font-size:12px;color:#b9c9e8}