/* The table occupies the viewport. Extra cards are paged inside their own zone. */
body.in-battle{height:100dvh;height:var(--table-height,100dvh);overflow:hidden;display:flex;flex-direction:column;overscroll-behavior:none}
body.has-modal{overflow:hidden}
.in-battle>.topbar{height:var(--table-nav,58px);min-height:var(--table-nav,58px);flex:none;padding:0 22px;gap:28px}
.in-battle>.topbar .brand{font-size:21px}.in-battle>.topbar .marvel{font-size:18px;padding:6px 4px}.in-battle>.topbar .brand small{font-size:8px;letter-spacing:5px}
.in-battle>.topbar nav{gap:24px}.in-battle>.topbar nav a{font-size:11px}.in-battle>.topbar .engine-badge{font-size:8px}
.in-battle>#app{flex:1;min-height:0;overflow:hidden;outline:none;width:100%}.in-battle>.site-footer{display:none}
.in-battle .battle.table-fit{height:100%;min-height:0;padding:0;display:grid;grid-template-rows:var(--table-top) minmax(0,1fr) auto var(--table-commands);grid-template-areas:'heading' 'table' 'prompt' 'commands';overflow:hidden;position:relative;background:radial-gradient(ellipse at 45% 18%,#1c394857,transparent 65%),linear-gradient(135deg,#0b1521,#0a1119)}
.in-battle .battle-top{height:var(--table-top);min-height:0;padding:0 18px;gap:8px;align-items:center;overflow:hidden;background:#0d1b27d9}
.in-battle .mission-title{display:flex;gap:16px;align-items:center;min-width:0}.in-battle .battle-top h2{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
.in-battle .round-label{font-size:9px;letter-spacing:1px;white-space:nowrap}.in-battle .battle-tools{gap:6px;flex:none}.in-battle .battle-tools a{text-decoration:none}
.in-battle .battle-tools .small-btn{padding:6px 9px;font-size:9px;letter-spacing:.3px}
.in-battle .battle-layout{height:100%;min-height:0;max-width:none;margin:0;padding:var(--table-padding);display:grid;grid-template-columns:minmax(0,1fr) var(--table-sidebar);grid-template-rows:var(--table-summary) minmax(0,1fr) var(--table-hand);grid-template-areas:'overview commander' 'arena commander' 'hand commander';gap:var(--table-gap);overflow:hidden}
.in-battle .enemy-overview{grid-area:overview;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--table-gap)}
.in-battle .villain-zone{min-width:0;height:100%;padding:10px 15px;display:flex;gap:16px;overflow:hidden;border:1px solid #9b526044;border-radius:7px;background:linear-gradient(115deg,#38232e88,#162333)}
.in-battle .villain-portrait{height:100%;width:auto;aspect-ratio:5/7;flex:none;max-width:104px;border-radius:5px}
.in-battle .villain-zone .card-art{width:100%;height:100%;object-fit:contain;transform:none;border-radius:5px}
.in-battle .villain-info{min-width:0;flex:1;align-self:center}.in-battle .villain-zone h2{font-size:30px;margin:2px 0}.in-battle .stage-label{font-size:8px;letter-spacing:1.3px}
.in-battle .vital{gap:10px;margin:6px 0}.in-battle .vital strong{font-size:28px;white-space:nowrap}.in-battle .vital .subtle{font:11px Command,Arial,sans-serif}
.in-battle .bar{height:5px;max-width:none;min-width:20px}.in-battle .stats{gap:6px}.in-battle .stat{padding:3px 8px;font-size:9px;white-space:nowrap}.in-battle .stat b{font-size:14px;margin-left:6px}
.in-battle .statuses{gap:4px;margin-top:5px}.in-battle .statuses:empty{display:none}.in-battle .status{font-size:8px;padding:2px 6px}
.in-battle .scheme-main{height:100%;min-width:0;margin:0;padding:12px 16px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(130deg,#2a2d2580,#172331);border-color:#b19b5d33;overflow:hidden}
.in-battle .scheme-main .eyebrow{font-size:8px;letter-spacing:1.8px;color:#c6b987;margin:0 0 5px}.in-battle .scheme-main h3{font-size:23px;margin:0;white-space:nowrap}
.in-battle .scheme-main .vital{margin:7px 0 5px}.in-battle .scheme-rate{font-size:10px;color:#b5a879}.in-battle .scheme-main .status{align-self:flex-start}
.in-battle .arena{grid-area:arena;min-width:0;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--table-gap);position:relative}
.in-battle .arena-zone{min-width:0;min-height:0;display:grid;grid-template-rows:27px minmax(0,1fr);gap:5px;padding:8px;background:linear-gradient(130deg,#18253277,#0b151e66);border:1px solid #59748624;border-radius:7px;overflow:hidden}
.in-battle .enemy-arena{border-color:#9c62632b}.in-battle .team-arena{border-color:#91b7952b}
.in-battle .zone-heading{min-width:0;height:27px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none}
.in-battle .zone-heading h3{font-family:Command,Arial,sans-serif;font-size:10px;letter-spacing:1.1px;text-transform:uppercase;margin:0;line-height:1;white-space:nowrap;color:#a7becb}
.in-battle .zone-heading h3>span{color:#dcf0b9;background:#bfdc9b12;padding:3px 6px;border-radius:3px;margin-left:5px;font-size:9px;letter-spacing:0}
.table-pager{display:flex;align-items:center;gap:6px;flex:none;white-space:nowrap;color:#8eabbc;font-size:10px}.table-pager button{width:27px;height:27px;display:grid;place-items:center;font-size:19px;line-height:1;background:#213342;color:#d8e4eb;border:1px solid #ffffff14;border-radius:4px}.table-pager button:hover:not(:disabled){background:#354b5a}
.in-battle .field-cards{min-width:0;min-height:0;display:flex;flex-wrap:nowrap;gap:8px;align-items:start;justify-content:flex-start;overflow:hidden;padding:1px}
.in-battle .field-card{width:var(--table-field-card-width);flex:none;min-width:0;position:relative}
.in-battle .field-card>.card-tile{width:100%;height:var(--table-field-card-height);display:block}
.in-battle .field-card .card-art{height:100%;width:100%;object-fit:contain;border-radius:5px;box-shadow:0 4px 9px #0005}
.in-battle .field-card.exhausted .card-art{transform:none;filter:saturate(.55) brightness(.56)}
.in-battle .field-card .field-actions{margin-top:4px;gap:3px;height:22px}.in-battle .field-actions button{padding:3px 4px;font-size:9px;min-width:0;white-space:nowrap;overflow:hidden}
.in-battle .mini-tags{left:3px;right:3px;top:3px;gap:2px}.in-battle .mini-tags span{font-size:8px;padding:2px 4px;background:#08101de8;box-shadow:0 1px 6px #0005}
.in-battle .empty-zone{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;color:#6d8897;border:1px dashed #7791a019;border-radius:4px;padding:8px;background:radial-gradient(ellipse,#24344222,transparent)}
.in-battle .empty-zone>span{font:700 20px Condensed,Impact,sans-serif;letter-spacing:.4px;color:#8fa8b5}.in-battle .empty-zone small{font-size:10px;max-width:230px;line-height:1.5;color:#698394}
.in-battle .commander-panel{grid-area:commander;min-width:0;min-height:0;order:0;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.in-battle .hero-panel{padding:12px;border-radius:7px;display:flex;flex-direction:column;gap:7px;min-height:0;flex:none}
.in-battle .hero-portrait{height:clamp(80px,17dvh,174px);min-height:0;display:block;overflow:hidden;border-radius:4px;width:100%}
.in-battle .hero-panel .portrait{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 24%;display:block;margin:0}
.in-battle .hero-copy{min-width:0}.in-battle .hero-copy h3{font-size:25px;margin:0}.in-battle .hero-copy .eyebrow{font-size:8px;margin:0 0 4px;letter-spacing:1.5px}.in-battle .hero-copy .vital{margin-bottom:0}
.in-battle .hero-panel .stats{margin-top:4px;display:flex;flex-wrap:wrap}.in-battle .hero-panel .statuses{margin:0}
.in-battle .pile-grid{margin-top:2px;gap:5px;display:grid;grid-template-columns:1fr 1fr}.in-battle .pile-grid>div{padding:5px 8px;font-size:9px}.in-battle .pile-grid b{font-size:17px;line-height:1.3}
.in-battle .event-log{margin:0;min-height:0;overflow:hidden;font-size:10px;line-height:1.5;padding:0 6px;flex:1;mask-image:linear-gradient(#000 78%,transparent)}
.in-battle .event-log p{margin-bottom:6px;padding-bottom:6px}.full-log p{padding-bottom:12px;border-bottom:1px solid #ffffff12}
.in-battle .hand-section{grid-area:hand;margin:0;min-width:0;min-height:0;overflow:hidden;border:1px solid #97a87a22;border-radius:7px;background:linear-gradient(0deg,#19292e88,#0f1d2a66);padding:4px 8px 0;display:flex;flex-direction:column}
.in-battle .hand-hint{font-size:9px;color:#708a9c;margin-left:auto}.in-battle .hand{width:100%;flex:1;min-height:0;margin:0;position:relative;padding:0;display:block;overflow:hidden;scroll-snap-type:none}
.in-battle .hand-card{position:absolute;left:calc((100% - var(--hand-span))/2 + var(--card-left));top:3px;width:var(--table-hand-card-width);min-width:0;z-index:var(--card-order);height:calc(var(--table-hand-card-height) + 24px);scroll-snap-align:none;transition:transform .16s ease}
.in-battle .hand-card>.card-tile{height:var(--table-hand-card-height);width:100%;display:block;position:relative}
.in-battle .hand-card .card-art{height:100%;width:100%;object-fit:contain;border-radius:6px;box-shadow:0 5px 12px #0008;transform:none}
.in-battle .hand-card:hover,.in-battle .hand-card:focus-within{z-index:100;transform:translateY(-2px)}
.in-battle .hand-card:hover .card-art{transform:none;filter:brightness(1.08)}
.in-battle .hand-card .primary{width:100%;margin-top:3px;padding:4px 6px;height:22px;font-size:9px;line-height:1;letter-spacing:.2px;border-radius:2px}
.in-battle .hand-caption{display:block;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 3px;color:#c3d2dd;line-height:1.2}
.in-battle .hand-fan .hand-caption{background:#0a1724d9;min-height:20px;border-radius:0 0 4px 4px}.in-battle .hand-cost{position:absolute;left:4px;top:4px;background:#12243be8;color:#e2edbd;border:1px solid #adbf8d88;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:11px;font-weight:700;box-shadow:0 1px 6px #0007;pointer-events:none}
.in-battle .empty-hand{display:grid;place-items:center;height:100%;font-size:13px;color:#7691a3}
.in-battle .turn-prompt{height:var(--table-prompt);min-height:0;margin:0 10px;padding:0 10px;display:flex;gap:10px;background:#213b3d;border:1px solid #63928a66;border-radius:4px;overflow:hidden}
.in-battle .turn-prompt>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;min-width:0}.in-battle .turn-prompt button{flex:none;font-size:9px;padding:5px 9px}
.in-battle .command-bar{position:relative;inset:auto;min-height:0;height:var(--table-commands);padding:8px 14px;gap:12px;border-top:1px solid #8da99833;display:flex;align-items:center;justify-content:space-between;overflow:hidden;box-shadow:0 -6px 25px #0003;background:#101f2bf5}
.in-battle .command-actions{gap:6px;min-width:0}.in-battle .command-actions .secondary{padding:10px 13px;letter-spacing:.2px;font-size:10px;line-height:1.2;min-height:34px}.in-battle .command-bar>.primary{padding:11px 18px;font-size:11px;letter-spacing:.3px;white-space:nowrap;min-height:38px;flex:none}
.in-battle .outcome{position:absolute;inset:0;z-index:4;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;text-align:center;backdrop-filter:blur(12px);background:#142b27ee}
.in-battle .outcome.defeat{background:#31212cee}.in-battle .outcome h2{font-size:clamp(20px,4vw,38px);margin:0 0 16px}.in-battle .outcome .eyebrow{font-size:9px}.in-battle .outcome a{text-decoration:none;font-size:10px}
.in-battle .table-mobile .battle-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--table-hero) var(--table-summary) minmax(0,1fr) var(--table-hand);grid-template-areas:'commander' 'overview' 'arena' 'hand'}
.in-battle .table-mobile .commander-panel,.in-battle .table-landscape .commander-panel{display:block;overflow:hidden}
.in-battle .table-mobile .hero-panel,.in-battle .table-landscape .hero-panel{height:100%;padding:6px 10px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) auto;gap:1px 9px;align-items:center}
.in-battle .table-mobile .hero-portrait,.in-battle .table-landscape .hero-portrait{width:34px;height:100%;grid-row:1 / -1;max-height:64px}
.in-battle .table-mobile .hero-panel .portrait,.in-battle .table-landscape .hero-panel .portrait{height:100%;width:100%;object-fit:cover;object-position:center 20%;margin:0}
.in-battle .table-mobile .hero-copy,.in-battle .table-landscape .hero-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 7px;align-items:center}
.in-battle .table-mobile .hero-copy .eyebrow,.in-battle .table-landscape .hero-copy .eyebrow{grid-column:1 / -1;margin:0;font-size:7px}
.in-battle .table-mobile .hero-copy h3,.in-battle .table-landscape .hero-copy h3{font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.in-battle .table-mobile .hero-copy .vital,.in-battle .table-landscape .hero-copy .vital{margin:0}.in-battle .table-mobile .hero-copy .vital strong,.in-battle .table-landscape .hero-copy .vital strong{font-size:24px}
.in-battle .table-mobile .hero-copy .bar,.in-battle .table-landscape .hero-copy .bar{display:none}
.in-battle .table-mobile .hero-panel .stats,.in-battle .table-landscape .hero-panel .stats{grid-column:3;grid-row:1 / -1;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.in-battle .table-mobile .hero-panel .stat,.in-battle .table-landscape .hero-panel .stat{font-size:7px;padding:3px 5px;text-align:center}.in-battle .table-mobile .hero-panel .stat b,.in-battle .table-landscape .hero-panel .stat b{font-size:13px;margin-left:3px}
.in-battle .table-mobile .hero-panel .statuses,.in-battle .table-landscape .hero-panel .statuses{grid-column:2;margin:0;flex-wrap:nowrap}.in-battle .table-mobile .pile-grid,.in-battle .table-mobile .event-log,.in-battle .table-landscape .pile-grid,.in-battle .table-landscape .event-log{display:none}
.in-battle .table-mobile .enemy-overview{grid-template-columns:1.15fr 1fr}.in-battle .table-mobile .villain-zone{padding:6px 8px;gap:8px}.in-battle .table-mobile .villain-portrait{max-width:52px}.in-battle .table-mobile .villain-zone h2{font-size:23px}.in-battle .table-mobile .stage-label{font-size:7px;letter-spacing:.4px}
.in-battle .table-mobile .villain-zone .vital{margin:2px 0}.in-battle .table-mobile .villain-zone .vital strong{font-size:24px}.in-battle .table-mobile .villain-zone .bar{display:none}.in-battle .table-mobile .stat{padding:2px 5px;font-size:7px}.in-battle .table-mobile .stat b{font-size:12px;margin-left:4px}
.in-battle .table-mobile .scheme-main{padding:8px 10px}.in-battle .table-mobile .scheme-main .eyebrow{font-size:7px;letter-spacing:.7px;margin-bottom:3px}.in-battle .table-mobile .scheme-main h3{font-size:19px}.in-battle .table-mobile .scheme-main .vital{margin:4px 0}.in-battle .table-mobile .scheme-rate{font-size:8px}.in-battle .table-mobile .scheme-main .status{font-size:7px;padding:1px 4px}
.in-battle .table-mobile .zone-heading h3{font-size:8px;letter-spacing:.5px}.in-battle .table-mobile .zone-heading h3>span{font-size:8px;margin-left:3px;padding:2px 4px}.in-battle .table-mobile .hand-hint{display:none}
.in-battle .table-mobile .arena-zone{padding:5px;gap:3px;grid-template-rows:25px minmax(0,1fr)}
.in-battle .table-mobile .table-pager{gap:3px;font-size:8px}.in-battle .table-mobile .table-pager button{width:24px;height:26px}
.in-battle .table-mobile .command-bar{padding:6px 10px;gap:7px}.in-battle .table-mobile .command-actions{gap:4px;flex-wrap:wrap}.in-battle .table-mobile .command-actions .secondary{font-size:9px;padding:6px 8px;min-height:30px;letter-spacing:0}.in-battle .table-mobile .command-bar>.primary{font-size:10px;padding:10px;min-height:42px;letter-spacing:0}
.in-battle .table-landscape .battle-layout{grid-template-columns:200px minmax(0,1fr);grid-template-rows:minmax(0,1fr) var(--table-hand);grid-template-areas:'overview arena' 'commander hand'}
.in-battle .table-landscape .enemy-overview{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:6px}
.in-battle .table-landscape .villain-zone{padding:4px 8px;gap:8px}.in-battle .table-landscape .villain-portrait{max-width:35px}.in-battle .table-landscape .villain-zone h2{font-size:21px}.in-battle .table-landscape .villain-zone .stage-label{font-size:7px;letter-spacing:.5px}.in-battle .table-landscape .villain-zone .vital{margin:1px 0}.in-battle .table-landscape .villain-zone .vital strong{font-size:20px}.in-battle .table-landscape .villain-zone .bar{display:none}.in-battle .table-landscape .villain-zone .stats{position:absolute;right:6px;bottom:4px;gap:3px}.in-battle .table-landscape .villain-zone .stat{font-size:7px;padding:1px 4px}.in-battle .table-landscape .villain-zone .stat b{font-size:10px}
.in-battle .table-landscape .scheme-main{padding:5px 10px;position:relative}.in-battle .table-landscape .scheme-main .eyebrow{display:none}.in-battle .table-landscape .scheme-main h3{font-size:17px}.in-battle .table-landscape .scheme-main .vital{margin:2px 0}.in-battle .table-landscape .scheme-main .vital strong{font-size:22px}.in-battle .table-landscape .scheme-rate{font-size:8px}.in-battle .table-landscape .scheme-main .status{position:absolute;right:6px;top:5px;max-width:80px;font-size:7px}
.in-battle .table-landscape .hero-panel{grid-template-columns:28px minmax(0,1fr);gap:0 6px;padding:5px 7px}.in-battle .table-landscape .hero-portrait{width:28px}.in-battle .table-landscape .hero-copy h3{font-size:17px}.in-battle .table-landscape .hero-panel .stats{grid-column:2;grid-row:auto;display:flex;gap:4px}.in-battle .table-landscape .hero-panel .statuses{position:absolute;bottom:2px;right:5px}.in-battle .table-landscape .hero-panel{position:relative}.in-battle .table-landscape .hero-copy .vital strong{font-size:20px}
.in-battle .table-landscape .hand-section .zone-heading{height:22px}.in-battle .table-landscape .zone-heading h3{font-size:8px}.in-battle .table-landscape .hand-hint{font-size:8px}.in-battle .table-landscape .hand-caption{font-size:8px}.in-battle .table-landscape .hand-cost{width:17px;height:17px;font-size:9px}
.in-battle .table-tiny .field-actions{display:none}.in-battle .table-tiny .arena-zone{padding:4px;grid-template-rows:22px minmax(0,1fr);gap:3px}.in-battle .table-tiny .zone-heading{height:22px}.in-battle .table-tiny .empty-zone small{display:none}.in-battle .table-tiny .empty-zone>span{font-size:14px}.in-battle .table-tiny .mini-tags span{font-size:7px;padding:1px 3px}
/* Dialogs keep the background table still. Only long reading panes scroll. */
#dialog{position:fixed;padding:24px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border:1px solid #637b8388;overflow:hidden;background:linear-gradient(135deg,#192b39,#111c29);box-shadow:0 24px 120px #000b}
#dialog-body{max-height:calc(100dvh - 74px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#526b7d transparent}
#close-dialog{width:36px;height:36px;right:5px;top:5px;display:grid;place-items:center;padding:0;background:#101e2ee8;border-radius:50%;border:1px solid #ffffff12;z-index:10}
#dialog.card-picker{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:24px;--selection:#d9f99c;--selection-text:#d9f99c}
#dialog.card-picker[data-tone=discard]{--selection:#edc17e;--selection-text:#f5d5a3}
#dialog.card-picker #dialog-body{height:100%;max-height:none;overflow:hidden}
.picker-shell{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px}
.picker-header{padding-right:22px;min-width:0}.picker-header .eyebrow{font-size:9px;margin:0 0 7px}.picker-header h2{font-size:30px;margin:0 0 8px;padding:0;line-height:1.1}.picker-header>p{font-size:12px;color:#a2bac9;line-height:1.5;margin:0}
.picker-grid{min-height:0;min-width:0;display:grid;grid-template-columns:repeat(var(--picker-columns),minmax(0,1fr));grid-template-rows:repeat(var(--picker-rows),minmax(0,1fr));gap:12px;padding:2px;overflow:hidden}
.selection-card{min-width:0;min-height:0;border-radius:7px;position:relative;border:1px solid #7894aa2a;background:#0b172280;transition:border-color .15s,background .15s}
.selection-face{display:flex;flex-direction:column;align-items:stretch;height:100%;gap:6px;padding:7px;cursor:pointer;min-width:0;min-height:0}
.selection-face>input{position:absolute;opacity:0;width:1px;height:1px;left:10px;top:10px}
.selection-art{display:block;flex:1;min-height:0;position:relative;overflow:hidden}
.selection-art>.card-art{width:100%;height:100%;object-fit:contain;box-shadow:none;aspect-ratio:auto;border-radius:4px;background:transparent}
.selection-art .card-fallback{height:100%;width:auto;max-width:100%;margin:auto;aspect-ratio:5/7}.selection-check{position:absolute;left:3px;top:3px;display:grid;place-items:center;background:#081323cc;border:1px solid #b0c1d177;width:25px;height:25px;color:transparent;border-radius:50%;font-size:15px;font-weight:bold;box-shadow:0 2px 8px #0008}
.selection-name{display:block;text-align:center;color:#b8cbd8;font-size:11px;font-weight:600;line-height:1.25;min-height:26px;max-height:28px;overflow:hidden;padding:0 2px}
.selection-resource{font-size:9px;text-align:center;color:#d7e8a8;min-height:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.selection-zoom{position:absolute;right:6px;top:6px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:22px;line-height:1;background:#112337ed;border:1px solid #b1c7d166;color:#eef6fc;box-shadow:0 2px 8px #0008}
.selection-zoom:hover{background:#344f64}.selection-card.is-selected{border:2px solid var(--selection);background:#c6d79910;box-shadow:0 0 0 2px #ffffff08,0 6px 14px #0003}
.selection-card.is-selected .selection-face{padding:6px}.selection-card.is-selected .selection-check{border-color:var(--selection);background:var(--selection);color:#162016}.selection-card.is-selected .selection-name{color:var(--selection-text)}
.selection-card:focus-within{outline:2px solid #d9edf6;outline-offset:1px}.selection-face:hover .card-art{filter:brightness(1.08)}
.picker-footer{min-width:0;display:grid;gap:10px;border-top:1px solid #ffffff17;padding-top:12px}
.picker-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:24px}.picker-summary>span{font-size:12px;color:var(--selection-text);font-weight:600;line-height:1.4}
.picker-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px}.picker-actions .primary,.picker-actions .secondary{padding:12px 18px;font-size:11px;min-height:42px;line-height:1.2;letter-spacing:.4px}.picker-actions .primary{background:var(--selection);color:#192317}.picker-footer .error{margin:0;padding:6px 10px;font-size:11px}
.picker-generators{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}.generator-chip{display:flex;align-items:center;gap:7px;padding:7px 10px;background:#153b3b55;border:1px solid #769a9055;border-radius:5px;font-size:10px;color:#c6d9d8;cursor:pointer}.generator-chip input{width:16px;height:16px}.generator-chip small{display:block;font-size:8px;color:#aacf9e;line-height:1.2}
#dialog.picker-zoom{width:min(820px,calc(100vw - 24px));height:min(720px,calc(100dvh - 24px));padding:24px}
#dialog.picker-zoom #dialog-body{height:100%;max-height:none;overflow:hidden}.picker-zoom-shell{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:18px}.picker-zoom-shell h2{font-size:30px;margin:0;padding-right:16px}.picker-zoom-shell .eyebrow{font-size:9px;margin-bottom:8px}.picker-zoom-content{min-height:0;display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.picker-zoom-content>.card-art{height:100%;width:100%;object-fit:contain;background:transparent;aspect-ratio:auto;box-shadow:none}.picker-zoom-content>.rules-text{min-height:0;overflow:auto;font-size:14px;line-height:1.8;white-space:pre-line;padding-right:6px;color:#d4e1eb}.picker-zoom-shell>.primary{justify-self:end;min-height:42px}.picker-empty{grid-column:1 / -1;display:grid;place-items:center;color:#8aa2b2;font-size:13px}
#dialog .inspect{max-height:calc(100dvh - 76px);grid-template-columns:minmax(140px,.85fr) minmax(0,1fr);gap:24px}#dialog .inspect>.card-art{height:100%;max-height:calc(100dvh - 100px);object-fit:contain;aspect-ratio:auto;background:transparent;box-shadow:none}#dialog .inspect>article{min-height:0;overflow:auto;padding:8px 8px 8px 0}#dialog .inspect .rules-text{font-size:13px;line-height:1.7}.inspect-board-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
@media(max-width:699px){.in-battle>.topbar{padding:0 12px;gap:15px}.in-battle>.topbar .brand{font-size:17px}.in-battle>.topbar .brand small{font-size:7px;letter-spacing:3px}.in-battle>.topbar .marvel{font-size:14px;padding:5px 3px}.in-battle>.topbar nav{gap:15px}.in-battle>.topbar nav a{font-size:10px}.in-battle .mission-title{gap:0;display:block}.in-battle .battle-top{padding:0 10px}.in-battle .battle-top h2{display:none}.in-battle .round-label{font-size:9px}.in-battle .battle-tools .small-btn{font-size:8px;padding:6px 8px}.in-battle .battle-tools{gap:4px}.in-battle .turn-prompt{margin:0 8px;padding:0 7px}.in-battle .turn-prompt>span{font-size:10px}.in-battle .turn-prompt button{font-size:8px;padding:4px 7px}.in-battle .outcome{padding:12px}.in-battle .outcome .eyebrow{display:none}.in-battle .outcome h2{font-size:22px;margin-bottom:10px}.in-battle .outcome a{font-size:9px;padding:8px 10px}#dialog.card-picker{padding:14px}.picker-shell{gap:10px}.picker-header h2{font-size:25px;margin-bottom:6px}.picker-header .eyebrow{font-size:8px;margin-bottom:5px}.picker-header>p{font-size:11px;line-height:1.4}.picker-grid{gap:8px}.selection-face{padding:5px;gap:4px}.selection-card.is-selected .selection-face{padding:4px}.selection-name{font-size:9px;min-height:23px;max-height:24px}.selection-check{width:21px;height:21px;font-size:13px;left:1px;top:1px}.selection-zoom{right:3px;top:3px;width:28px;height:28px;font-size:21px}.selection-resource{font-size:8px}.picker-summary>span{font-size:11px}.picker-actions .primary,.picker-actions .secondary{font-size:10px;padding:10px 12px;letter-spacing:.1px;min-height:42px}.picker-actions{gap:7px;justify-content:stretch}.picker-actions>button{flex:1}.picker-footer{gap:7px;padding-top:9px}.picker-generators{margin-top:7px;gap:5px}.generator-chip{padding:5px 7px;font-size:9px}.generator-chip small{font-size:8px}#dialog.picker-zoom{padding:18px}.picker-zoom-shell{gap:12px}.picker-zoom-content{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(72px,.45fr);gap:14px}.picker-zoom-content>.rules-text{font-size:12px;line-height:1.6}.picker-zoom-shell h2{font-size:26px}.picker-zoom-shell>.primary{justify-self:stretch}#dialog .inspect{grid-template-columns:1fr;max-height:none}#dialog .inspect>.card-art{height:210px;width:100%;max-height:35dvh}#dialog .inspect>article{overflow:visible}#dialog{padding:20px 16px}#dialog-body{max-height:calc(100dvh - 66px)}}
@media(max-height:730px) and (min-width:700px){.in-battle .hero-portrait{height:100px}.in-battle .pile-grid>div{padding:4px 7px}.in-battle .hero-panel{padding:10px;gap:5px}.in-battle .hero-copy h3{font-size:23px}.in-battle .pile-grid b{font-size:15px}.in-battle .hero-copy .vital strong{font-size:25px}}
@media(max-height:540px){.in-battle>.topbar .brand{font-size:17px}.in-battle>.topbar .brand small{display:none}.in-battle>.topbar .marvel{font-size:14px;padding:4px}.in-battle .battle-top h2{font-size:16px}.in-battle .mission-title{gap:12px}.in-battle .command-actions .secondary{min-height:30px;padding:7px 10px;font-size:9px}.in-battle .command-bar>.primary{font-size:10px;padding:8px 13px;min-height:32px}.in-battle .hand-section{padding-top:0}.in-battle .turn-prompt{font-size:9px}#dialog.card-picker{padding:14px}.picker-shell{gap:8px}.picker-header .eyebrow{display:none}.picker-header h2{font-size:23px;margin-bottom:4px}.picker-header>p{font-size:10px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-footer{padding-top:7px;gap:6px}.picker-summary{min-height:18px}.picker-summary>span{font-size:10px}.picker-actions button{min-height:32px!important;padding:8px 14px!important;font-size:10px!important}.selection-name{font-size:9px;min-height:23px}.picker-generators{margin-top:5px;gap:5px}.generator-chip{padding:4px 7px;font-size:9px}.generator-chip small{display:none}#dialog.picker-zoom{padding:16px}.picker-zoom-shell{gap:10px}.picker-zoom-shell .eyebrow{display:none}.picker-zoom-shell h2{font-size:24px}.picker-zoom-content{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);gap:18px}.picker-zoom-content>.rules-text{font-size:12px;line-height:1.5}.picker-zoom-shell>.primary{padding:8px 14px;min-height:32px;justify-self:end}}
@media(prefers-reduced-motion:reduce){.in-battle .hand-card,.selection-card{transition:none}}

.in-battle .battle-top{grid-area:heading}.in-battle .battle-layout{grid-area:table}.in-battle .turn-prompt{grid-area:prompt}.in-battle .command-bar{grid-area:commands}
.in-battle .field-card>.card-tile{position:relative}.in-battle .field-card-name{position:absolute;bottom:0;left:0;right:0;max-height:25px;padding:3px 2px;background:#081321d9;color:#d7e5ee;font-size:8px;line-height:1.2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-radius:0 0 4px 4px}
.in-battle .table-mobile .villain-info{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 5px}.in-battle .table-mobile .villain-info .stage-label{grid-column:1 / -1}.in-battle .table-mobile .villain-info h2{margin:0}.in-battle .table-mobile .villain-info .vital{margin:0;gap:0}.in-battle .table-mobile .villain-info .vital strong{font-size:21px}.in-battle .table-mobile .villain-info .vital .subtle{font-size:9px}.in-battle .table-mobile .villain-info .stats,.in-battle .table-mobile .villain-info .statuses{grid-column:1 / -1;margin:0}
.in-battle .table-mobile .scheme-main:has(.status) .eyebrow{display:none}

body.in-battle{width:var(--table-width,100%);margin-top:var(--table-safe-top,0px);margin-left:var(--table-safe-left,0px)}
.in-battle .zone-heading h3{min-width:0;overflow:hidden;text-overflow:ellipsis}
.in-battle .table-mobile .arena-zone .table-pager>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#dialog{inset:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);margin:auto;max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px)}

.in-battle .table-low-hand .hand-caption,.in-battle .table-low-hand .hand-card>.primary{display:none}

html:has(body.in-battle){height:100%;overflow:hidden;overscroll-behavior:none}
/* Encounter composition is a preparation dialog, separate from the fitted game table. */
.encounter-setup{margin-top:14px;padding-top:12px;border-top:1px solid #ffffff16}.encounter-setup>.eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:6px}.encounter-setup .small-btn{margin-top:10px;min-height:34px}
.encounter-summary-names{display:block;color:#d1e6bd;font-size:12px;font-weight:600;line-height:1.5}#encounter-summary>small{display:block;font-size:10px;color:#8ca4b3;margin-top:4px}
#dialog.encounter-config{padding:22px}#dialog.encounter-config #dialog-body{height:100%;max-height:none;overflow:hidden}
.encounter-config-shell{height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:14px}.encounter-config-shell header .eyebrow{margin-bottom:7px;font-size:9px}.encounter-config-shell h2{font-size:31px;margin:0 0 9px}.encounter-config-shell header p{font-size:12px;line-height:1.5;margin:0;color:#a4bac8}
.required-encounters{padding:12px 14px;background:#0d1a27b0;border:1px solid #7293a52d;border-radius:5px}.required-encounters h3{font:600 10px Command,Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;color:#9fb4c3;margin:0 0 9px}.required-encounters>div{display:flex;gap:6px;flex-wrap:wrap}.required-encounters>div>span{border:1px solid #7c929d44;background:#24384666;border-radius:3px;padding:4px 7px;font-size:10px;color:#bdced8}.required-encounters>small{display:block;color:#6e899b;font-size:9px;margin-top:8px}
.encounter-modules{overflow:auto;overscroll-behavior:contain;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:2px 5px 2px 2px;align-content:start;scrollbar-width:thin;scrollbar-color:#5d7a83 transparent}
.encounter-module{position:relative;min-width:0;background:#0e1d2c;border:1px solid #768eaa33;border-radius:6px;overflow:hidden}.encounter-module>label{display:flex;gap:12px;padding:12px 12px 40px;min-height:138px;cursor:pointer;align-items:start}.encounter-module input{width:17px;height:17px;flex:none;accent-color:#d9f99c;position:absolute;right:10px;top:10px}.module-cover{width:55px;height:77px;flex:none;display:block}.module-cover>.card-art{height:100%;width:100%;object-fit:contain;background:none;box-shadow:0 4px 10px #0004;border-radius:4px}.module-copy{padding-right:15px;min-width:0}.module-copy>strong{display:block;font:700 21px/1.05 Condensed,Impact,sans-serif;letter-spacing:.3px;color:#d8e3ed;margin:2px 0 6px}.module-copy>small{display:block;font-size:9px;color:#b4cf91;margin-bottom:7px}.module-copy>span{display:block;font-size:10px;color:#7f99ac;line-height:1.4}.encounter-module>button{position:absolute;bottom:8px;right:9px;padding:6px 10px;font-size:9px;min-height:29px}
.encounter-module.is-selected{border-color:#b6d58b;background:linear-gradient(125deg,#213c3388,#12212e);box-shadow:0 0 0 1px #c8f19122}.encounter-module.is-selected .module-copy>strong{color:#def0ba}.encounter-module:focus-within{outline:2px solid #e4f2cd;outline-offset:-2px}
.encounter-config-shell>footer{padding-top:12px;border-top:1px solid #ffffff18}.encounter-config-shell>footer>p{margin:0;font-size:12px;line-height:1.4;color:#c8dfa7;min-height:17px}.encounter-config-shell .modal-actions{margin-top:10px}.encounter-config-shell .modal-actions button{min-height:40px;font-size:11px;letter-spacing:.4px}
.encounter-card-list{display:grid;gap:10px;margin:18px 0}.encounter-card-list>article{display:flex;gap:15px;padding:12px;border:1px solid #59748933;border-radius:5px;background:#0c1926}.encounter-card-list>article>span{width:75px;flex:none}.encounter-card-list .card-art{width:100%;height:auto;object-fit:contain}.encounter-card-list strong{font-size:14px;color:#d4e5ef}.encounter-card-list small{display:block;color:#b9d39d;font-size:10px;margin:3px 0 6px}.encounter-card-list p{font-size:12px;line-height:1.6;white-space:pre-line;margin:0}.encounter-detail>h2{margin-bottom:12px}.encounter-detail>.primary{margin-top:6px}.game-encounter-sets{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.game-encounter-sets article{display:flex;align-items:center;gap:12px;padding:10px;background:#0c1b29;border:1px solid #66849133;border-radius:5px}.game-encounter-sets .card-art{width:52px;height:73px;object-fit:contain}.game-encounter-sets strong{display:block;font-size:12px;line-height:1.4}.game-encounter-sets small{display:block;color:#bdd19b;font-size:10px;margin-top:4px}.inspect-attachments{margin-top:16px;padding-top:12px;border-top:1px solid #ffffff18}.inspect-attachments>h3{font-size:21px}.inspect-attachments .choice-option{font-size:12px;padding:12px;min-height:44px}
@media(max-width:650px){#dialog.encounter-config{padding:14px}.encounter-config-shell{gap:10px}.encounter-config-shell h2{font-size:26px;margin-bottom:7px}.encounter-config-shell header p{font-size:11px}.encounter-config-shell header .eyebrow{font-size:8px;margin-bottom:4px}.required-encounters{padding:9px 10px}.required-encounters h3{font-size:9px;margin-bottom:6px}.required-encounters>div{gap:4px}.required-encounters>div>span{font-size:8px;padding:3px 5px}.required-encounters>small{font-size:8px;margin-top:6px}.encounter-modules{grid-template-columns:1fr;gap:8px}.encounter-module>label{padding:9px 10px;min-height:93px;gap:10px}.module-cover{width:49px;height:69px}.module-copy>strong{font-size:21px;margin-bottom:5px}.module-copy>small{font-size:9px;margin-bottom:5px}.module-copy>span{font-size:9px;padding-right:20px}.encounter-module>button{bottom:7px;font-size:8px;padding:5px 7px;min-height:26px}.encounter-config-shell>footer{padding-top:9px}.encounter-config-shell>footer>p{font-size:11px;min-height:29px}.encounter-config-shell .modal-actions{margin-top:6px;gap:7px}.encounter-config-shell .modal-actions button{font-size:10px;padding:10px 12px;letter-spacing:.1px;flex:1}.encounter-card-list>article{padding:10px;gap:12px}.encounter-card-list>article>span{width:55px}.encounter-card-list p{font-size:11px}.game-encounter-sets{grid-template-columns:1fr}}
@media(max-height:540px){.encounter-config-shell{gap:8px}.encounter-config-shell header .eyebrow{display:none}.encounter-config-shell h2{font-size:24px;margin-bottom:5px}.encounter-config-shell header p{font-size:10px}.encounter-config-shell>.required-encounters{padding:7px 10px}.encounter-config-shell>.required-encounters>small{display:none}.encounter-config-shell .required-encounters h3{margin-bottom:5px}.encounter-modules{grid-template-columns:1fr 1fr}.encounter-module>label{padding:7px 8px;gap:8px;min-height:105px}.module-cover{width:40px;height:56px}.module-copy>strong{font-size:18px}.module-copy>span{font-size:9px}.encounter-module>button{padding:4px 7px;font-size:8px;min-height:24px}.encounter-config-shell>footer{padding-top:7px}.encounter-config-shell>footer>p{font-size:10px;min-height:15px}.encounter-config-shell .modal-actions{margin-top:6px}.encounter-config-shell .modal-actions button{min-height:32px;padding:8px 12px;font-size:10px}}