/* Piles share the hand strip so the board keeps its existing viewport frame. */
.in-battle .battle.table-fit .hand-section{display:grid;grid-template-columns:minmax(0,1fr) var(--table-pile-width);gap:10px;padding:4px 8px;align-items:stretch}
.hand-panel{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
.pile-rack{min-width:0;min-height:0;display:grid;grid-template-rows:17px minmax(0,1fr);gap:3px;border-left:1px solid #89b7c52b;padding-left:9px;overflow:hidden}
.pile-rack-heading{display:flex;justify-content:space-between;align-items:center;gap:4px;color:#a8c5d6;font:600 9px Command,Arial,sans-serif;letter-spacing:.8px;text-transform:uppercase}
.pile-rack-heading>div{display:flex;gap:3px}.pile-rack-heading button{height:20px;width:24px;border:1px solid #8baabd44;border-radius:3px;background:#203b4e;color:#dfedf9;font-size:16px;line-height:1;padding:0}
.pile-rack-track{min-width:0;min-height:0;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-flow:column;grid-auto-columns:100%;gap:7px 12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#50788a #0a1721;overscroll-behavior:contain;padding:1px 4px 4px 1px}
.pile-group{min-width:0;min-height:0;display:grid;grid-template-rows:12px minmax(0,1fr);gap:2px;scroll-snap-align:start}
.pile-group h4{font:500 9px Command,Arial,sans-serif;color:#a4cbdc;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.1px}.pile-group.encounter h4{color:#e6b595}
.pile-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:0;min-width:0;align-items:stretch}.pile-pair.single-pile{grid-template-columns:1fr}
.pile-slot{width:min(100%,80px);justify-self:center;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:0;padding:0 0 1px;background:transparent;border:0;border-radius:4px;color:#c2d9e8;text-transform:none;letter-spacing:0;cursor:pointer}
.pile-face{position:relative;display:block;height:calc(100% - 13px);max-height:99px;max-width:100%;aspect-ratio:5/7;border-radius:4px;background:#10212d;box-shadow:2px 2px 0 #d4c4a070,4px 4px 0 #0b111b,0 5px 10px #0008;pointer-events:none;overflow:hidden;border:1px solid #8498a444}
.pile-face>.card-art,.pile-back{display:block;width:100%;height:100%;object-fit:contain;transform:none!important;border-radius:3px;box-shadow:none;aspect-ratio:auto}
.pile-caption{font:500 9px Command,Arial,sans-serif;line-height:11px;color:#a7bdc9}.pile-count{position:absolute;right:0;bottom:13px;min-width:25px;padding:2px 5px;border:1px solid #8ea9bb88;border-radius:4px;background:#102331f5;color:#eff8ff;box-shadow:0 2px 5px #0009;font:700 15px Condensed,Impact,sans-serif;line-height:1.1;pointer-events:none}
.pile-group.encounter .pile-count{border-color:#c78a6377;color:#ffe4c5}.pile-slot.is-empty .pile-face{box-shadow:none;border:1px dashed #7a95a94d;background:#14243166}.pile-slot.is-empty .pile-count{opacity:.65}
.pile-empty{height:100%;display:grid;place-items:center;color:#718c9e;font-size:8px}.pile-slot:hover .pile-face,.pile-slot:focus-visible .pile-face{border-color:#9bdafa;filter:brightness(1.15)}.pile-slot:focus-visible,.pile-rack-track:focus-visible{outline:2px solid #73c8f5;outline-offset:2px}
#dialog.pile-dialog{width:min(1000px,calc(100vw - 24px));max-height:calc(100dvh - 24px)}
.pile-dialog-header{padding-right:28px}.pile-dialog-header h2{margin:0 0 8px}.pile-dialog-header p{font-size:12px;color:#a8c1d2;line-height:1.5;margin:8px 0 16px}.pile-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 16px}.pile-tabs button{min-height:40px;font-size:11px;padding:9px 13px}.pile-tabs button[aria-pressed=true]{border-color:#8fc9e8;background:#22475d;color:#ecf8ff}
.pile-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;max-height:calc(100dvh - 270px);overflow:auto;overscroll-behavior:contain;padding:6px 6px 14px}
.pile-card{min-width:0;background:#152a39;border:1px solid #65869a36;border-radius:7px;padding:8px;color:#d1e0ea;display:grid;grid-template-rows:174px auto;gap:8px;text-align:left}
.pile-card>.card-art{height:100%;width:100%;object-fit:contain;aspect-ratio:auto;box-shadow:none}.pile-card>span{font-size:11px;line-height:1.4}.pile-card>b{color:#b8dcec;font-size:12px}.pile-card:hover,.pile-card:focus-visible{border-color:#83c8ed;background:#203e50}.pile-dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;color:#8caabc;font-size:11px}.pile-dialog-footer button{min-height:40px;padding:9px 14px;font-size:11px}.pile-return{margin-top:14px;min-height:40px}
.in-battle .table-mobile .pile-rack{padding-left:5px;grid-template-rows:13px minmax(0,1fr);gap:1px}.in-battle .table-mobile .pile-rack-heading{font-size:8px;letter-spacing:0}.in-battle .table-mobile .pile-group{grid-template-rows:10px minmax(0,1fr);gap:1px}.in-battle .table-mobile .pile-group h4{font-size:8px}.in-battle .table-mobile .pile-pair{gap:5px}.in-battle .table-mobile .pile-caption{font-size:8px;line-height:9px}.in-battle .table-mobile .pile-face{height:calc(100% - 10px)}.in-battle .table-mobile .pile-count{font-size:12px;min-width:20px;padding:1px 3px;bottom:10px}
.in-battle .table-landscape .pile-rack{grid-template-rows:11px minmax(0,1fr);gap:1px;padding-left:6px}.in-battle .table-landscape .pile-rack-heading{font-size:7px;letter-spacing:0}.in-battle .table-landscape .pile-rack-track{grid-template-rows:minmax(0,1fr);grid-auto-columns:calc((100% - 9px)/2);gap:9px;padding-bottom:2px}.in-battle .table-landscape .pile-group{grid-template-rows:9px minmax(0,1fr);gap:1px}.in-battle .table-landscape .pile-group h4{font-size:7px}.in-battle .table-landscape .pile-pair{gap:5px}.in-battle .table-landscape .pile-caption{font-size:7px;line-height:8px}.in-battle .table-landscape .pile-face{height:calc(100% - 9px)}.in-battle .table-landscape .pile-count{font-size:11px;padding:1px 3px;min-width:19px;bottom:9px}
@media(max-width:699px){.pile-card-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:9px;max-height:calc(100dvh - 270px)}.pile-card{grid-template-rows:130px auto;padding:6px}.pile-card>span{font-size:10px}.pile-dialog-header h2{font-size:25px}.pile-dialog-footer{font-size:10px}}
@media(max-height:480px){.pile-card-grid{max-height:calc(100dvh - 180px)}.pile-dialog-header h2{font-size:22px}.pile-dialog-header p{margin:5px 0}.pile-tabs{margin:7px 0}.pile-dialog-header .eyebrow{display:none}}
.copy-label{display:block;font-size:10px;line-height:1.5;color:#9dc8df;margin:5px 0}
.library-copies>.card-tile{content-visibility:auto;contain-intrinsic-size:auto 360px}