/* Use the inventory sprites at their native proportions. */
.v5-cardpic {
  display: grid;
  place-items: center;
  background: #0d2138;
  border-color: #345878;
  box-shadow: inset 0 0 0 2px #08182b;
}

.v5-cardpic img {
  width: 82%;
  height: 82%;
  object-fit: contain !important;
  image-rendering: pixelated;
  filter: none !important;
}

body.v10-approved-art .v5-heroart-img {
  min-height: clamp(230px, 36vw, 375px) !important;
  background: #0b1c30 !important;
}

body.v10-approved-art .v8-visual-frame {
  width: min(100%, 290px) !important;
  aspect-ratio: 1;
  padding: 18px !important;
  border: 1px solid #3a5974 !important;
  background: #11273e !important;
  box-shadow: inset 0 0 0 3px #091a2d !important;
}

body.v10-approved-art .v8-visual-frame img.v8-matching-art {
  width: 100% !important;
  height: 100% !important;
  image-rendering: pixelated !important;
}

body.v10-approved-art .v9-craft-output img.v8-matching-art {
  image-rendering: pixelated !important;
}