/* Artwork is immutable; only its semantic container changes interaction state. */
.card-art { display: block; width: 100%; height: auto; aspect-ratio: 110 / 156; pointer-events: none; user-select: none; }
.suit-art { display: block; width: 100%; height: auto; object-fit: contain; pointer-events: none; }
.card-back { aspect-ratio: 110 / 156; }
.mini-hand .card-back { height: auto; }
.art-loading { max-width: 440px; margin: 36px auto; padding: 24px; text-align: center; }
.art-loading h2 { margin: 0 0 12px; font: 32px/1.2 var(--pop-title); }
.art-loading p { line-height: 1.6; }