/* Shared card corner cut: applies to the artwork, not surrounding action buttons.
   Equal physical corner radius at the standard 350 x 510 card proportion. */
:root{--vg-card-corners:5% / 3.5%}
:is(img[src*="/assets/cards/"],img[src*="/card-back."],.detail-image,.collector-face>img,.builder-card-face>img,.card-open>img,.hero-card,.deck-entry-art,.shop-deck>img,.shop-deck-detail-grid img,.welcome-art img,.favorite-decks img,.foil-card>img,.foil-preview>img,.foil-choice>img,.sleeve-choice>img,.reveal-back,.result-card>img,.unit-art>img,.unit-slot>img,.hand-card>img,.choice>img,.damage-stack button>img,.pile>img,.soul-stack>img,#opponent-hand>img,.guard-draft button>img,.guard-reveals img,.guard-versus>img,.trigger-source>img,.mechanic-faces>img,.mechanic-card-ghost img,.action-notice>img,#zone-cards>button>img,.flying-card,.shuffle-packet,.deck-drag-ghost):not(.ride-fx):not(.call-fx){border-radius:var(--vg-card-corners)!important;clip-path:inset(0 round var(--vg-card-corners))}
/* Foil and the printed face use the same cut; labels stay outside the cut. */
:is(.foil-card,.foil-preview,.detail-art-face,.collector-face,.unit-art,.hand-card,.foil-finish){border-radius:var(--vg-card-corners)!important}
.foil-finish{clip-path:inset(0 round var(--vg-card-corners))}
/* Fit the actual card to fixed-height search rows. Clipping a wider letterbox
   would leave the bitmap's own corners square. Keep the existing row height. */
.fight-page .card-browser .card-strip>.choice img{width:auto!important;max-width:100%;flex:none}
#zone-cards>button>img{width:auto;max-width:100%;margin-inline:auto}