/* Physical card proportions, including mixed rows and hands. */
.card-art.is-landscape,.card-fallback.is-landscape{aspect-ratio:7/5}
.in-battle .field-card{width:var(--card-face-width,var(--table-field-card-width))}
.in-battle .field-card>.card-tile{height:var(--card-face-height,var(--table-field-card-height))}
.in-battle .hand-card{width:var(--card-face-width,var(--table-hand-card-width));height:calc(var(--card-face-height,var(--table-hand-card-height)) + 24px)}
.in-battle .hand-card>.card-tile{height:var(--card-face-height,var(--table-hand-card-height))}
.in-battle .field-card.is-landscape>.card-tile{aspect-ratio:7/5}
.in-battle .field-card.is-landscape .card-counters{--counter-size:clamp(12px,calc(var(--card-face-width)/7),25px);top:17%;right:4%}
.in-battle .field-card.is-landscape .field-card-name{font-size:9px}
.inspect>.inspect-card-face.is-landscape{max-width:420px;aspect-ratio:7/5}
.inspect-card-face.is-landscape>.card-art,.inspect-card-face.is-landscape>.card-fallback{width:100%;height:auto;aspect-ratio:7/5}
.module-cover.is-landscape{width:77px;height:55px}
.choice-option.choice-with-art:has(>.is-landscape){grid-template-columns:84px minmax(0,1fr)}
.choice-with-art>.card-art.is-landscape{width:84px;height:60px}

/* Header and footer must never squeeze the encounter list into a zero row. */
#dialog.encounter-config .encounter-config-shell{grid-template-rows:minmax(0,1fr) auto}
.encounter-config-content{min-height:0;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:14px;padding:1px 5px 4px 1px;scrollbar-width:thin;scrollbar-color:#5d7a83 transparent}
.encounter-config-content>header,.encounter-config-content>.required-encounters{flex:none}
.encounter-config-content>.encounter-modules{flex:none;overflow:visible;min-height:138px;grid-auto-rows:minmax(138px,auto)}
.encounter-config-content .encounter-module{min-height:138px}
.encounter-config-content .encounter-module>label{min-height:138px;padding-bottom:42px}

/* Resource abilities have their own visible, scrollable bank above hand cards. */
.picker-shell.has-resource-bank{grid-template-rows:auto var(--picker-bank-height) minmax(0,1fr) auto}
.picker-resource-bank{min-height:0;min-width:0;display:flex;flex-direction:column;gap:4px;padding:5px 6px;background:#0b26359c;border:1px solid #66c7e44d;border-radius:5px;overflow:hidden}
.resource-bank-title{flex:none;color:#98d9eb;font:700 9px/1.2 Command,Arial,sans-serif;letter-spacing:.3px}
.picker-resource-bank .picker-generators{min-height:0;flex:1;margin:0;overflow:auto;align-content:start;overscroll-behavior:contain;scrollbar-width:thin;gap:6px}
.picker-resource-bank .generator-chip{flex:0 0 auto;min-height:44px;max-width:100%;padding:4px 7px;gap:7px;position:relative}
.picker-resource-bank .generator-chip:has(input:checked){border-color:#9ce0ff;background:#185273a1;box-shadow:inset 0 0 0 1px #a4e5ff38}
.generator-art{display:block;width:25px;height:35px;flex:none}
.generator-art>.card-art{width:100%;height:100%;object-fit:contain;box-shadow:none;border-radius:2px}
.picker-resource-bank .generator-chip>span:last-child{min-width:0;max-width:230px;overflow-wrap:anywhere}
.picker-resource-bank .generator-chip small{display:block;color:#c5efae;font-size:8px;line-height:1.2}
@media(max-width:650px){.encounter-config-content{gap:10px}.encounter-config-content>.encounter-modules{grid-auto-rows:minmax(114px,auto);min-height:114px}.encounter-config-content .encounter-module,.encounter-config-content .encounter-module>label{min-height:114px}.module-cover.is-landscape{width:69px;height:49px}}
@media(max-height:540px){.encounter-config-content{gap:8px}.encounter-config-content>.required-encounters{padding:7px 10px}.encounter-config-content>.required-encounters>small{display:none}.encounter-config-content>.encounter-modules{min-height:105px;grid-auto-rows:minmax(105px,auto)}.encounter-config-content .encounter-module,.encounter-config-content .encounter-module>label{min-height:105px}.picker-resource-bank{padding:3px 5px;gap:3px}.picker-resource-bank .generator-chip{padding:2px 5px;min-height:40px;font-size:8px;gap:5px}.generator-art{width:21px;height:29px}.resource-bank-title{font-size:8px}.picker-resource-bank .generator-chip small{font-size:8px}.module-cover.is-landscape{width:56px;height:40px}}