:root{--bg:#0e0b0a;--panel:#1b1512;--panel-2:#261d18;--border:#4a3828;--border-hi:#8a6a3c;--text:#d9cbb4;--text-dim:#8f8170;--gold:#f2c14e;--danger:#d9483b;--ok:#6fbf4a;--q-common:#d8d8d8;--q-uncommon:#3fd13f;--q-rare:#3d8bff;--q-epic:#b455f0;--q-legendary:#ff8a1f;--q-set:#25dcc0;--pixel:"Pixelify Sans", ui-monospace, monospace;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:15px/1.45 var(--sans);color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:radial-gradient(ellipse at top, #1d1511 0%, var(--bg) 60%);min-height:100svh;margin:0}h1,h2,h3{font-family:var(--pixel);color:var(--gold);letter-spacing:.5px;margin:0;font-weight:600}button{font-family:var(--pixel);color:var(--text);background:var(--panel-2);border:2px solid var(--border);cursor:pointer;padding:6px 12px;font-size:14px}button:hover{border-color:var(--border-hi)}button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}canvas{image-rendering:pixelated}table{border-collapse:collapse}select{font-family:var(--pixel);color:var(--text);background:var(--panel-2);border:2px solid var(--border);padding:5px 8px;font-size:14px}.dim{color:var(--text-dim)}.workbench{max-width:1100px;margin:0 auto;padding:16px}.workbench header{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.workbench h1{font-size:32px}.row{flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0;display:flex}.row .gap{width:10px}.scroll-x{overflow-x:auto}.matrix th,.matrix td{text-align:center;border:1px solid var(--border);font-variant-numeric:tabular-nums;white-space:nowrap;padding:7px 10px}.matrix th{font-family:var(--pixel);color:var(--text-dim);background:var(--panel);font-weight:400}.matrix tbody th{text-align:left;color:var(--text)}.matrix .overall{border-left:3px solid var(--border-hi);font-weight:700}.cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));align-items:start;gap:10px;display:grid}.item-card{background:linear-gradient(#17110e,#0f0b09);border:2px solid;padding:10px 12px;font-size:13.5px;line-height:1.4;box-shadow:inset 0 0 0 1px #000,0 2px #000}.item-name{font-family:var(--pixel);margin-bottom:2px;font-size:16px;font-weight:600;line-height:1.2}.item-dim{color:var(--text-dim)}.item-main{color:#fff;margin-top:4px}.item-proc{color:var(--q-uncommon);margin-top:4px}.item-minor{margin-top:4px}.item-legendary{color:var(--q-legendary);margin-top:4px}.item-set{color:var(--gold);margin-top:6px}.item-flavor{color:var(--gold);opacity:.8;margin-top:6px;font-style:italic}.item-value{color:var(--text-dim);text-align:right;margin-top:4px}.duel{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=640px){.duel{grid-template-columns:1fr}}.sheet{background:var(--panel);border:2px solid var(--border);padding:10px 12px;font-size:13.5px}.sheet ul{margin:6px 0 0;padding-left:16px}.sheet.side-a{border-top-color:#5aa9e6}.sheet.side-b{border-top-color:#e6795a}.log{border:2px solid var(--border);white-space:pre-wrap;background:#080605;max-height:60vh;padding:10px;font:12.5px/1.5 ui-monospace,Consolas,monospace;overflow:auto}.log .side-a{color:#8ec5f0}.log .side-b{color:#f0a58e}.log .proc{color:var(--gold)}.sprite-sheet{border:2px solid var(--border);background:#2a2622;gap:10px;margin:8px 0 20px;padding:8px;display:flex;overflow-x:auto}.kit-labels{font-family:var(--pixel);color:var(--text-dim);flex:none;align-items:end;width:110px;font-size:13px;display:grid}.kit-labels div{padding-bottom:28px}.fight{max-width:820px}.fight-hud{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:6px;display:grid}.plate{min-width:0}.plate-1{text-align:right}.plate-name{font-family:var(--pixel);white-space:nowrap;justify-content:space-between;gap:6px;font-size:14px;display:flex;overflow:hidden}.plate-1 .plate-name{flex-direction:row-reverse}.bar{height:16px;box-shadow:0 0 0 1px var(--border);background:#0a0706;border:2px solid #000;margin-top:3px;position:relative;overflow:hidden}.bar .fill{background:linear-gradient(#e0483a,#9c2018);transition:width .12s linear;position:absolute;inset:0 auto 0 0}.plate-1 .bar .fill{inset:0 0 0 auto}.bar .fill.absorb{background:#a0dcff8c;box-shadow:inset 0 0 0 1px #d0ecff}.bar span{font:600 11px/12px var(--pixel);text-align:center;color:#fff;text-shadow:0 1px #000,1px 0 #000,-1px 0 #000;position:absolute;inset:0}.bar.swing{height:7px}.bar.swing .fill{background:linear-gradient(#f2c14e,#a8781c);transition:none}.bar.swing.off .fill{background:linear-gradient(#b8b8c4,#6c6c7c)}.chips{gap:4px;min-height:20px;margin-top:3px;display:flex}.plate-1 .chips{justify-content:flex-end}.chip{font:11px var(--pixel);border:1px solid;padding:1px 5px}.chip.stun{color:#ffe070}.chip.chill{color:#8ad8ff}.chip.haste{color:#7be07b}.chip.reflect{color:#ffb070}.chip.stacks{color:#ff9a3c}.chip.summon{color:#c0a8ff}.fight-stage{border:2px solid var(--border-hi);line-height:0;position:relative;box-shadow:0 0 0 2px #000}.fight-stage canvas{aspect-ratio:16/9;width:100%}.verdict{text-align:center;font:600 clamp(28px, 8vw, 56px) / 1 var(--pixel);text-shadow:0 3px #000,3px 0 #000,-3px 0 #000,0 -3px #000;animation:.5s cubic-bezier(.2,1.6,.4,1) verdict;position:absolute;inset:12% 0 auto}.verdict.win{color:var(--gold)}.verdict.loss{color:var(--danger)}@keyframes verdict{0%{opacity:0;transform:scale(2.2)}}.fight .log{white-space:normal;max-height:220px}.fight .log div{white-space:pre-wrap}