.pile-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.pile-tabs button { padding: 7px 12px; }
.pile-tabs [aria-pressed="true"] { color: #203631; background: var(--gold); }
.pile-grid { display: grid; grid-template-columns: repeat(auto-fill, 90px); gap: 14px; justify-content: center; padding: 8px; }
.pile-card { width: 90px; height: 126px; padding: 0; border: 0; background: transparent; }
.pile-card:hover:not(:disabled) { background: transparent; filter: brightness(1.12); }
.pile-card .player-card-back, .pile-zoom .player-card-back { width: 100%; height: 100%; margin: 0; object-fit: contain; }
.pile-card .frame-description { overflow: hidden; }
.pile-zoom { width: min(270px, 100%); margin: 0 auto; aspect-ratio: 5 / 7; }
.zoom-card-text { max-width: 400px; margin: 12px auto 0; }
.consequence-ribbon { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; }
.deck-piles.pile-discard { grid-column: 3; }
.deck-piles.pile-draw { grid-column: 1; }
.consequence-ribbon .effect-ribbon { grid-column: 2; }
.deck-piles { min-height: 36px; }