:root{color-scheme:dark;--bg: #0b0a10;--panel: #14121c;--border: #26222f;--ink: #cfc8b8;--dim: #6f6880;--accent: #8a5fbf}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:13px}.shell{display:flex;gap:16px;padding:16px;align-items:flex-start}.canvas-host canvas{display:block;border:1px solid var(--border);image-rendering:pixelated}.hud{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:12px}.hud section{background:var(--panel);border:1px solid var(--border);padding:10px 12px}.hud h1{font-size:14px;margin:0 0 6px;letter-spacing:2px;color:var(--accent)}.hud h2{font-size:11px;margin:0 0 8px;text-transform:uppercase;letter-spacing:1px;color:var(--dim)}.stat{display:flex;justify-content:space-between;padding:1px 0}.stat .dim{color:var(--dim)}.seed-row{display:flex;gap:6px;margin-top:8px}.seed-row input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--border);color:var(--ink);padding:4px 6px;font:inherit}.seed-row button{background:var(--accent);border:none;color:#0b0a10;padding:4px 10px;font:inherit;cursor:pointer}.seed-value{word-break:break-all;color:var(--ink)}.feed{list-style:none;margin:0;padding:0;min-height:130px;max-height:200px;overflow-y:auto}.feed li{color:var(--dim);padding:2px 0;white-space:normal;overflow-wrap:anywhere;line-height:1.35}.feed li:last-child{color:var(--ink)}.controls{color:var(--dim);line-height:1.6}.controls b{color:var(--ink);font-weight:400}.inv{list-style:none;margin:0;padding:0;max-height:180px;overflow-y:auto}.inv-empty{color:var(--dim)}.inv-item{position:relative;display:flex;justify-content:space-between;gap:8px;padding:2px 0;cursor:default}.inv-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-pct{color:var(--accent);flex-shrink:0}.tooltip{position:fixed;right:332px;z-index:10;width:260px;padding:10px 12px;background:var(--bg);border:1px solid var(--accent);box-shadow:0 4px 18px #0009}.tooltip-title{color:var(--ink);margin-bottom:2px}.tooltip-pct{color:var(--accent);margin-bottom:6px}.tooltip-affixes{list-style:none;margin:0 0 6px;padding:0}.tooltip-line{margin-bottom:6px}.tooltip-line.dim,.tooltip .dim{color:var(--dim)}.resonant{color:#d8b64a}.tooltip-gates{border-top:1px solid var(--border);padding-top:6px;margin-bottom:6px}.tooltip-gate{display:grid;grid-template-columns:92px 1fr auto;gap:6px}.tooltip-gate .odds{color:var(--accent)}.altar-hint{margin-top:6px;color:#d8b64a;animation:altar-pulse 1.6s ease-in-out infinite}@keyframes altar-pulse{50%{opacity:.45}}.altar-overlay{position:fixed;inset:0;z-index:50;background:#06040ac7;display:flex;align-items:center;justify-content:center}.altar{width:720px;max-width:94vw;max-height:88vh;display:flex;flex-direction:column;background:var(--panel);border:1px solid #a83f5f;box-shadow:0 8px 40px #a83f5f40;padding:14px 16px}.altar-head{display:flex;justify-content:space-between;align-items:baseline}.altar-head h1{margin:0;font-size:15px;letter-spacing:3px;color:#a83f5f}.altar-wallet{color:#d8b64a}.altar-tabs{display:flex;gap:8px;margin:10px 0}.altar button{background:var(--bg);border:1px solid var(--border);color:var(--ink);font:inherit;padding:4px 10px;cursor:pointer}.altar button:disabled{color:var(--dim);cursor:default;opacity:.6}.altar button.on{border-color:var(--accent);color:var(--accent)}.altar-tabs button.materialize{animation:materialize 2.4s ease-out;border-color:#d8b64a;color:#d8b64a}@keyframes materialize{0%{opacity:0;transform:scale(.6);box-shadow:0 0 #d8b64a00}40%{opacity:1;transform:scale(1.12);box-shadow:0 0 24px #d8b64acc}to{transform:scale(1);box-shadow:0 0 #d8b64a00}}.altar-ceremony-line{color:#d8b64a;margin-bottom:8px;animation:altar-pulse 2.4s ease-in-out 3}.altar-body{overflow-y:auto;min-height:260px}.altar-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.altar-cols-3{grid-template-columns:1fr .6fr 1fr}.altar h3{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--dim);margin:0 0 6px}.altar h4{font-size:11px;color:var(--dim);margin:8px 0 4px}.altar-list{list-style:none;margin:0;padding:0}.altar-list li{padding:1px 0}.altar-list li>button{width:100%;text-align:left}.altar-list .pct{color:var(--accent);float:right}.altar-affix{display:flex;justify-content:space-between;align-items:center;gap:8px}.altar-odds{margin-top:8px;border-top:1px solid var(--border);padding-top:6px}.altar-odds ul{list-style:none;margin:0;padding:0;max-height:160px;overflow-y:auto}.altar-odds li{display:flex;justify-content:space-between;padding:1px 0}.odds{color:var(--accent)}.altar-confirm{margin-top:10px}.warn{color:#c97a4a;margin-bottom:6px}.warn.resonant{color:#d8b64a}.altar-result{margin-top:12px;border-top:1px solid var(--border);padding-top:8px}.good{color:#7dbf6f}.bad{color:#c95a5a}.altar-chips{display:flex;flex-wrap:wrap;gap:6px}.altar-primary{margin-top:10px;border-color:#a83f5f!important}.altar-ceremony{position:fixed;inset:0;z-index:60;background:#06040ad9;display:flex;align-items:center;justify-content:center}.altar-ceremony-card{width:380px;background:var(--bg);border:1px solid #c97a4a;padding:16px;text-align:center}.altar-ceremony-card h3{color:var(--ink);font-size:13px;text-transform:none;letter-spacing:0}.altar-ceremony-actions{display:flex;justify-content:center;gap:10px;margin-top:12px}.weave-list .weave-row{cursor:grab}.weave-row{display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px solid var(--border)}.altar-weave-foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.altar-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;border-top:1px solid var(--border);padding-top:8px}.codex .codex-scope{display:flex;justify-content:space-between;gap:10px;padding:1px 0}.codex .codex-scope span:last-child{text-align:right;color:var(--ink)}.inv-item.worn .inv-name{color:#d8b64a}.inv-act{background:var(--bg);border:1px solid var(--border);color:var(--dim);font:inherit;font-size:11px;padding:0 6px;cursor:pointer}.inv-act:hover{color:var(--ink);border-color:var(--accent)}.scars{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.scar-mark{font-size:11px;color:#c97a4a;border:1px solid #3a2530;padding:0 5px;background:#140f14;cursor:default}.toasts{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:40;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.toast{background:#140f14f0;border:1px solid var(--accent);color:var(--ink);padding:6px 14px;font-size:13px;box-shadow:0 4px 18px #00000080;animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.sheet-overlay{position:fixed;inset:0;z-index:45;background:#06040ab8;display:flex;align-items:center;justify-content:center}.sheet{width:840px;max-width:94vw;max-height:90vh;overflow-y:auto;background:var(--panel);border:1px solid var(--accent);padding:14px 18px;box-shadow:0 8px 40px #00000080}.legend{width:460px;max-width:92vw;max-height:90vh;overflow-y:auto;background:var(--panel);border:1px solid var(--border);padding:14px 18px}.sheet-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:10px}.sheet-head h1,.legend .sheet-head h1{margin:0;font-size:14px;letter-spacing:2px;color:var(--accent)}.sheet-cols{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.sheet h3,.legend h3{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--dim);margin:12px 0 4px}.sheet-list{list-style:none;margin:0;padding:0}.sheet-list li{padding:3px 0;border-bottom:1px solid var(--border)}.sheet-affix{font-size:11px;padding-left:10px}.keystone{color:#d8b64a;font-size:11px;padding-left:4px}.sheet-scar{padding:2px 0}.legend-list{list-style:none;margin:0;padding:0}.legend-list li{display:flex;align-items:center;gap:8px;padding:2px 0}.swatch{width:12px;height:12px;border:1px solid #000;flex-shrink:0;display:inline-block}.altar.character{width:920px;border-color:var(--accent);box-shadow:0 8px 40px #8a5fbf47}.altar.character .altar-head h1{color:var(--accent)}.char-body{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:18px}.char-col>h3:first-child{margin-top:0}.figure{display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid var(--border);background:repeating-linear-gradient(45deg,#12101a,#12101a 6px,#16131f 6px 12px)}.figure-canvas{width:128px;height:128px;max-width:100%;image-rendering:pixelated;display:block}.figure-caption{font-size:10px;letter-spacing:1px;text-transform:uppercase;margin:4px 0 2px}.figure-stack{list-style:none;margin:0 0 4px;padding:0;font-size:11px}.figure-stack li{padding:1px 0;display:flex;align-items:center;gap:6px}.figure-swatch{width:9px;height:9px;flex-shrink:0;border:1px solid rgba(0,0,0,.5);display:inline-block}.char-col .chip-row{display:flex;flex-wrap:wrap;gap:4px}.chip{background:var(--bg);border:1px solid var(--border);color:var(--ink);font:inherit;font-size:11px;padding:1px 7px;cursor:pointer}.chip:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.chip.bad{border-color:#3a2530;color:#c95a5a}.chip-masked,.chip:disabled{color:var(--dim);cursor:default;opacity:.7}.essence-chip{display:block;width:100%;text-align:left;margin-bottom:3px}.equip-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.equip-name{flex:1;min-width:0;background:none;border:none;color:var(--ink);font:inherit;text-align:left;padding:0;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.equip-name:hover,.equip-name .pct{color:var(--accent)}.equip-cost{font-size:11px;margin-bottom:6px}.equip-cost.good{color:#7dbf6f}.equip-cost.warn{color:#c97a4a}.scar-split{font-size:11px;padding-left:2px}.char-inspector{margin-top:12px;border-top:1px solid var(--border);padding-top:10px;display:flex;align-items:flex-start;gap:10px}.char-inspector .desc{flex:1}.desc-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.desc-name{color:var(--ink)}.desc-masked .desc-name{color:var(--dim);letter-spacing:2px}.desc-kind{font-size:10px;text-transform:uppercase;letter-spacing:1px}.desc-sub{margin-bottom:4px}.desc-pct{color:var(--accent);margin-bottom:6px}.desc-effects{list-style:none;margin:0 0 6px;padding:0}.desc-effects li{padding:1px 0}.desc-effects li.good{color:#7dbf6f}.desc-effects li.bad{color:#c95a5a}.desc-effects li.dim{color:var(--dim)}.desc-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.desc-tag{font-size:11px;color:var(--dim);border:1px solid var(--border);padding:0 5px}.desc-gates{border-top:1px solid var(--border);padding-top:6px;margin-bottom:6px}.desc-gate{display:grid;grid-template-columns:92px 1fr auto;gap:6px}.desc-gate .odds{color:var(--accent)}.desc-flavour{color:var(--dim);font-style:italic;margin-bottom:4px}.desc-note{font-size:11px}