:root{--ash-900:#1f1d24;--ash-800:#2a2730;--ash-700:#36323d;--ash-500:#57515f;--bone:#e9e3d7;--bone-dim:#ada5b5;--brass:#c8a15a;--verdigris:#63b3a2;--erosion:#c9c6cf;--erosion-dim:#8e8896;--wound:#f0605a;--status-knockdown:#9a91d4;--status-mark:#e3c26b;--status-ignite:#ec7b42;--status-bleed:#ec7c82;--font-display:"Hahmlet", serif;--font-body:"IBM Plex Sans KR", system-ui, sans-serif;--font-pixel:"Galmuri11", var(--font-display);--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:21px;--text-2xl:24px;--text-3xl:36px;--text-4xl:48px;--leading-body:1.6;--leading-heading:1.25;--measure:40em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-card:10px;--radius-panel:4px;--radius-bar:2px;--sprite-compact:56px;--sprite-wide:88px;--sprite-card:64px;--sprite-seat:48px;--stage-step:6px;--motion-quick:.12s;--motion-change:.24s;--motion-resonance:.6s}@media (prefers-reduced-motion:reduce){:root{--motion-quick:0s;--motion-change:0s;--motion-resonance:0s}}@font-face{font-family:Galmuri11;font-weight:700;font-display:swap;src:url(data:font/woff2;base64,d09GMgABAAAAAATsAAwAAAAAEwAAAAScAAJnKwAAAAAAAAAAAAAAAAAAAAAAAAAAG4EQHCAGYAA8CptIjSkBNgIkA4EKC0gABCAFgy4HIBvGChGF1AL8LLDbXBpJaNogeMLfmEmYHp47bg1GkwKf8cyspe5K+veNdEppHTdmZJRaYAXYY4QCmWFYaHie/l4796VUgaYRTGg/Lnhr1DSEO57x9RVpdTyr++D7muoaGXZucf3hroCZJ6zdMn5/uBBLR3rD04YHMF2u1ravkZDsIqbeXhTzrg0SLTH9rpbOpheHK1VhLINEWIzJ3O39zV7Sn/Z8VKJopcgHoxCylK6jTISnPkYz4yI3RErUjzeDALfiCJe9ZldhAPxdmHD0eXmqACXLCP68glYYwHXRxSUucZwgfZacKkKVRowaM2eF0DooUVG542jUj8Ulg0+1L1kBcLO2f8qzBnQsv+AVP5h3PvjfJ6OiEo2ornJ2c92srFnzZ5saNWyuMAQQAJ3YOYA1AqVe26coJr/Z07f9SXTx55FYi/vVt7qDgGPT23oAzkAe0RkAAChJhsCqqqG4nmS9yEpDopId2+BRS7ZlVm3N6loxm5paqtbioTyyrC2NtTNTNlHoDY2VgzWztSlbsa1BtI7gt+L6oSEadAYDt4MHi6t459Olw+kaojoOjy4QUBd8u/GTjB25cPKUmn7UvjlgDQkFfqq388BX2g4nqgiirNW2kTwlK8IfHAihRrgbvPgmSBT6iYebhAF5dazScrQmNSRRP30fGHgN6XCGiac3ri7HpDMye6+hm/dTNnUQxTvOkNewoicAj0pMIFuVKWEJdF7Sl9N6lMljKApaQ+GdUVQDxXzQ8NDxSTTd4WiLDcUtEsvcFy4NblD7cqqM1CN844uncWBjJR57LkhZpVNHoTFcnlYy8bWDGGM0BrLF47fDAtNNcNE3FW5GQEW0vYJRxJIQrZ3fdEyuldwb7slFcO0SfqXDgHbV1iT7iqhq0OFmW0EQ7vMZjZWEI8ZJ4dqm+spkW62K9T+lot0/a7aABEB3Lpr9pmjqk1/USUAsd8jSm7l1KQwd7aUCHexMFFsPO3AYu7palIilhK6wS/7hlC59iSiyEh7ckhzmJhvUdkCySzOvDZTXdjPWXko8h3fKlW7TCBYdx9Ck4qx/bXaiVUTDxGocEZFvWjjHP3TTdlXGkSop9jV+fqYhTwrmDRUABnili/SdZ3OxMLtCTUGNKyBwlQzxDuIkAaMRHmcBDQgpFtOygZx1TugtTGPqkXUlMzPSKWY/CirERnA/W+jaxbPtXMNz/lSy0UUQv6d+hSZ5gZW4wH8EKHv99u93uFsk/4q2N8Tnx//lyuP/c97vXAmMNeHfZ4/5sQCJPRCAmNmSsy0ru0wFrd+WNfFc7YbJpFXu+SAPkdINE8AXWIKOpEdsUJzZ/QoIME+nClCA23rmKER7AByDeinBaFlKMniXUvx+K2m5UsYWziXLmL2Cja2bPY1CdYRYCWwQPy+fGFft+X4hSJNEgrRo1g4kGy1l50T1by1XZymKm5iOP7Op4CytnFpEH2xF8jZ0RdSXK1ScLL/anp9bkFdAQk9XU0nChtWlH7fuHWi03WvoRTWrRwIXz7veB+X4hBXOgiSFMo7XBBYwHL9/L6SoZKykqaOrpaRt6I9MAXXVgQEA)format("woff2");unicode-range:U+20-40,U+D7,U+2212}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--ash-900);min-height:100dvh;color:var(--bone);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-body);-webkit-text-size-adjust:100%;word-break:keep-all;overflow-wrap:anywhere;margin:0}h1,h2,h3{font-family:var(--font-display);line-height:var(--leading-heading);margin:0;font-weight:600}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.battle{gap:var(--space-3);max-width:960px;padding:var(--space-3) var(--space-4) var(--space-7);grid-template-columns:minmax(0,1fr);margin:0 auto;display:grid}.battle-header{font-family:var(--font-display);font-size:var(--text-lg);justify-content:space-between;align-items:center;display:flex}.battle-where,.run-track{align-items:center;gap:var(--space-2);display:flex}.run-floor{align-items:center;gap:var(--space-1);display:flex}.run-node{border:1px solid var(--ash-500);width:8px;height:8px;transform:rotate(45deg)}.run-node.is-done{background:var(--brass);border-color:var(--brass)}.run-node.is-here{border-color:var(--brass);box-shadow:0 0 0 2px var(--ash-900), 0 0 0 3px var(--brass)}.run-node.is-boss{border-color:var(--erosion-dim);width:11px;height:11px}.spectator{gap:var(--space-1);display:grid}.spectator h2{font-size:var(--text-lg);margin:0}.spectator p{color:var(--bone-dim);margin:0}.battle-log summary{cursor:pointer;font-size:var(--text-sm);color:var(--bone-dim)}.battle-log ol{margin:var(--space-2) 0 0;font-size:var(--text-sm);font-variant-numeric:tabular-nums;gap:2px;padding:0;list-style:none;display:grid}.log-action{margin-top:var(--space-1);font-weight:600}.log-effect{padding-left:var(--space-4);color:var(--bone-dim)}.log-link{padding-left:var(--space-4);color:var(--verdigris);font-weight:600}.log-outcome{color:var(--bone);font-weight:600}.result{gap:var(--space-3);text-align:left;display:grid}.result h2{font-size:var(--text-3xl)}.run-members{gap:var(--space-1);font-size:var(--text-sm);margin:0;padding:0;list-style:none;display:grid}.run-members li{padding:var(--space-1) 0;border-bottom:1px solid var(--ash-700);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;display:flex}.run-members .is-down{color:var(--bone-dim)}.run-gains{justify-content:space-between;gap:var(--space-2);width:100%;font-size:var(--text-xs);color:var(--bone-dim);display:flex}.start{padding:var(--space-3)}.countdown{align-items:center;gap:var(--space-2);margin:0 var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--bone-dim);flex:1;display:flex}.countdown-text{text-align:right;min-width:3ch}.countdown-bar{background:var(--ash-700);border-radius:var(--radius-bar);flex:1;height:4px;overflow:hidden}.countdown-bar>div{background:var(--brass);height:100%;transition:width var(--motion-change) linear}.countdown.is-urgent{color:var(--bone);font-weight:700;font-size:var(--text-md)}@media (prefers-reduced-motion:reduce){.countdown-bar>div{transition:none}}.battle-header .button-quiet{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.order-bar{scrollbar-width:none;gap:2px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.order-slot{border:0;border-bottom:2px solid var(--brass);border-radius:var(--radius-panel) var(--radius-panel) 0 0;width:44px;color:var(--bone-dim);font-size:var(--text-xs);cursor:pointer;background:0 0;justify-items:center;gap:2px;padding:2px 0;font-weight:400;display:grid}.order-slot.order-enemy{border-bottom-color:var(--erosion-dim);color:var(--erosion)}.order-slot.is-me .order-what{color:var(--brass)}.order-slot.is-guard .order-what{color:var(--verdigris)}.order-slot.is-open{opacity:.45;border-bottom-style:dashed}.order-slot.is-lit,.order-slot:hover{background:var(--ash-800)}.order-slot:focus-visible{outline:1px solid var(--bone);outline-offset:-1px}.order-face{--sprite:28px;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:relative}.order-locked{color:var(--brass);font-size:10px;line-height:1;position:absolute;top:-3px;right:-5px}.order-slot.is-link .order-face{outline:1px solid var(--verdigris);outline-offset:1px;border-radius:var(--radius-bar)}.order-face .sheet{animation:none}.order-what{text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.3;overflow:hidden}.playback-bar{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--bone-dim);display:flex}.playback-bar span{margin-right:auto}.playback-bar .button-quiet{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.playback-bar .button-quiet[aria-pressed=true]{border-color:var(--brass);color:var(--brass)}.link-note{font-size:var(--text-sm);color:var(--verdigris);margin:0}.hand-area{z-index:5;gap:var(--space-1);padding-bottom:var(--space-2);background:var(--ash-900);box-shadow:0 0 0 100vmax var(--ash-900);clip-path:inset(0 -100vmax);border-top:1px solid var(--ash-700);grid-template-columns:minmax(0,1fr);display:grid;position:sticky;bottom:0}.hand-bar{align-items:center;gap:var(--space-2);min-height:44px;display:flex}.energy-orb{border:2px solid var(--brass);background:var(--ash-800);width:40px;height:40px;color:var(--bone);font-family:var(--font-pixel);font-weight:700;font-size:var(--text-xl);border-radius:50%;flex:none;place-items:center;line-height:1;display:grid}.energy-orb.is-empty{border-color:var(--ash-500);color:var(--bone-dim)}.hand-status{min-width:0;font-size:var(--text-sm);color:var(--bone-dim);flex:1;margin:0;line-height:1.3}.plan{gap:var(--space-1);scrollbar-width:none;flex:1;min-width:0;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.plan li{flex:none}.plan-chip{padding:2px var(--space-2);background:var(--ash-800);color:var(--bone);border:1px solid var(--ash-500);border-radius:var(--radius-panel);font-size:var(--text-xs);white-space:nowrap;font-weight:400;display:inline-block}.plan-target{color:var(--bone-dim)}.hand{--card-w:96px;padding:var(--space-4) var(--space-4) var(--space-1);overflow-clip-margin:var(--space-4);justify-content:center;display:flex;overflow-x:clip}.card{gap:var(--space-1);width:var(--card-w);min-height:118px;padding:var(--space-3) var(--space-2) var(--space-2);background:var(--ash-800);color:var(--bone);border:1px solid var(--ash-500);border-radius:var(--radius-card);text-align:left;transform:translateY(var(--drop)) rotate(var(--rotate));transform-origin:50% 100%;transition:transform var(--motion-quick), border-color var(--motion-quick);flex:none;grid-template-rows:auto 1fr auto;font-weight:400;display:grid;position:relative}.card:not(:first-child){margin-left:min(var(--space-2), calc((100% - var(--n) * var(--card-w)) / (var(--n) - 1)))}.card:focus-visible,.card.is-selected{z-index:1;transform:translateY(calc(var(--space-4) * -1)) scale(1.1)}@media (hover:hover){.card:hover{z-index:1;transform:translateY(calc(var(--space-4) * -1)) scale(1.1)}}.card.is-selected{background:var(--ash-700);border-color:var(--brass)}.card:disabled{background:var(--ash-900);color:var(--bone-dim);cursor:not-allowed}.card-cost{top:calc(var(--space-2) * -1);left:calc(var(--space-1) * -1);background:var(--brass);width:26px;height:26px;color:var(--ash-900);font-family:var(--font-pixel);font-weight:700;font-size:var(--text-sm);border-radius:50%;place-items:center;line-height:1;display:grid;position:absolute}.card:disabled .card-cost{background:var(--ash-500);color:var(--bone)}.card-name{padding-left:var(--space-4);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600}.card-effects{font-size:var(--text-xs);align-content:start;gap:2px;line-height:1.4;display:grid}.card-notes{font-size:var(--text-xs);color:var(--bone-dim);line-height:1.4}.card-why{padding:0 var(--space-1);font-size:var(--text-xs);color:var(--bone);background:var(--ash-700);border-radius:var(--radius-bar);justify-self:start}.card-ping{font-size:var(--text-xs);color:var(--verdigris);justify-self:start}.card-key{top:var(--space-1);right:var(--space-2);font-family:var(--font-pixel);font-size:var(--text-xs);color:var(--bone-dim);position:absolute}.shortcuts{font-size:var(--text-xs);color:var(--bone-dim);margin:0;display:none}@media (hover:hover) and (pointer:fine){.shortcuts{display:block}}@media not ((hover:hover) and (pointer:fine)){.card-key{display:none}}.card-ghost{z-index:10;pointer-events:none;padding:var(--space-1) var(--space-3);background:var(--ash-700);border:1px solid var(--brass);border-radius:var(--radius-card);font-family:var(--font-display);font-size:var(--text-sm);position:fixed;transform:translate(-50%,-130%)}.lock-in{min-width:88px;padding:var(--space-2) var(--space-4);font-size:var(--text-md);flex:none}@media (width>=640px){.hand{--card-w:124px}.card{min-height:172px}.card-name{font-size:var(--text-md)}.card-effects{font-size:var(--text-sm)}}@media (prefers-reduced-motion:reduce){.card{transition:none}}.sprite{width:var(--sprite);height:var(--sprite)}.sprite-enemy{transform:scaleX(-1)}.sprite-ally .sprite-body{fill:var(--bone-dim)}.sprite-ally .sprite-accent{fill:var(--brass)}.sprite-enemy .sprite-body{fill:var(--erosion-dim)}.sprite-enemy .sprite-accent{fill:var(--erosion)}.sprite-sheet{justify-content:center;align-items:flex-end;display:flex}.sprite.sprite-sheet{height:auto;min-height:var(--sprite)}.sprite-sheet .sheet{image-rendering:pixelated;animation:sheet-frames var(--sheet-duration) steps(var(--sheet-steps)) infinite;background-repeat:no-repeat;flex:none}.sheet-crop{flex:none;display:block;overflow:hidden}.sheet-crop .sheet{display:block}.sprite-enemy .sheet{filter:grayscale()}@keyframes sheet-frames{to{background-position-x:var(--sheet-end)}}@media (prefers-reduced-motion:reduce){.sprite-sheet .sheet{animation:none}}.deck-button{align-items:baseline;gap:var(--space-2);display:inline-flex}.deck-gold{font-family:var(--font-pixel);font-size:var(--text-xs);color:var(--bone-dim)}.header-actions{align-items:center;gap:var(--space-2);display:flex}.deck-dialog{width:min(640px, calc(100vw - 2 * var(--space-4)));max-height:calc(100dvh - 2 * var(--space-6));padding:var(--space-4);background:var(--ash-900);color:var(--bone);border:1px solid var(--ash-500);border-radius:var(--radius-panel);font-family:var(--font-body)}.deck-dialog::backdrop{background:color-mix(in srgb, var(--ash-900) 80%, transparent)}.deck-head{align-items:baseline;gap:var(--space-3);display:flex}.deck-head h2{font-family:var(--font-display);font-size:var(--text-xl);margin:0}.deck-head .button-quiet{margin-left:auto}.deck-dialog .form-help{margin:var(--space-1) 0 var(--space-3)}.deck-list{gap:var(--space-4) var(--space-3);padding:var(--space-2) 0 0 var(--space-1);grid-template-columns:repeat(auto-fill,minmax(112px,1fr));margin:0;list-style:none;display:grid}.card.deck-card{width:auto;margin:0;transform:none}.deck-count{top:var(--space-1);right:var(--space-2);font-family:var(--font-pixel);font-size:var(--text-sm);color:var(--brass);position:absolute}.stage{--sprite:var(--sprite-compact);--sprite-max:84px;gap:var(--space-1);padding:var(--space-3) var(--space-1) 0;--backdrop-scale:3;background:var(--ash-900) url(data:image/png;base64,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) no-repeat center bottom / calc(192px * var(--backdrop-scale)) auto;image-rendering:pixelated;border-radius:var(--radius-panel);grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);display:grid;position:relative;overflow-x:clip}.stage .erosion-line{background:linear-gradient(180deg, transparent, var(--ash-500) 30%, var(--ash-500) 85%, transparent);width:1px}.side{align-items:end;gap:var(--space-1);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.rank{justify-items:center;gap:var(--space-1);grid-template-columns:minmax(0,1fr);display:grid}.rank-units{gap:var(--space-2);grid-template-columns:minmax(0,1fr);width:100%;display:grid}.rank.is-crowded .rank-units{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:0}.rank.is-crowded .unit{padding:var(--space-1) 0}.rank.is-crowded .unit:nth-child(2n){transform:translateY(var(--space-5))}.rank.is-crowded .unit-ai{display:none}.rank.is-crowded .rank-units{padding-bottom:var(--space-5)}.rank-back.is-crowded .rank-units{padding-bottom:calc(var(--space-5) * 2)}.rank-back .rank-units{padding-bottom:var(--space-5)}.rank-back .sprite{width:calc(var(--sprite) * .82);opacity:.8}.rank-back .sprite:not(.sprite-sheet){height:calc(var(--sprite) * .82)}.rank-label{width:100%;padding:var(--space-1) 0;border-top:1px solid var(--ash-500);font-size:var(--text-xs);color:var(--bone-dim);text-align:center}.unit{width:100%;min-width:0;padding:var(--space-1);color:var(--bone);border-radius:var(--radius-panel);text-align:center;cursor:pointer;background:0 0;border:1px solid #0000;justify-items:center;gap:2px;font-weight:400;display:grid}.unit-enemy{color:var(--erosion)}.unit.is-inspected{background:var(--ash-800);border-color:var(--ash-500)}.unit.is-lit{background:var(--ash-800);border-color:var(--brass)}.unit-enemy.is-lit{border-color:var(--erosion)}.unit.is-targetable{border-style:dashed;border-color:var(--brass)}.unit:disabled{color:inherit;opacity:.4;cursor:default;background:0 0}.unit.is-down .sprite{opacity:.35}.unit-badge:empty{display:none}.unit-badge{min-height:1.4em;font-size:var(--text-xs);color:var(--erosion);font-variant-numeric:tabular-nums}.unit.is-me .sprite-body{fill:var(--bone)}.unit-name{word-break:keep-all;max-width:100%;line-height:1.2;font-size:var(--text-xs);font-weight:600;overflow:hidden}.unit.is-me .unit-name{color:var(--brass)}.unit-hp{align-items:center;gap:var(--space-1);width:100%;max-width:120px;display:flex}.unit-hp .hp-bar{flex:1}.unit-hp .hp-text{flex:none;line-height:1.2}.hp-bar{background:var(--ash-900);border-radius:var(--radius-bar);height:4px;display:block;position:relative;overflow:hidden}.hp-bar>span{height:100%;transition:width var(--motion-change);display:block}.hp-ally>span{background:var(--brass)}.hp-enemy>span{background:var(--erosion-dim)}.hp-bar>.hp-loss{background:var(--wound);position:absolute;top:0}.threat{font-family:var(--font-pixel);font-size:var(--text-sm);color:var(--wound);line-height:1}.threat.is-covered{color:var(--erosion-dim)}.threat.is-lethal{padding:1px var(--space-1);border:1px solid var(--wound);border-radius:var(--radius-bar)}.hp-text{font-size:var(--text-xs);font-variant-numeric:tabular-nums}.unit-meta{flex-wrap:wrap;justify-content:center;gap:2px;display:flex}.chip{animation:chip-in var(--motion-change) ease-out;font-size:var(--text-xs);border-radius:var(--radius-bar);font-variant-numeric:tabular-nums;border:1px solid;padding:0 3px;line-height:1.4}.status-icon{vertical-align:-.2em;width:1.1em;height:1.1em}.chip-block,.detail-block{color:var(--verdigris)}.status-knockdown{color:var(--status-knockdown)}.status-mark{color:var(--status-mark)}.status-ignite{color:var(--status-ignite)}.status-bleed{color:var(--status-bleed)}.status-regen,.status-charge{color:var(--verdigris)}.unit-detail{align-items:start;gap:var(--space-1) var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.unit-detail h2{font-size:var(--text-lg);margin:0}.unit-detail-enemy h2{color:var(--erosion)}.unit-detail ul{gap:var(--space-1) var(--space-3);font-size:var(--text-sm);flex-wrap:wrap;grid-column:1/-1;margin:0;padding:0;list-style:none;display:flex}.unit-detail .button-quiet{padding:0 var(--space-2);font-size:var(--text-sm);grid-area:1/2}.plan-arrows{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.plan-arrows path{fill:none;stroke:var(--brass);stroke-width:2px;stroke-dasharray:5 4;opacity:.85}.plan-arrows marker path{fill:var(--brass);stroke:none;opacity:1}.unit-plan{flex-wrap:wrap;justify-content:center;gap:2px;min-height:1.5em;display:flex}.mini-card{font-size:var(--text-xs);color:var(--bone);background:var(--ash-700);border:1px solid var(--brass);border-radius:var(--radius-bar);white-space:nowrap;padding:0 3px;line-height:1.5}.mini-count{display:none}@media (width<=639px){.unit-plan{display:none}}.mini-done{font-size:var(--text-xs);color:var(--brass)}.ally-cards{gap:var(--space-1);grid-column:1/-1;display:grid}.ally-cards h3{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--bone-dim)}.ally-cards ul{gap:var(--space-1);font-size:var(--text-sm);margin:0;padding:0;list-style:none;display:grid}.ally-hand li{align-items:center;gap:var(--space-2);display:flex}.ally-hand li>span:first-child{flex:1}.ally-hand small{color:var(--brass)}.ping-mark{font-size:var(--text-xs);color:var(--verdigris)}.ping-button{padding:0 var(--space-3);border-color:var(--verdigris);min-height:32px;color:var(--verdigris)}@media (width>=640px){.stage{--sprite:var(--sprite-wide);--sprite-max:none;--backdrop-scale:5;padding:var(--space-5) var(--space-4) 0;gap:var(--space-3)}.side,.rank-units{gap:var(--space-3)}.unit-name,.unit-badge{font-size:var(--text-sm)}.threat{font-size:var(--text-md)}}.unit{position:relative}.side-ally .unit.is-acting .sprite{transform:translateX(var(--stage-step))}.side-enemy .unit.is-acting .sprite{transform:translateX(calc(var(--stage-step) * -1))}.unit .sprite{transition:transform var(--motion-quick)}.unit.is-hit .sprite{animation:hit-flash var(--motion-change) steps(2) 2, hit-shake var(--motion-change) steps(4)}@keyframes hit-flash{50%{filter:brightness(2.2)}}@keyframes hit-shake{25%{translate:-3px}75%{translate:3px}}.floaters{pointer-events:none;justify-items:center;display:grid;position:absolute;inset:34% 0 auto}.floater{font-family:var(--font-pixel);font-size:var(--text-lg);color:var(--bone);text-shadow:0 1px 0 var(--ash-900), 1px 0 0 var(--ash-900), -1px 0 0 var(--ash-900), 0 -1px 0 var(--ash-900);animation:float-up var(--motion-resonance) ease-out both;font-weight:700;line-height:1}.floater-block,.floater-blocked{color:var(--verdigris)}@keyframes float-up{0%{opacity:0;transform:translateY(8px)}20%{opacity:1}to{opacity:.9;transform:translateY(-14px)}}.fly-card{z-index:2;padding:2px var(--space-2);background:var(--ash-700);border:1px solid var(--brass);border-radius:var(--radius-bar);font-family:var(--font-display);font-size:var(--text-sm);color:var(--bone);white-space:nowrap;pointer-events:none;animation:fly var(--motion-change) ease-in both;font-weight:600;position:absolute;top:0;left:0}@keyframes fly{0%{transform:translate(calc(var(--from-x) - 50%), calc(var(--from-y) - 50%)) scale(.9);opacity:0}15%{opacity:1}to{transform:translate(calc(var(--to-x) - 50%), calc(var(--to-y) - 50%));opacity:0}}.unit.is-resonating{border-color:var(--verdigris);animation:resonance var(--motion-resonance) ease-out}@keyframes resonance{0%{box-shadow:0 0 0 0 var(--verdigris)}to{box-shadow:0 0 0 10px #0000}}.unit.is-linked{border-color:var(--verdigris)}.link-banner{left:50%;top:var(--space-2);z-index:3;padding:var(--space-1) var(--space-3);background:var(--ash-900);border:1px solid var(--verdigris);border-radius:var(--radius-panel);color:var(--verdigris);font-family:var(--font-display);animation:float-up var(--motion-resonance) ease-out both reverse;font-weight:700;position:absolute;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.hp-bar>span,.unit .sprite{transition:none}.floater,.fly-card,.link-banner,.unit.is-hit .sprite,.unit.is-resonating{animation:none}}@keyframes chip-in{0%{opacity:0;transform:scale(1.6)}}.reward{gap:var(--space-4);max-width:960px;padding:var(--space-3) var(--space-4) var(--space-7);grid-template-columns:minmax(0,1fr);margin:0 auto;display:grid}.reward-intro h1{font-family:var(--font-display);font-size:var(--text-3xl);line-height:var(--leading-heading);margin:0}.reward-intro p{margin:var(--space-1) 0 0;max-width:var(--measure);font-size:var(--text-sm);color:var(--bone-dim)}.reward-cards{--card-w:184px;justify-content:center;gap:var(--space-5) var(--space-4);padding:var(--space-4) 0 0;flex-wrap:wrap;margin:0;list-style:none;display:flex}@media (width<=520px){.reward-cards{--card-w:calc((100vw - 2 * var(--space-4) - 2 * var(--space-2)) / 3);gap:var(--space-4) var(--space-2)}}.card.reward-card{cursor:pointer;min-height:200px;margin:0}.reward-card .card-name{font-size:var(--text-md)}.reward-card .card-effects,.reward-card .card-notes{font-size:var(--text-sm)}@media (width<=520px){.reward-card .card-name{font-size:var(--text-sm)}.reward-card .card-effects,.reward-card .card-notes{font-size:var(--text-xs)}}.reward-card:hover,.reward-card:focus-visible{border-color:var(--brass)}.reward-skip{justify-self:center}.reward-picked{padding:var(--space-4);font-family:var(--font-display);font-size:var(--text-lg);text-align:center;background:var(--ash-800);border-radius:var(--radius-panel);margin:0}.reward-party{gap:var(--space-2) var(--space-5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.reward-party li{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.reward-member{display:grid}.reward-state{font-size:var(--text-xs);color:var(--bone-dim)}.reward-party li.is-done .reward-state{color:var(--verdigris)}.title-screen{align-content:center;gap:var(--space-5);min-height:100dvh;padding:var(--space-7) var(--space-4);max-width:var(--measure);grid-template-columns:minmax(0,1fr);margin:0 auto;display:grid}.title-screen h1{font-size:var(--text-4xl);letter-spacing:.02em;background:linear-gradient(90deg, var(--bone) 20%, var(--erosion-dim) 95%);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700}.lede{color:var(--bone-dim);margin:0}.title-screen .bell{color:var(--verdigris)}@media (width>=960px){.title-screen{padding-inline:var(--space-6)}.title-screen h1{font-size:calc(var(--text-4xl) * 1.5)}}.enter-form{gap:var(--space-2);grid-template-columns:minmax(0,1fr);display:grid}.enter-form label{font-weight:500}.enter-row{gap:var(--space-2);display:flex}.enter-row input{min-width:0;padding:var(--space-2) var(--space-3);background:var(--ash-800);border:1px solid var(--ash-500);border-radius:var(--radius-panel);flex:1}.enter-row input[aria-invalid=true]{border-color:var(--status-bleed)}button{padding:var(--space-2) var(--space-4);background:var(--brass);color:var(--ash-900);border-radius:var(--radius-panel);cursor:pointer;transition:background-color var(--motion-quick);border:0;font-weight:600}button:disabled{background:var(--ash-700);color:var(--bone-dim);cursor:not-allowed}.form-help{font-size:var(--text-sm);color:var(--bone-dim);margin:0}.form-error{font-size:var(--text-sm);color:var(--status-bleed);margin:0}.connection-banner{z-index:1;padding:var(--space-2) var(--space-4);background:var(--ash-700);border-bottom:1px solid var(--brass);color:var(--bone);font-size:var(--text-sm);text-align:center;margin:0;position:sticky;top:0}.credits{margin-top:var(--space-6);font-size:var(--text-xs);color:var(--bone-dim);line-height:1.5}.credits summary{cursor:pointer;width:fit-content}.credits ul{gap:var(--space-1);margin:var(--space-2) 0 0;padding:0;list-style:none;display:grid}.credits a{color:var(--bone-dim)}.screen{gap:var(--space-5);max-width:var(--measure);padding:var(--space-5) var(--space-4) var(--space-7);grid-template-columns:minmax(0,1fr);margin:0 auto;display:grid}.screen-header{gap:var(--space-1);display:grid}.screen-header h1{font-size:var(--text-2xl)}.section-title{font-size:var(--text-xl);margin-bottom:var(--space-2)}.panel{background:var(--ash-800);border:1px solid var(--ash-500);border-radius:var(--radius-panel);padding:var(--space-3)}.stack{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.choice-group{gap:var(--space-2);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.choice-group legend{margin-bottom:var(--space-2);padding:0;font-weight:500}.choice{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--ash-500);border-radius:var(--radius-panel);cursor:pointer;display:inline-flex}.choice:has(input:checked){border-color:var(--brass);background:var(--ash-700)}.choice input,.toggle input{accent-color:var(--brass)}.toggle{gap:var(--space-3);cursor:pointer;align-items:flex-start;display:flex}.toggle span{display:grid}.toggle small{color:var(--bone-dim);font-size:var(--text-sm)}.invite{gap:var(--space-2);grid-template-columns:minmax(0,1fr);display:grid}.invite h2{font-size:var(--text-md);font-family:var(--font-body);color:var(--bone-dim);font-weight:500}.invite-code{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:.12em;color:var(--brass);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.invite-row{gap:var(--space-2);display:flex}.invite-row input{min-width:0;padding:var(--space-2) var(--space-3);background:var(--ash-900);border:1px solid var(--ash-500);border-radius:var(--radius-panel);color:var(--bone-dim);font-size:var(--text-sm);flex:1}.seats{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.seat{align-items:center;gap:var(--space-2);min-height:48px;padding:var(--space-2) var(--space-3);background:var(--ash-800);border:1px solid var(--ash-500);border-radius:var(--radius-panel);display:flex}.seat-me{border-color:var(--brass)}.seat-empty{color:var(--bone-dim);background:0 0;border-style:dashed}.seat-name{font-weight:600}.seat-tag{font-size:var(--text-xs);color:var(--bone-dim);border:1px solid var(--ash-500);border-radius:var(--radius-bar);padding:0 var(--space-1)}.button-quiet{color:var(--bone-dim);border:1px solid var(--ash-500);background:0 0;justify-self:start}.seat{flex-wrap:wrap}.seat-detail{font-size:var(--text-sm);color:var(--bone-dim);flex-basis:100%;order:3}.seat-ready{font-size:var(--text-sm);color:var(--bone-dim);margin-left:auto}.seat-ready.is-ready{color:var(--verdigris)}.seat-companion{border-style:dotted}.seat-remove{min-height:32px;padding:0 var(--space-3);font-size:var(--text-sm);color:var(--bone-dim);border:1px solid var(--ash-500);background:0 0}.seat-add{align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:1;display:flex}.seat-empty-label{margin-right:auto}.seat-add select{min-height:36px;padding:0 var(--space-2);background:var(--ash-900);color:var(--bone);border:1px solid var(--ash-500);border-radius:var(--radius-panel)}.class-grid{gap:var(--space-2);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=640px){.class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.class-card{column-gap:var(--space-3);row-gap:var(--space-1);text-align:left;padding:var(--space-3);background:var(--ash-800);color:var(--bone);border:1px solid var(--ash-500);border-radius:var(--radius-card);grid-template-columns:auto minmax(0,1fr);font-weight:400;display:grid}.class-card.is-selected{border-color:var(--brass);background:var(--ash-700)}.class-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600}.class-role,.class-stats{font-size:var(--text-sm);color:var(--bone-dim)}.class-stats{font-variant-numeric:tabular-nums}.class-summary,.class-cards{font-size:var(--text-sm)}.class-cards{color:var(--brass)}.start-ready{color:var(--verdigris)}.class-card>:not(.class-art){grid-column:2}.class-art{--sprite:var(--sprite-card);grid-area:1/1/span 5;justify-content:center;align-self:center;width:4.5rem;display:flex}.seat.has-art{grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.seat-body{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.seat-art{--sprite:var(--sprite-seat);justify-content:center;align-items:flex-end;width:4rem;display:flex}.vote{gap:var(--space-4);max-width:960px;padding:var(--space-3) var(--space-4) var(--space-7);grid-template-columns:minmax(0,1fr);margin:0 auto;display:grid}.vote-intro h1{font-family:var(--font-display);font-size:var(--text-3xl);line-height:var(--leading-heading);margin:0}.vote-intro p{margin:var(--space-1) 0 0;max-width:var(--measure);font-size:var(--text-sm);color:var(--bone-dim)}.vote-party{gap:var(--space-2) var(--space-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0;padding:0;list-style:none;display:grid}.vote-party li{align-items:center;gap:var(--space-2);min-width:0;display:flex}.vote-party li.is-down{opacity:.55}.vote-member{align-items:center;gap:2px var(--space-2);flex:1;grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.vote-name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);grid-column:1/-1;font-weight:600;overflow:hidden}.vote-face{--sprite:28px;background:var(--ash-800);border-radius:var(--radius-panel);flex:none;place-items:center;width:28px;height:28px;display:grid;position:relative;overflow:hidden}.vote-face .sheet{animation:none}.vote-face.is-me{outline:1px solid var(--brass)}.doors{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.door{align-items:center;gap:var(--space-1) var(--space-3);width:100%;min-height:92px;padding:var(--space-2) var(--space-3);background:var(--ash-900);color:var(--bone);border:1px solid var(--ash-700);border-radius:var(--radius-panel);text-align:left;cursor:pointer;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"arch text""arch voters";font-weight:400;display:grid}.door:hover{border-color:var(--ash-500)}.door.is-mine{border-color:var(--brass);background:var(--ash-800)}.door-arch{background:linear-gradient(180deg, var(--ash-800), var(--ash-900) 85%);border:2px solid var(--ash-500);width:60px;height:76px;box-shadow:inset 0 -6px 10px -6px var(--ash-900);border-bottom-width:0;border-radius:30px 30px 0 0;grid-area:arch;place-items:center;display:grid}.door.is-mine .door-arch{border-color:var(--brass)}.door-icon{width:34px;height:34px;fill:var(--erosion-dim)}.door-battle .door-icon,.door-boss .door-icon{fill:var(--bone)}.door-elite .door-icon{fill:var(--wound)}.door-rest .door-icon{fill:var(--status-ignite)}.door-shop .door-icon{fill:var(--brass)}.door-text{grid-area:text;align-self:end;gap:2px;display:grid}.door-name{font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--leading-heading)}.door-note{font-size:var(--text-xs);color:var(--bone-dim);line-height:1.4}.door-voters{gap:var(--space-1);flex-wrap:wrap;grid-area:voters;align-self:start;min-height:28px;display:flex}.vote-waiting{margin:0}@media (width>=640px){.doors{grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-flow:column}.door{justify-items:center;gap:var(--space-3);min-height:320px;padding:var(--space-5) var(--space-4);text-align:center;grid-template-columns:minmax(0,1fr);grid-template-areas:"arch""text""voters"}.door-arch{border-radius:60px 60px 0 0;width:120px;height:150px}.door-icon{width:64px;height:64px}.door-text{align-self:start}.door-voters{justify-content:center}}@media (prefers-reduced-motion:no-preference){.door{transition:border-color var(--motion-quick), background var(--motion-quick)}}