@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vt323-vietnamese-400-normal-D0VnvwZ9.woff2)format("woff2"),url(/assets/vt323-vietnamese-400-normal-D_5Q7Vcv.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vt323-latin-ext-400-normal-iUdYUaX4.woff2)format("woff2"),url(/assets/vt323-latin-ext-400-normal-DqOq58ri.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vt323-latin-400-normal-wDgJuOC9.woff2)format("woff2"),url(/assets/vt323-latin-400-normal-Dqn9ZSPj.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--px:4px;--u:max(3px, var(--px));--cell:max(26px, calc(var(--px) * 8));--void:#050608;--ink:#0b0d12;--night:#141821;--shadow:#1c212b;--concrete-dark:#2a2f38;--concrete:#454c57;--concrete-light:#6b7280;--ash:#9aa0a6;--moss:#3f6b4f;--phosphor:#6fae7a;--phosphor-hot:#a8e0a0;--rust-dark:#3a1d12;--rust:#8a4a2a;--rust-light:#b8703a;--bone:#d8cfb8;--bone-dark:#9c927c;--blood:#5c1418;--blood-bright:#8e2a2a;--warning:#c0392b;--amber:#e0a040;--amber-dark:#8c5a1e;--fire:#f07a2a;--water-light:#3c6e78;--violet:#3a2a48}*{box-sizing:border-box}html,body{background:var(--void);height:100%;color:var(--bone);-webkit-user-select:none;user-select:none;margin:0;font-family:VT323,monospace;overflow:hidden}#game{position:fixed;inset:0}#game canvas{touch-action:none}#ui{pointer-events:none;font-size:max(16px, calc(var(--px) * 5));line-height:1;position:fixed;inset:0}#ui .interactive,#ui button,#ui input,#ui select{pointer-events:auto}button{font:inherit;color:var(--bone);background:var(--concrete-dark);border:var(--u) solid var(--void);box-shadow:inset 0 calc(var(--u) * -1) 0 var(--shadow), inset 0 var(--u) 0 var(--concrete);padding:calc(var(--u) * 1) calc(var(--u) * 2.5) calc(var(--u) * 1.5);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}button:hover:not(:disabled){background:var(--concrete);color:#fff}button:active:not(:disabled){box-shadow:inset 0 var(--u) 0 var(--shadow)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--amber-dark);box-shadow:inset 0 calc(var(--u) * -1) 0 var(--rust-dark), inset 0 var(--u) 0 var(--amber)}button.primary:hover:not(:disabled){background:var(--amber);color:var(--void)}button.danger{background:var(--blood);box-shadow:inset 0 calc(var(--u) * -1) 0 var(--void), inset 0 var(--u) 0 var(--blood-bright)}button.active{background:var(--moss);box-shadow:inset 0 var(--u) 0 var(--void);color:#fff}button.small{padding:0 calc(var(--u) * 1.5) calc(var(--u) * .5);font-size:.85em}input[type=range]{accent-color:var(--amber)}select{font:inherit;color:var(--bone);background:var(--ink);border:var(--u) solid var(--concrete-dark)}.panel{pointer-events:auto;border:var(--u) solid var(--void);outline:var(--u) solid var(--concrete-dark);outline-offset:calc(var(--u) * -2);box-shadow:0 0 0 var(--u) var(--shadow), 0 calc(var(--u) * 3) 0 #00000080;padding:calc(var(--u) * 3);background:#0b0d12f0}.panel h2,.panel h3{margin:0 0 calc(var(--u) * 2);color:var(--amber);text-transform:uppercase;letter-spacing:.08em;font-weight:400}.panel h2{font-size:1.35em}.panel h3{color:var(--bone-dark);margin-top:calc(var(--u) * 3);font-size:1.05em}.muted{color:var(--bone-dark)}.dim{color:var(--concrete-light)}.good{color:var(--phosphor-hot)}.bad{color:var(--warning)}.warn{color:var(--amber)}.row{gap:calc(var(--u) * 2);flex-wrap:wrap;align-items:center;display:flex}.col{gap:calc(var(--u) * 1.5);flex-direction:column;display:flex}.spread{justify-content:space-between;align-items:center;gap:calc(var(--u) * 2);display:flex}.close{float:right;margin:calc(var(--u) * -1) calc(var(--u) * -1) 0 calc(var(--u) * 2)}.hud-top{top:calc(var(--u) * 2);gap:calc(var(--u) * 2);padding:calc(var(--u) * 1.5) calc(var(--u) * 3);white-space:nowrap;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.res{gap:calc(var(--u) * .5);min-width:calc(var(--u) * 22);flex-direction:column;display:flex}.res .label{justify-content:space-between;gap:calc(var(--u) * 2);display:flex}.res .rate{font-size:.8em}.bar{height:calc(var(--u) * 1.5);background:var(--void);position:relative;overflow:hidden}.bar>i{background:var(--c,var(--phosphor));position:absolute;inset:0 auto 0 0}.bar.tall{height:calc(var(--u) * 2.5)}.hud-sep{width:var(--u);background:var(--concrete-dark);align-self:stretch}.toolbar{bottom:calc(var(--u) * 2);gap:calc(var(--u) * 1.5);padding:calc(var(--u) * 2);align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.toolbar kbd,.key{color:var(--amber);margin-left:calc(var(--u) * 1);font-family:inherit;font-size:.75em}.tool-hint{bottom:calc(var(--u) * 20);padding:calc(var(--u) * 1.5) calc(var(--u) * 3);color:var(--amber);white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.power-legend{left:calc(var(--u) * 2);bottom:calc(var(--u) * 20);gap:calc(var(--u) * 1);padding:calc(var(--u) * 2) calc(var(--u) * 3);white-space:nowrap;flex-direction:column;display:flex;position:absolute}.power-legend h3{margin:0 0 calc(var(--u) * .5)}.power-legend .swatch{width:calc(var(--u) * 3);height:calc(var(--u) * 3);box-shadow:0 0 0 var(--u) var(--void);display:inline-block}.side{right:calc(var(--u) * 2);top:calc(var(--u) * 20);bottom:calc(var(--u) * 22);width:min(92vw, calc(var(--u) * 100));position:absolute;overflow-y:auto}.center{max-width:96vw;max-height:88vh;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.dim-bg{pointer-events:auto;background:#05060899;position:absolute;inset:0}.toasts{left:calc(var(--u) * 2);bottom:calc(var(--u) * 20);gap:calc(var(--u) * 1);max-width:min(60vw, calc(var(--u) * 110));flex-direction:column;display:flex;position:absolute}.toast{padding:calc(var(--u) * 1.5) calc(var(--u) * 2.5);border-left:calc(var(--u) * 1.5) solid var(--concrete-light);background:#0b0d12eb;animation:.18s steps(3,end) toast-in}.toast.good{border-color:var(--phosphor);color:var(--bone)}.toast.bad{border-color:var(--warning);color:var(--bone)}.toast.combat{border-color:var(--amber);color:var(--bone)}@keyframes toast-in{0%{opacity:0;transform:translate(-20%)}}.card{background:var(--night);border:var(--u) solid var(--void);padding:calc(var(--u) * 2)}.card.selected{outline:var(--u) solid var(--amber)}.card.clickable{cursor:pointer}.card.clickable:hover{background:var(--shadow)}.grid-list{grid-template-columns:repeat(auto-fill, minmax(calc(var(--u) * 48), 1fr));gap:calc(var(--u) * 2);display:grid}.stat-row{grid-template-columns:calc(var(--u) * 16) 1fr calc(var(--u) * 6);gap:calc(var(--u) * 2);align-items:center;display:grid}.check{text-align:center;width:1em;display:inline-block}.tag{padding:0 calc(var(--u) * 1.5);background:var(--shadow);margin:0 calc(var(--u) * 1) calc(var(--u) * 1) 0;display:inline-block}.tag.trauma{background:var(--blood)}.log-entry{padding:calc(var(--u) * .5) 0;border-bottom:var(--u) solid var(--night)}.inv-grid{background-color:var(--ink);background-image:linear-gradient(var(--shadow) var(--u), transparent var(--u)), linear-gradient(90deg, var(--shadow) var(--u), transparent var(--u));background-size:var(--cell) var(--cell);border:var(--u) solid var(--void);box-sizing:content-box;position:relative}.inv-item{cursor:grab;box-shadow:inset 0 0 0 1px var(--rc,var(--concrete-light));background:#1c212bd9;position:absolute;overflow:hidden}.inv-item:hover{background:#454c57e6}.inv-item.selected{box-shadow:inset 0 0 0 2px var(--amber)}.inv-item.dragging{opacity:.25}.inv-item img,.slot img,.icon img{image-rendering:pixelated;pointer-events:none}.inv-item img{position:absolute;top:0;left:0}.inv-item .n{color:var(--bone);text-shadow:1px 1px 0 var(--void);font-size:.8em;position:absolute;bottom:0;right:2px}.inv-item .fallback{text-align:center;color:var(--void);justify-content:center;align-items:center;font-size:.7em;display:flex;position:absolute;inset:2px}.inv-hover{pointer-events:none;box-shadow:inset 0 0 0 2px var(--phosphor-hot);background:#6fae7a59;position:absolute}.inv-hover.bad{box-shadow:inset 0 0 0 2px var(--warning);background:#c0392b4d}.drag-ghost{pointer-events:none;z-index:100;opacity:.85;box-shadow:inset 0 0 0 2px var(--amber);background:#1c212bb3;position:fixed;overflow:hidden}.drag-ghost img{image-rendering:pixelated;position:absolute;top:0;left:0}.slot{width:calc(var(--cell) * 2);height:calc(var(--cell) * 2);background:var(--ink);border:var(--u) solid var(--void);box-shadow:inset 0 0 0 1px var(--shadow);cursor:grab;justify-content:center;align-items:center;display:flex;position:relative}.slot.hover{box-shadow:inset 0 0 0 2px var(--phosphor-hot)}.slot.hover.bad{box-shadow:inset 0 0 0 2px var(--warning)}.slot .slot-label{color:var(--concrete-light);text-transform:uppercase;font-size:.65em;position:absolute;top:1px;left:3px}.slot img{max-width:90%;max-height:90%}.icon{vertical-align:middle;width:1.2em;height:1.2em;margin-right:calc(var(--u) * 1);justify-content:center;align-items:center;display:inline-flex}.icon img{max-width:100%;max-height:100%}.item-detail{min-height:calc(var(--u) * 20)}.combat-top{top:calc(var(--u) * 2);left:calc(var(--u) * 2);right:calc(var(--u) * 2);justify-content:space-between;align-items:flex-start;gap:calc(var(--u) * 2);display:flex;position:absolute}.combat-bottom{bottom:calc(var(--u) * 2);gap:calc(var(--u) * 2);align-items:stretch;display:flex;position:absolute;left:50%;transform:translate(-50%)}.fighter{min-width:calc(var(--u) * 56)}.fighter.down{opacity:.45}.abil{position:relative;overflow:hidden}.abil .cd{pointer-events:none;background:#050608bf;position:absolute;bottom:0;left:0;right:0}.abil.ready{box-shadow:inset 0 calc(var(--u) * -1) 0 var(--amber-dark), inset 0 var(--u) 0 var(--amber)}.hint{color:var(--bone-dark);font-size:.85em}.pulse{animation:.6s steps(2,end) infinite pulse}@keyframes pulse{50%{color:var(--warning)}}