/* v3.16 five-star unique card art crop + render performance
   The 32 atlas cells are square images. Keep each sprite out of normal layout so
   card creation/scrolling does not repeatedly reflow a large transformed sprite.
   The existing holder background remains visible as the same dark inner rim used
   by normal cards. */

.battle-card > .battle-card-art {
  --five-star-art-inset: 6px;
}

.battle-card-reveal > .revealed-card .battle-card-art,
.battle-screen .fighter-card-visual .battle-card-art {
  --five-star-art-inset: 5px;
}

.battle-card-art > .battle-card-artwork.five-star-card-artwork-v312 {
  position: absolute !important;
  left: var(--five-star-art-inset, 6px) !important;
  right: var(--five-star-art-inset, 6px) !important;
  top: 50% !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  transform: translateY(-50%) !important;
  object-fit: unset !important;
  object-position: 50% 50% !important;
  pointer-events: none !important;
}

@media (max-width: 760px) {
  .battle-screen .fighter-card-visual .battle-card-art {
    --five-star-art-inset: 4px;
  }
}