:root{color-scheme:dark;--abyss-0: #0c0a08;--abyss-1: #16120c;--abyss-2: #211a10;--abyss-3: #2e2619;--abyss-4: #4a4132;--ink: #cfc4ae;--ink-dim: #7d7160;--ink-hi: #e8e0c8;--blood-0: #6e1f22;--blood-1: #a83232;--blood-2: #d4605c;--ritual: #a83f5f;--gold-0: #6a4a10;--gold-1: #b8973f;--gold-2: #d8b64a;--spectral: #4fb896;--verdant: #7dbf6f;--corpse: #3a2530;--lane-fire: #d97b3f;--lane-frost: #6fb3c4;--lane-water: #35617a;--lane-poison: #6f8f4a;--lane-storm: #8a6fd6;--lane-shadow: #7d3f6e;--lane-holy: #e8e0c8;--lane-undead: #7d3f6e;--bg: var(--abyss-0);--panel: var(--abyss-1);--border: var(--abyss-3);--dim: var(--ink-dim);--accent: var(--gold-1);--font-display: "Press Start 2P", monospace;--font-body: "VT323", monospace;--text-s: 8px;--text-m: 16px;--text-l: 24px;--text-display: 32px;--lh-s: 12px;--lh-m: 20px;--lh-l: 32px;--lh-display: 40px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px}@font-face{font-family:"Press Start 2P";src:url(/fonts/PressStart2P-Regular.ttf) format("truetype");font-display:block}@font-face{font-family:VT323;src:url(/fonts/VT323-Regular.ttf) format("truetype");font-display:block}*{box-sizing:border-box}img,canvas{image-rendering:pixelated}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--text-m);line-height:var(--lh-m);font-variant-numeric:tabular-nums}h1,h2,h3,.display{font-family:var(--font-display);font-weight:400;-webkit-font-smoothing:none;font-smooth:never}b,strong{font-weight:400;color:var(--ink-hi)}button{font:inherit;background:var(--abyss-2);color:var(--ink);border:2px solid;border-color:var(--abyss-4) var(--abyss-0) var(--abyss-0) var(--abyss-4);padding:2px var(--sp-2);cursor:pointer}button:active:not(:disabled){border-color:var(--abyss-0) var(--abyss-4) var(--abyss-4) var(--abyss-0);transform:translate(1px,1px)}input,select,textarea{font:inherit;background:var(--abyss-0);color:var(--ink);border:2px solid;border-color:var(--abyss-0) var(--abyss-4) var(--abyss-4) var(--abyss-0)}.shell{display:flex;gap:var(--sp-4);padding:var(--sp-4);align-items:stretch;height:100vh;overflow:hidden}.canvas-host{flex:0 0 auto;align-self:center}.canvas-host canvas{display:block;border:1px solid var(--border);image-rendering:pixelated}.hud{flex:1 1 auto;min-width:300px;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--sp-3);align-content:start}.hud section{background:var(--panel);border:1px solid var(--border);padding:var(--sp-2) var(--sp-3);margin:0}@media(max-height:860px){.hud{gap:var(--sp-2)}.hud section{padding:var(--sp-2) var(--sp-2)}.feed{min-height:60px;max-height:120px}}.hud h1{font-size:var(--text-m);margin:0 0 var(--sp-1);letter-spacing:2px;color:var(--accent)}.hud h2{font-size:var(--text-s);line-height:var(--lh-s);margin:0 0 var(--sp-2);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:var(--sp-1);margin-top:var(--sp-2)}.seed-row input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--border);color:var(--ink);padding:var(--sp-1) var(--sp-1);font:inherit}.seed-row button{color:var(--gold-1);padding:var(--sp-1) var(--sp-2)}.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:var(--lh-m)}.feed li:last-child{color:var(--ink)}.controls{color:var(--dim);line-height:var(--lh-m)}.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:var(--sp-2);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:var(--sp-2) var(--sp-3);background:var(--bg);border:1px solid var(--accent);box-shadow:4px 4px color-mix(in srgb,var(--abyss-0) 60%,transparent)}.tooltip-title{color:var(--ink);margin-bottom:2px}.tooltip-pct{color:var(--accent);margin-bottom:var(--sp-1)}.tooltip-affixes{list-style:none;margin:0 0 var(--sp-1);padding:0}.tooltip-line{margin-bottom:var(--sp-1)}.tooltip-line.dim,.tooltip .dim{color:var(--dim)}.resonant{color:var(--gold-2)}.tooltip-gates{border-top:1px solid var(--border);padding-top:var(--sp-1);margin-bottom:var(--sp-1)}.tooltip-gate{display:grid;grid-template-columns:92px 1fr auto;gap:var(--sp-1)}.tooltip-gate .odds{color:var(--accent)}.altar-hint{margin-top:var(--sp-1);color:var(--gold-2);animation:altar-pulse 1.6s steps(2,end) infinite}@keyframes altar-pulse{50%{opacity:.45}}.altar-overlay{position:fixed;inset:0;z-index:50;background:color-mix(in srgb,var(--abyss-0) 78%,transparent);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 var(--ritual);box-shadow:4px 4px color-mix(in srgb,var(--abyss-0) 60%,transparent),0 0 0 2px color-mix(in srgb,var(--ritual) 25%,transparent);padding:var(--sp-3) var(--sp-4)}.altar-head{display:flex;justify-content:space-between;align-items:baseline}.altar-head h1{margin:0;font-size:var(--text-m);letter-spacing:3px;color:var(--ritual)}.altar-wallet{color:var(--gold-2)}.altar-tabs{display:flex;gap:var(--sp-2);margin:var(--sp-2) 0}.altar button{padding:var(--sp-1) var(--sp-2)}.altar button:disabled{color:var(--dim);cursor:default;opacity:.6}.altar button.on{background:var(--abyss-3);color:var(--gold-2)}.altar-tabs button.materialize{animation:materialize 2.4s steps(4,end);color:var(--gold-2)}@keyframes materialize{0%{opacity:0;box-shadow:0 0 color-mix(in srgb,var(--gold-2) 0%,transparent)}40%{opacity:1;box-shadow:0 0 0 4px color-mix(in srgb,var(--gold-2) 60%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--gold-2) 0%,transparent)}}.altar-ceremony-line{color:var(--gold-2);margin-bottom:var(--sp-2);animation:altar-pulse 2.4s steps(2,end) 3}.altar-body{overflow-y:auto;min-height:260px}.altar-cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.altar-cols-3{grid-template-columns:1fr .6fr 1fr}.forge-cols{grid-template-columns:1fr 1fr 1fr}.forge-slots{margin-top:var(--sp-2);font-size:var(--text-m)}.forge-preview{margin:var(--sp-2) 0;padding:var(--sp-1) var(--sp-2);border-left:2px solid var(--accent)}.forge-name{color:var(--accent);font-size:var(--text-m);margin-top:2px}.forge-prop-note{margin:var(--sp-1) 0;font-style:italic;font-size:var(--text-m)}.tint-label{margin:var(--sp-1) 0 var(--sp-2);padding:var(--sp-1) var(--sp-2);border-left:2px solid var(--accent);font-size:var(--text-m)}.altar h3{font-size:var(--text-s);line-height:var(--lh-s);text-transform:uppercase;letter-spacing:1px;color:var(--dim);margin:0 0 var(--sp-1)}.altar h4{font-size:var(--text-m);color:var(--dim);margin:var(--sp-2) 0 var(--sp-1)}.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:var(--sp-2)}.altar-odds{margin-top:var(--sp-2);border-top:1px solid var(--border);padding-top:var(--sp-1)}.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:var(--sp-2)}.warn{color:var(--lane-fire);margin-bottom:var(--sp-1)}.warn.resonant{color:var(--gold-2)}.altar-result{margin-top:var(--sp-3);border-top:1px solid var(--border);padding-top:var(--sp-2)}.good{color:var(--verdant)}.bad{color:var(--blood-2)}.altar-chips{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.altar-primary{margin-top:var(--sp-2);background:color-mix(in srgb,var(--ritual) 30%,var(--abyss-1));color:var(--ink-hi)}.altar-ceremony{position:fixed;inset:0;z-index:60;background:color-mix(in srgb,var(--abyss-0) 85%,transparent);display:flex;align-items:center;justify-content:center}.altar-ceremony-card{width:380px;background:var(--bg);border:1px solid var(--lane-fire);padding:var(--sp-4);text-align:center}.altar-ceremony-card h3{color:var(--ink);font-size:var(--text-m);text-transform:none;letter-spacing:0}.altar-ceremony-actions{display:flex;justify-content:center;gap:var(--sp-2);margin-top:var(--sp-3)}.weave-list .weave-row{cursor:grab}.weave-row{display:flex;justify-content:space-between;padding:var(--sp-1) 0;border-bottom:1px solid var(--border)}.altar-weave-foot{display:flex;justify-content:space-between;align-items:center;margin-top:var(--sp-2)}.altar-foot{display:flex;justify-content:space-between;align-items:center;margin-top:var(--sp-3);border-top:1px solid var(--border);padding-top:var(--sp-2)}.codex .codex-scope{display:flex;justify-content:space-between;gap:var(--sp-2);padding:1px 0}.codex .codex-scope span:last-child{text-align:right;color:var(--ink)}.inv-item.worn .inv-name{color:var(--gold-2)}.inv-act{background:var(--bg);border:1px solid var(--border);color:var(--dim);font:inherit;font-size:var(--text-m);padding:0 var(--sp-1);cursor:pointer}.inv-act:hover{color:var(--ink);border-color:var(--accent)}.scars{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-top:var(--sp-1)}.scar-mark{font-size:var(--text-m);color:var(--lane-fire);border:1px solid var(--corpse);padding:0 var(--sp-1);background:var(--abyss-1);cursor:default}.toasts{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:40;display:flex;flex-direction:column;gap:var(--sp-1);align-items:center;pointer-events:none}.toast{background:color-mix(in srgb,var(--abyss-1) 94%,transparent);border:1px solid var(--accent);color:var(--ink);padding:var(--sp-1) var(--sp-3);font-size:var(--text-m);box-shadow:4px 4px color-mix(in srgb,var(--abyss-0) 50%,transparent);animation:toast-in .18s steps(3,end)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.desc-icon{display:inline-block;margin-right:var(--sp-1);vertical-align:-4px}.desc-compare{margin:var(--sp-1) 0;padding:var(--sp-1) var(--sp-2);border-left:2px solid var(--border);font-size:var(--text-m)}.desc-delta.good{color:var(--verdant)}.desc-delta.bad{color:var(--lane-fire)}.shape-glyph{vertical-align:-3px}.item-icon{image-rendering:pixelated;vertical-align:-4px;margin-right:2px}.altar button.kb,.altar .weave-row.kb{outline:1px solid var(--spectral);outline-offset:1px}.altar .weave-row.kb.grabbed{outline-style:dashed;background:color-mix(in srgb,var(--spectral) 8%,transparent)}.kb-text,h3.kb-zone{color:var(--spectral)}.tab-key{color:var(--dim);font-size:var(--text-m);margin-right:var(--sp-1)}.pair-gutter{display:inline-block;font-family:var(--font-body);white-space:pre;margin-right:var(--sp-1);color:var(--accent)}.pair-gutter .lit,.weave-row.pair-lit .pair-gutter span{color:var(--spectral)}.weave-row.pair-lit{background:color-mix(in srgb,var(--spectral) 8%,transparent);outline:1px solid color-mix(in srgb,var(--spectral) 40%,transparent)}.soul-cost{margin:var(--sp-1) 0 var(--sp-2);padding:var(--sp-1) var(--sp-2);border-left:2px solid var(--spectral)}.enemy-tooltip{right:auto;z-index:46;pointer-events:none}.battle-energybar{margin-top:var(--sp-1)}.battle-energybar.foe.ready .pbar-cell.on{background:var(--blood-1)}.battle-next{color:var(--blood-1);font-size:var(--text-m);font-weight:400;margin-left:var(--sp-2);letter-spacing:1px}.battle-foe.next{outline:1px solid color-mix(in srgb,var(--blood-1) 55%,transparent)}.battle-energy.next{outline:1px solid color-mix(in srgb,var(--spectral) 55%,transparent)}.battle-portrait{background:none;border:none;padding:0;cursor:pointer}.battle-inspect{display:flex;gap:var(--sp-2);align-items:flex-start;border-top:1px solid var(--border);margin-top:var(--sp-2);padding-top:var(--sp-2)}.toast.heavy{border-color:var(--gold-1);color:var(--ink-hi);font-size:var(--text-m);padding:var(--sp-2) var(--sp-5);box-shadow:4px 4px color-mix(in srgb,var(--abyss-0) 70%,transparent),0 0 0 2px color-mix(in srgb,var(--gold-1) 25%,transparent)}.ceremony-overlay{z-index:70;background:color-mix(in srgb,var(--abyss-0) 88%,transparent)}.altar.ceremony{width:560px;max-height:86vh;overflow-y:auto}.altar.ceremony.fall{border-color:var(--gold-1);box-shadow:6px 6px color-mix(in srgb,var(--abyss-0) 80%,transparent),0 0 0 2px color-mix(in srgb,var(--gold-1) 18%,transparent)}.fall-layers{color:var(--gold-1);font-weight:400;letter-spacing:1px}.fall-line{margin:var(--sp-1) 0 var(--sp-2)}.fall-condition,.fall-weave{padding:var(--sp-1) var(--sp-2);border-left:2px solid var(--gold-1);background:color-mix(in srgb,var(--gold-1) 7%,transparent);margin-bottom:var(--sp-2)}.fall-note{margin:var(--sp-1) 0}.altar.ceremony.deal{width:680px}.deal-body{display:flex;gap:var(--sp-4)}.deal-figure{flex:0 0 auto;align-self:flex-start;padding:var(--sp-2);border:1px solid var(--border);background:color-mix(in srgb,var(--abyss-0) 60%,transparent);image-rendering:pixelated}.deal-cols{display:flex;gap:var(--sp-4);flex:1}.deal-col{flex:1;min-width:0}.deal-kit{list-style:none;padding:0;margin:0 0 var(--sp-2)}.deal-kit li{padding:2px 0}.deal-note{margin-top:var(--sp-1)}.deal-foot b{color:var(--ink)}.devour-ceremony{z-index:72}.devour-portrait{display:flex;justify-content:center;margin-bottom:var(--sp-1);image-rendering:pixelated}.altar.ceremony.devour-outcome{width:460px;text-align:center}.altar.ceremony.devour-outcome.torn{border-color:var(--spectral);box-shadow:6px 6px color-mix(in srgb,var(--abyss-0) 80%,transparent),0 0 0 2px color-mix(in srgb,var(--spectral) 20%,transparent)}.altar.ceremony.devour-outcome.crumbled{border-color:var(--abyss-4)}.devour-beat{font-size:var(--text-m);margin:var(--sp-2) 0}.devour-beat.good{color:var(--spectral)}.devour-beat.bad{color:var(--blood-1)}.vestibule-overlay{z-index:60}.altar.vestibule{width:720px;max-height:90vh;overflow-y:auto}.vestibule-seed input{width:100%}.vestibule-note{margin:var(--sp-1) 0 var(--sp-2)}.vessel-grid,.vessel-ramps{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-1)}.vessel-pick{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--sp-1);background:var(--bg);border:1px solid var(--border);color:var(--ink);cursor:pointer;image-rendering:pixelated}.vessel-pick.on{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--lane-storm) 35%,transparent)}.vessel-name{font-size:var(--text-m)}.sheet-overlay{position:fixed;inset:0;z-index:45;background:color-mix(in srgb,var(--abyss-0) 72%,transparent);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:var(--sp-3) var(--sp-4);box-shadow:4px 4px color-mix(in srgb,var(--abyss-0) 50%,transparent)}.legend{width:460px;max-width:92vw;max-height:90vh;overflow-y:auto;background:var(--panel);border:1px solid var(--border);padding:var(--sp-3) var(--sp-4)}.sheet-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--border);padding-bottom:var(--sp-2);margin-bottom:var(--sp-2)}.sheet-head h1,.legend .sheet-head h1{margin:0;font-size:var(--text-m);letter-spacing:2px;color:var(--accent)}.sheet-cols{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:var(--sp-4)}.sheet h3,.legend h3{font-size:var(--text-s);line-height:var(--lh-s);text-transform:uppercase;letter-spacing:1px;color:var(--dim);margin:var(--sp-3) 0 var(--sp-1)}.sheet-list{list-style:none;margin:0;padding:0}.sheet-list li{padding:var(--sp-1) 0;border-bottom:1px solid var(--border)}.sheet-affix{font-size:var(--text-m);padding-left:var(--sp-2)}.keystone{color:var(--gold-2);font-size:var(--text-m);padding-left:var(--sp-1)}.sheet-scar{padding:2px 0}.legend-list{list-style:none;margin:0;padding:0}.legend-list li{display:flex;align-items:center;gap:var(--sp-2);padding:2px 0}.swatch{width:12px;height:12px;border:1px solid var(--abyss-0);flex-shrink:0;display:inline-block}.altar.character{width:920px;border-color:var(--accent);box-shadow:4px 4px color-mix(in srgb,var(--abyss-0) 60%,transparent),0 0 0 2px color-mix(in srgb,var(--lane-storm) 28%,transparent)}.altar.character .altar-head h1{color:var(--accent)}.char-body{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:var(--sp-4)}.char-col>h3:first-child{margin-top:0}.figure{display:flex;align-items:center;justify-content:center;padding:var(--sp-2);border:1px solid var(--border);background:var(--abyss-1) url(/ui/dither2.png);background-size:8px 8px;image-rendering:pixelated}.figure-canvas{width:128px;height:128px;max-width:100%;image-rendering:pixelated;display:block}.figure-caption{font-size:var(--text-m);letter-spacing:1px;text-transform:uppercase;margin:var(--sp-1) 0 2px}.figure-stack{list-style:none;margin:0 0 var(--sp-1);padding:0;font-size:var(--text-m)}.figure-stack li{padding:1px 0;display:flex;align-items:center;gap:var(--sp-1)}.figure-swatch{width:9px;height:9px;flex-shrink:0;border:1px solid color-mix(in srgb,var(--abyss-0) 50%,transparent);display:inline-block}.char-col .chip-row{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.chip{background:var(--bg);border:1px solid var(--border);color:var(--ink);font:inherit;font-size:var(--text-m);padding:1px var(--sp-2);cursor:pointer}.chip:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.chip.bad{border-color:var(--corpse);color:var(--blood-2)}.chip-masked,.chip:disabled{color:var(--dim);cursor:default;opacity:.7}.essence-chip{display:block;width:100%;text-align:left;margin-bottom:var(--sp-1)}.equip-row{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2)}.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:var(--text-m);margin-bottom:var(--sp-1)}.equip-cost.good{color:var(--verdant)}.equip-cost.warn{color:var(--lane-fire)}.scar-split{font-size:var(--text-m);padding-left:2px}.char-inspector{margin-top:var(--sp-3);border-top:1px solid var(--border);padding-top:var(--sp-2);display:flex;align-items:flex-start;gap:var(--sp-2)}.char-inspector .desc{flex:1}.desc-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-2)}.desc-name{color:var(--ink)}.desc-masked .desc-name{color:var(--dim);letter-spacing:2px}.desc-kind{font-size:var(--text-m);text-transform:uppercase;letter-spacing:1px}.desc-sub{margin-bottom:var(--sp-1)}.desc-pct{color:var(--accent);margin-bottom:var(--sp-1)}.desc-effects{list-style:none;margin:0 0 var(--sp-1);padding:0}.desc-effects li{padding:1px 0}.desc-effects li.good{color:var(--verdant)}.desc-effects li.bad{color:var(--blood-2)}.desc-effects li.dim{color:var(--dim)}.desc-tags{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-bottom:var(--sp-1)}.desc-tag{font-size:var(--text-m);color:var(--dim);border:1px solid var(--border);padding:0 var(--sp-1)}.desc-gates{border-top:1px solid var(--border);padding-top:var(--sp-1);margin-bottom:var(--sp-1)}.desc-gate{display:grid;grid-template-columns:92px 1fr auto;gap:var(--sp-1)}.desc-gate .odds{color:var(--accent)}.desc-flavour{color:var(--dim);font-style:italic;margin-bottom:var(--sp-1)}.desc-note{font-size:var(--text-m)}.battle-hud{position:fixed;left:16px;bottom:16px;width:min(760px,calc(100vw - 360px));z-index:30;background:color-mix(in srgb,var(--panel) 92%,black);border:1px solid var(--accent);padding:var(--sp-2) var(--sp-3);font-size:var(--text-m);box-shadow:4px 4px color-mix(in srgb,var(--abyss-0) 50%,transparent)}.battle-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--border);padding-bottom:var(--sp-1);margin-bottom:var(--sp-2)}.battle-title{text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}.battle-turn{font-size:var(--text-m);text-transform:uppercase;letter-spacing:.08em}.battle-turn.you{color:var(--spectral)}.battle-turn.abyss{color:var(--blood-1)}.battle-foes{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-bottom:var(--sp-2)}.battle-foe{display:flex;gap:var(--sp-2);align-items:center}.battle-portrait{width:64px;height:64px;flex-shrink:0;image-rendering:pixelated}.battle-portrait canvas{width:64px;height:64px}.battle-foe-info{min-width:140px}.battle-foe-name{text-transform:capitalize;color:var(--ink)}.battle-tags{font-size:var(--text-m)}.battle-telegraph{color:var(--gold-1)}.battle-moves{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-bottom:var(--sp-2)}.battle-move{display:flex;align-items:center;gap:var(--sp-1);background:var(--bg);border:1px solid var(--border);color:var(--ink);padding:var(--sp-1) var(--sp-2);cursor:pointer;font-size:var(--text-m)}.battle-move:hover{border-color:var(--accent)}.battle-move.active{border-color:var(--spectral);background:color-mix(in srgb,var(--panel) 60%,var(--spectral) 8%)}.battle-key{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid var(--border);font-size:var(--text-m);color:var(--dim)}.battle-move-name{text-transform:capitalize}.battle-move-meta{font-size:var(--text-m)}.battle-field-note{color:var(--lane-frost)}.battle-splice{border-top:1px solid var(--border);padding-top:var(--sp-1)}.battle-splice-label{font-size:var(--text-m);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--sp-1)}.battle-splice-row{display:flex;align-items:center;gap:var(--sp-1);margin-bottom:var(--sp-1)}.battle-splice-src{width:44px;font-size:var(--text-m)}.battle-chip{background:var(--bg);border:1px solid var(--border);color:var(--ink);padding:1px var(--sp-2);cursor:pointer;font-size:var(--text-m)}.battle-chip:hover{border-color:var(--spectral);color:var(--spectral)}.battle-grafts{margin-top:var(--sp-1);color:var(--spectral);font-size:var(--text-m)}.battle-foot{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-2)}.battle-energy{flex:1}.event-reaction{color:var(--spectral)!important;font-weight:400}.canvas-host{position:relative}.crt .canvas-host:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;background:url(/ui/scanline3.png) repeat;animation:crt-flicker 4.8s steps(1) infinite}.crt .canvas-host canvas{filter:saturate(1.08) brightness(1.03)}@keyframes crt-flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.86}94%{opacity:1}97%{opacity:.93}98%{opacity:1}}.altar,.legend,.battle-hud,.battle-stage,.altar-ceremony-card{position:relative;--frame-c: var(--accent)}.altar{--frame-c: var(--ritual)}.altar.character{--frame-c: var(--accent)}.altar-ceremony-card{--frame-c: var(--lane-fire)}.stage-veil{position:fixed;inset:0;z-index:28;pointer-events:none;background:color-mix(in srgb,var(--abyss-0) 55%,transparent) url(/ui/dither2.png)}.battle-stage{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:30;width:min(680px,94vw);max-height:92vh;overflow-y:auto;background:color-mix(in srgb,var(--panel) 96%,black);--frame-c: var(--blood-1);border:1px solid var(--blood-1);box-shadow:6px 6px color-mix(in srgb,var(--abyss-0) 75%,transparent);padding:var(--sp-3) var(--sp-4);font-size:var(--text-m);animation:stage-in .28s steps(4,end)}@keyframes stage-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.94)}}.stage-targets{display:flex;gap:var(--sp-1);flex-wrap:wrap;margin:var(--sp-1) 0}.stage-targets .chip.on{border-color:var(--blood-1);color:var(--blood-2)}.stage-versus{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin:var(--sp-2) 0}.stage-side{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);min-width:0}.stage-side canvas{image-rendering:pixelated}.stage-portrait{background:none;border:none;padding:0;cursor:pointer}.stage-vs{font-size:var(--text-display);color:var(--blood-1);flex-shrink:0}.stage-name{color:var(--ink);text-transform:capitalize;letter-spacing:.04em}.stage-side .battle-hpbar,.stage-side .battle-energybar,.stage-side .battle-energy{width:82%}.stage-projection{text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:var(--sp-1) 0;margin-bottom:var(--sp-2)}.stage-projection b{font-weight:400}.stage-cast-hint{font-size:var(--text-m);margin:2px 0 var(--sp-2);text-align:center}.stage-log{list-style:none;margin:var(--sp-2) 0 0;padding:var(--sp-1) 0 0;border-top:1px solid var(--border);font-size:var(--text-m);line-height:var(--lh-m)}.resist-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--sp-3)}.resist-note{font-size:var(--text-m);margin-top:var(--sp-1);line-height:var(--lh-m)}.tile-label{position:fixed;z-index:12;pointer-events:none;background:color-mix(in srgb,var(--abyss-0) 94%,transparent);border:1px solid var(--border);color:var(--ink);font-size:var(--text-m);padding:2px var(--sp-2);white-space:nowrap}.stage-splice-teach{color:var(--spectral);text-transform:none;letter-spacing:0}.stage-min{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:30;background:color-mix(in srgb,var(--panel) 96%,black);border:1px solid var(--blood-1);color:var(--blood-2);font:inherit;font-size:var(--text-m);padding:var(--sp-1) var(--sp-4);cursor:pointer;animation:altar-pulse 2.2s steps(2,end) infinite}.vitals{display:flex;gap:var(--sp-3);flex-wrap:wrap;padding:var(--sp-1) 0 var(--sp-1);font-size:var(--text-m)}.vital{cursor:default;white-space:nowrap}.v-hp{color:var(--blood-2)}.v-atk{color:var(--ink)}.v-arm{color:var(--ink-dim)}.v-spd{color:var(--spectral)}.battle-vitals{border-bottom:1px solid var(--border);margin-bottom:var(--sp-2);font-size:var(--text-m)}.tooltip .desc,.char-inspector .desc,.battle-inspect .desc{max-height:46vh;overflow-y:auto;padding-right:var(--sp-2);scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.tooltip .desc::-webkit-scrollbar,.char-inspector .desc::-webkit-scrollbar,.battle-inspect .desc::-webkit-scrollbar{width:6px}.tooltip .desc::-webkit-scrollbar-thumb,.char-inspector .desc::-webkit-scrollbar-thumb,.battle-inspect .desc::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 70%,transparent)}.tooltip .desc::-webkit-scrollbar-track,.char-inspector .desc::-webkit-scrollbar-track,.battle-inspect .desc::-webkit-scrollbar-track{background:color-mix(in srgb,var(--abyss-0) 25%,transparent)}.stage-flee{color:var(--blood-2);border-color:var(--corpse);margin-left:var(--sp-2)}.stage-flee:hover{color:var(--blood-2);border-color:var(--blood-1)}.legend.primer{width:560px}.legend.primer .controls{margin-bottom:var(--sp-1)}.hud section,.legend,.altar-ceremony-card,.altar.ceremony.devour-outcome.crumbled{border:6px solid transparent;border-image:url(/ui/panel-border.png) 4 / 6px repeat}.tooltip,.toast,.sheet,.battle-hud,.altar.character,.altar.ceremony.fall{border:6px solid transparent;border-image:url(/ui/panel-border-gold.png) 4 / 6px repeat}.altar{border:6px solid transparent;border-image:url(/ui/panel-border-ritual.png) 4 / 6px repeat}.battle-stage,.stage-min{border:6px solid transparent;border-image:url(/ui/panel-border-blood.png) 4 / 6px repeat}.altar.ceremony.devour-outcome.torn{border:6px solid transparent;border-image:url(/ui/panel-border-spectral.png) 4 / 6px repeat}.pixel-glyph{display:inline-block;vertical-align:-1px;image-rendering:pixelated}.pbar{display:flex;gap:2px;margin:2px 0 var(--sp-1)}.pbar-cell{width:var(--sp-2);height:var(--sp-2);background:var(--abyss-2);border:1px solid var(--abyss-0)}.pbar.blood .pbar-cell.on{background:var(--blood-1)}.pbar.gold .pbar-cell.on{background:var(--gold-1)}.pbar.spectral .pbar-cell.on{background:var(--spectral)}.pbar-cell.chip{animation:chip-out .26s steps(2,end) forwards}@keyframes chip-out{0%{background:var(--ink-hi)}to{background:var(--abyss-2)}}.level-row .level-xp{display:flex;align-items:center}.level-row .pbar{margin:0}.board-wrap{position:relative;flex:0 0 auto;align-self:center}.board-badges{position:absolute;left:50%;bottom:var(--sp-2);transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2);z-index:6;pointer-events:none;width:max-content;max-width:96%}.board-badge{font-family:var(--font-display);font-size:var(--text-s);line-height:var(--lh-s);-webkit-font-smoothing:none;padding:var(--sp-1) var(--sp-2);background:color-mix(in srgb,var(--abyss-0) 88%,transparent);border:2px solid;border-color:var(--abyss-4) var(--abyss-0) var(--abyss-0) var(--abyss-4);color:var(--ink-hi);animation:badge-in .2s steps(2,end)}.board-badge.ritual{color:var(--ritual)}.board-badge.gold{color:var(--gold-2)}.board-badge.blood{color:var(--blood-2)}.board-badge.spectral{color:var(--spectral)}@keyframes badge-in{0%{opacity:0;transform:translateY(4px)}}.inv-pct,.pct,.tooltip-pct{font-family:var(--font-display);font-size:var(--text-s);-webkit-font-smoothing:none;color:var(--gold-2)}.toast.levelup{font-family:var(--font-display);font-size:var(--text-l);line-height:var(--lh-l);-webkit-font-smoothing:none;color:var(--gold-2);padding:var(--sp-3) var(--sp-6);display:flex;align-items:center;gap:var(--sp-2);animation:toast-in .18s steps(3,end),level-burst .9s steps(3,end)}@keyframes level-burst{0%{box-shadow:0 0 color-mix(in srgb,var(--gold-2) 0%,transparent)}33%{box-shadow:0 0 0 8px color-mix(in srgb,var(--gold-2) 70%,transparent)}66%{box-shadow:0 0 0 4px color-mix(in srgb,var(--gold-2) 35%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--gold-2) 0%,transparent)}}.vestibule-overlay{background:var(--abyss-0) url(/ui/dither2.png)}.vestibule-mast{text-align:center;padding:var(--sp-4) 0 var(--sp-2)}.vestibule-mast h1{margin:0;font-size:var(--text-display);line-height:var(--lh-display);letter-spacing:2px;color:var(--gold-2);text-shadow:3px 3px 0 var(--gold-0)}.vestibule-mast .vestibule-tag{margin-top:var(--sp-1);letter-spacing:1px}.altar.vestibule .altar-body h3{text-align:center;margin-top:var(--sp-3)}.altar.vestibule .vessel-grid,.altar.vestibule .vessel-ramps{justify-content:center}.altar.vestibule .vestibule-note{text-align:center}.doll{display:flex;gap:var(--sp-2);align-items:stretch;justify-content:center}.doll-col{display:flex;flex-direction:column;gap:var(--sp-1);justify-content:space-between}.doll-center{flex:1}.socket{display:flex;flex-direction:column;align-items:center;gap:2px;width:56px;padding:var(--sp-1) 2px 2px}.socket.empty .socket-void{display:block;width:24px;height:24px;border:1px dashed var(--abyss-4)}.socket.on{background:var(--abyss-3);color:var(--gold-2)}.socket-tag{font-family:var(--font-display);font-size:var(--text-s);line-height:var(--lh-s);-webkit-font-smoothing:none;color:var(--ink-dim);white-space:nowrap}.socket.on .socket-tag{color:var(--gold-2)}.socket-clear{margin-left:var(--sp-2)}.equip-acts{display:inline-flex;align-items:center;gap:var(--sp-1);flex-shrink:0}.forge-inline{font-family:var(--font-display);font-size:var(--text-s);-webkit-font-smoothing:none;color:var(--gold-2);white-space:nowrap}.stage-versus{padding:var(--sp-3) 0}:focus-visible{outline:2px solid var(--gold-2);outline-offset:1px}