img.creature-native-sprite {
  width: var(--creature-frame-width) !important;
  height: var(--creature-frame-height) !important;
  min-width: 0;
  min-height: 0;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  image-rendering: pixelated !important;
  transform: none !important;
}

.creature-card { min-height: 176px; overflow: hidden; }

.creature-card img.creature-native-sprite,
.hunt-card img.creature-native-sprite,
.hunt-region-faces img.creature-native-sprite,
.hunt-quest-faces img.creature-native-sprite { margin-inline: auto; }

.hunt-region-faces,
.hunt-quest-faces,
.hunt-region-roster button,
.quest-wave-monster,
.region-monster-row,
.creature-visual-preview { overflow: visible; }

.hunt-region-faces,
.hunt-quest-faces { min-height: 132px; align-items: end; }

/* Dense catalogs use one uniform 100% client-frame scale. This keeps the
   natural footprint difference between creatures without forcing a 64px
   creature and a 32px creature into the same box. Focused previews and the
   actual hunt canvas stay at the audited 200% gameplay scale. */
.creature-card img.creature-native-sprite,
.hunt-quest-waves img.creature-native-sprite {
  width: var(--creature-frame-native-width) !important;
  height: var(--creature-frame-native-height) !important;
}

.hunt-card { overflow: hidden; }
.hunt-card > img.creature-native-sprite {
  width: 64px !important;
  height: 64px !important;
  max-width: 64px !important;
  max-height: 64px !important;
  object-position: center !important;
}
.hunt-region-faces img.creature-native-sprite,
.hunt-quest-faces img.creature-native-sprite {
  width: 52px !important;
  height: 52px !important;
  max-width: 52px !important;
  max-height: 52px !important;
  object-position: center !important;
}
.hunt-region-roster img.creature-native-sprite {
  width: 56px !important;
  height: 56px !important;
  max-width: 56px !important;
  max-height: 56px !important;
  object-position: center !important;
}
.hunt-card img.creature-visual-centered,
.hunt-region-faces img.creature-visual-centered,
.hunt-quest-faces img.creature-visual-centered,
.hunt-region-roster img.creature-visual-centered {
  transform: translate(var(--creature-visual-center-x, 0), var(--creature-visual-center-y, 0)) scale(var(--creature-visual-scale, 1)) !important;
  transform-origin: center !important;
}
.hunt-region-roster button { min-height: 72px; grid-template-columns: 72px minmax(0, 1fr); overflow: hidden; }
.hunt-detail[data-layout="catalog"] > .hunt-hero { grid-template-columns: 136px minmax(0, 1fr); min-height: 132px; overflow: hidden; }
.hunt-detail[data-layout="catalog"] > .hunt-hero img.creature-native-sprite { align-self: center; justify-self: center; }

.region-monster-row,
.quest-wave-monster,
.hunt-admin-row,
.region-map-roster article { min-height: 72px; }

.creature-visual-preview { min-height: 188px; }