/* Card pack overrides only; the original style.css remains unchanged. */
.card-art{display:block;width:clamp(64px,8vw,96px);height:auto;aspect-ratio:5/7;object-fit:contain;border-radius:6px;box-shadow:0 2px 5px #0004;flex-shrink:0}
.card-art[hidden]{display:none}
button.card,button.pile-card{display:inline-flex;flex-direction:column;align-items:center;gap:6px;vertical-align:top;padding:6px;font-size:13px}
button.card .card-art,button.pile-card .card-art{order:-1;pointer-events:none}
button.card:disabled{opacity:1;background:#e6e8e0;color:#35413a}
button.pile-card:disabled{opacity:.75}
button.card.selected{outline:3px solid #edcd82;box-shadow:0 0 10px #edcd8280}
#hand{align-items:flex-start}
#hand .hand-card{min-width:0;margin:3px}
.result-cards{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 18px}
.result-cards .card-art{width:58px}
.winning-discard .card-art{margin-top:8px}
.opponent-card-backs{display:none}
@media(min-width:769px){
 .opponent-card-backs{display:flex;margin:12px 4px 3px;max-width:190px}
 .opponent-card-backs .card-art{width:26px;height:auto;border-radius:3px;box-shadow:0 1px 2px #0006}
 .opponent-card-backs .card-art+.card-art{margin-left:-14px}
}
@media(max-width:480px){
 .card-art{width:64px}
 button.card,button.pile-card{padding:4px;font-size:12px}
 .result-cards .card-art{width:44px}
}