.battle-dialog{box-sizing:border-box;width:min(680px,calc(100vw - 16px));height:min(660px,calc(100dvh - 16px));max-width:none;max-height:none;margin:auto;padding:18px;border:1px solid #ba8f45;border-radius:10px;background:radial-gradient(ellipse at 50% 32%,#34302b 0,#171719 68%);color:#f4eddb;overflow:hidden;font-family:'DM Sans',Arial,sans-serif;box-shadow:0 25px 90px #000d}
.battle-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) 40px 62px 42px;gap:10px}.battle-dialog::backdrop{background:#08070bee;backdrop-filter:blur(6px)}.battle-dialog:has(.fight-choice-content){grid-template-rows:auto minmax(0,1fr) 36px 42px}.battle-dialog .fight-heading{display:block;text-align:center;border:0;padding:0;margin:0}.fight-heading>span{font-size:12px;color:#dabb82;letter-spacing:2px}.fight-heading h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:32px;line-height:1.05;text-transform:uppercase;letter-spacing:1px;margin:4px 0 0}.fight-choice-content{display:grid;grid-template-rows:minmax(0,1fr) 40px 36px;gap:10px;min-height:0}.fight-arena{display:grid;grid-template-columns:1fr 1fr;gap:28px;position:relative;min-height:0}.fight-fighter{display:grid;grid-template-rows:32px minmax(0,1fr) 38px 24px 80px;gap:5px;min-width:0;min-height:0;text-align:center}.fight-health{font-size:12px;color:#ded7c9;line-height:1.2}.fight-health>span{display:block;margin-bottom:5px}.fight-health>div{height:7px;border-radius:4px;background:#572e32;overflow:hidden}.fight-health i{height:100%;display:block;background:#83c6ac;transition:width .7s cubic-bezier(.2,.8,.2,1)}.fight-health.critical i{background:#f18565}.fight-health b{color:#fff;font-size:14px}.fight-portrait{display:flex;align-items:center;justify-content:center;min-height:0;position:relative;isolation:isolate}.fight-portrait>img{display:block;width:100%;height:100%;max-height:220px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 12px 12px #0008);transform-origin:50% 90%}.fight-fighter h3{margin:0;font-size:16px;line-height:1.15;align-self:center;overflow-wrap:anywhere}.fight-meta{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;color:#cfb47c}.fight-meta b{font-size:14px;color:#f5d890}.fight-kit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;align-items:start}.fight-prop{display:grid;grid-template-rows:32px 16px 28px;gap:1px;align-items:center;justify-items:center;min-width:0;transition:filter .3s,opacity .3s,transform .3s}.fight-prop>span{height:32px;width:36px}.fight-prop img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.fight-prop b{font-size:12px;color:#f6c665;white-space:nowrap}.fight-prop small{font-size:12px;line-height:1.1;color:#d0c6b3;overflow-wrap:anywhere;align-self:start}.fight-prop.waiting{filter:grayscale(1);opacity:.25;transform:scale(.85)}.fight-unarmed{grid-column:1/-1;font-size:12px;color:#aca69c;align-self:center}.fight-vs{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font-family:Impact,sans-serif;font-style:italic;color:#e2b866;font-size:26px;text-shadow:0 2px 8px #000}.fight-odds{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:3px 8px}.fight-odds>span{font-size:24px;font-weight:800;color:#d5eded}.fight-odds>span:nth-of-type(2){text-align:right;color:#f3b4a8}.fight-odds small{font-size:12px;letter-spacing:1px}.fight-odds>div{grid-column:1/-1;background:#c47363;height:5px;border-radius:6px;overflow:hidden}.fight-odds i{height:100%;display:block;background:#82c0c2;transition:width .35s}.fight-choice-hint{font-size:12px;text-align:center;margin:0;line-height:1.4;color:#bcb5a8}.fight-pagination{display:grid;grid-template-columns:48px 1fr 48px;align-items:stretch;gap:10px}.fight-pagination .quiet{padding:0;font-size:24px}.fight-pagination span{align-self:center;text-align:center;font-size:12px;letter-spacing:1px}.fight-confirm,.fight-skip{width:100%;min-height:40px;margin:0!important;padding:8px!important;font-size:14px!important}.fight-story{display:grid;align-content:center;justify-items:center;text-align:center;gap:4px;min-height:0}.fight-story strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:24px;line-height:1.05;color:#f6cd76;max-width:100%;overflow-wrap:anywhere}.fight-story>span{font-size:12px;line-height:1.3;color:#d2c9ba;max-width:100%}.fight-hit-number{position:absolute;left:50%;top:35%;transform:translate(-50%,-50%);font-family:Impact,sans-serif;font-size:30px;color:#ffd19a;text-shadow:2px 3px 0 #481910;z-index:2;white-space:nowrap;pointer-events:none}.fight-fighter.lunging .fight-portrait>img{animation:fight-lunge .4s ease-in-out}.fight-fighter.guarding .fight-portrait>img{transform:translateX(calc(var(--direction)*-10px)) rotate(calc(var(--direction)*-6deg))}.fight-fighter.hit .fight-portrait>img{animation:fight-recoil .6s ease-out;filter:brightness(1.6) drop-shadow(0 0 16px #c73d24)}.battle-dialog.impact{animation:fight-shake .25s ease-out}.fight-fighter.victor .fight-portrait>img{filter:drop-shadow(0 0 12px #edb74a)}.fight-fighter.defeated .fight-portrait>img{filter:grayscale(.7);opacity:.7}.fight-fighter.eliminated .fight-portrait>img{animation:fight-fall .7s ease-in forwards}.super-reveal .fight-portrait{animation:super-reveal .7s ease-out}.battle-details{padding:14px;border:1px solid #8c6d34;background:#302719;margin:14px 0}.battle-details p{font-size:14px;line-height:1.5}.battle-details .fight-health{margin-top:12px}.battle-meter{position:absolute;top:4px;left:4px;background:#161719d9;border:1px solid #62563c;color:#f9d377;border-radius:3px;padding:2px 3px;font-size:12px;line-height:1}.battle-meter.is-super{background:#f5c44e;color:#201b11;font-weight:900}.cell.super-character{border-color:#ffcf58;box-shadow:inset 0 0 10px #d8a53633}.cell .health-strip{position:absolute;bottom:2px;left:5px;right:5px;height:5px;border-radius:3px;background:#512b2e;overflow:hidden}.health-strip>i{display:block;height:100%;background:#8bc9aa}.health-strip.critical>i{background:#ee7359}.cell:has(.health-strip) .life-meter{bottom:10px}.battle-knocked-out{opacity:.5;filter:grayscale(.7)}.super-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.super-card{background:#28251f;border:1px solid #896b33;border-radius:6px;color:inherit;display:grid;gap:10px;padding:12px;justify-items:center}.super-card>span{height:120px;display:grid;place-items:center}.super-card img{height:100%;width:100%;object-fit:contain;image-rendering:pixelated}.super-card strong{font-size:14px}.super-card small{font-size:12px;color:#d8c398}.super-card.locked{opacity:.6;background:#202023;border-color:#444;cursor:default}
@keyframes fight-lunge{45%{transform:translateX(calc(var(--direction)*35px)) scale(1.16) rotate(calc(var(--direction)*5deg))}100%{transform:none}}@keyframes fight-recoil{20%{transform:translateX(calc(var(--direction)*-18px)) rotate(calc(var(--direction)*-12deg))}100%{transform:none}}@keyframes fight-shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes fight-fall{to{transform:translateY(30px) rotate(calc(var(--direction)*-20deg));opacity:.12;filter:grayscale(1)}}@keyframes super-reveal{0%{filter:brightness(3)}100%{filter:brightness(1)}}
@media(max-width:600px){.battle-dialog{padding:12px}.battle-dialog[open]{gap:8px}.fight-arena{gap:22px}.fight-fighter{grid-template-rows:30px minmax(0,1fr) 36px 22px 78px;gap:4px}.fight-heading h2{font-size:28px}.fight-heading>span{letter-spacing:1px}.fight-vs{font-size:22px}.fight-fighter h3{font-size:14px}.fight-story strong{font-size:21px}.fight-meta{gap:6px}.super-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-height:650px){.battle-dialog{padding:10px}.battle-dialog[open]{gap:6px;grid-template-rows:auto minmax(0,1fr) 34px 52px 36px}.battle-dialog:has(.fight-choice-content){grid-template-rows:auto minmax(0,1fr) 32px 36px}.fight-heading h2{font-size:24px}.fight-heading>span{font-size:12px}.fight-choice-content{gap:6px;grid-template-rows:minmax(0,1fr) 34px 32px}.fight-fighter{grid-template-rows:28px minmax(0,1fr) 34px 20px 72px;gap:3px}.fight-prop{grid-template-rows:26px 16px 28px}.fight-prop>span{height:26px}.fight-confirm,.fight-skip{min-height:34px}.fight-story strong{font-size:20px}.fight-odds>span{font-size:20px}}
@media(max-height:460px){.fight-heading>span,.fight-choice-hint,.fight-prop small{display:none}.fight-fighter{grid-template-rows:26px minmax(30px,1fr) 28px 18px 36px;gap:1px}.fight-prop{grid-template-rows:20px 14px}.fight-prop>span{height:20px}.fight-choice-content{grid-template-rows:minmax(0,1fr) 30px}.fight-heading h2{font-size:20px}.fight-story strong{font-size:17px}.battle-dialog[open]{grid-template-rows:24px minmax(0,1fr) 30px 38px 34px}.battle-dialog:has(.fight-choice-content){grid-template-rows:24px minmax(0,1fr) 30px 34px}.fight-fighter h3{font-size:12px}.fight-portrait img{max-height:90px}}
@media(prefers-reduced-motion:reduce){.battle-dialog *,.battle-dialog{animation:none!important;transition:none!important}.fight-fighter.eliminated .fight-portrait>img{opacity:.2;filter:grayscale(1)}}

/* A fixed set of tile rows keeps names and status from colliding. */
#board .cell.role-hero,#board .cell.role-villain{display:grid;grid-template-rows:minmax(0,1fr) 2.4em;font-size:clamp(10px,1.7vw,13px);align-content:stretch;gap:2px;padding:20px 4px 10px}
#board .cell.role-hero{border-color:#629488}#board .cell.role-villain{border-color:#a66b65}
#board .cell .role-marker,#board .cell.role-hero .life-meter,#board .cell.role-villain .life-meter,#board .cell .kind-badge{display:none}
#board .cell.role-hero .prop-icon,#board .cell.role-villain .prop-icon{height:100%;width:100%;min-height:0}
#board .cell.role-hero .prop-name,#board .cell.role-villain .prop-name{align-self:center;line-height:1.2;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:clamp(10px,1.7vw,13px)}
#board .cell .health-strip{bottom:4px;height:4px}#board .cell .battle-meter{font-size:10px;top:4px;left:3px;padding:2px}#board .cell .prop-value{top:5px;right:3px}
@media(max-height:650px){#board .cell.role-hero,#board .cell.role-villain{padding-top:19px;padding-bottom:11px;gap:1px}.fight-preview .fight-choice-content{grid-template-rows:minmax(0,1fr) 34px}}

.battle-dialog.matchup-menu[open]{width:min(540px,calc(100vw - 16px));height:auto;max-height:calc(100dvh - 16px);grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:16px}
.matchup-menu .fight-heading p{margin:6px 0 0;color:#c8bdab;font-size:14px}
.matchup-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;display:grid;gap:8px;padding:3px;scrollbar-width:thin;scrollbar-color:#93723d #211e1a}
.matchup-row{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);align-items:center;gap:6px;padding:10px 12px;border:1px solid #746040;border-radius:6px;background:linear-gradient(110deg,#263331,#242123 48%,#392928);color:#f4eddb;text-align:center;transition:transform .18s,background .18s,border-color .18s;min-height:110px;width:100%}
.matchup-row:hover,.matchup-row:focus-visible{border-color:#f9c847;background:linear-gradient(110deg,#334641,#383026 48%,#50332d)}
.matchup-side{display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-rows:minmax(32px,auto) 20px 4px;gap:4px 7px;align-items:center;min-width:0}
.matchup-avatar{grid-row:1/4;display:flex;align-items:center;justify-content:center;height:64px;min-width:0}.matchup-avatar img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.matchup-avatar .kind-badge{display:none}
.matchup-name{font-weight:700;font-size:14px;line-height:1.15;overflow-wrap:anywhere;text-align:left}
.matchup-stats{display:flex;justify-content:space-between;gap:4px;font-size:11px;color:#beb7a8;white-space:nowrap}.matchup-stats b{color:#ffd376;font-size:13px}
.matchup-life{height:4px;background:#5a3435;overflow:hidden;border-radius:3px}.matchup-life i{height:100%;display:block;background:#89c6b2}
.matchup-vs b{display:block;color:#f4c75d;font-family:Impact,sans-serif;font-style:italic;font-size:24px;text-shadow:2px 2px #000}.matchup-vs small{display:block;margin-top:5px;color:#b8a98f;font-size:10px}
.matchup-note{font-size:12px;color:#bfb5a4;text-align:center;margin:0;line-height:1.3}.matchup-row.matchup-selected{opacity:1;transform:scale(1.025);border-color:#ffe299;box-shadow:0 0 18px #e2ae4b55}
.fight-expanded[open]{animation:matchup-expand .24s ease-out}@keyframes matchup-expand{from{opacity:.5;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
@media(max-width:420px){.battle-dialog.matchup-menu[open]{padding:12px;gap:8px}.matchup-row{padding:8px;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:5px;min-height:100px}.matchup-side{grid-template-columns:40px minmax(0,1fr);gap:3px 4px}.matchup-avatar{height:54px}.matchup-name{font-size:12px}.matchup-stats{font-size:10px;gap:2px}.matchup-stats b{font-size:12px}.matchup-vs b{font-size:21px}}
@media(prefers-reduced-motion:reduce){.fight-expanded[open]{animation:none}.matchup-row{transition:none}}