@import url('bestiary-readable.css?v=3');
@import url('charms.css?v=1');
@import url('charms-official.css?v=4');
@import url('charms-responsive.css?v=1');

.creature-card img {
  width: 72px;
  height: 72px;
  margin: 5px auto 1px;
  object-fit: contain;
  object-position: center;
  transform: none;
  image-rendering: pixelated;
}

.creature-portrait .large-creature {
  display: grid;
  place-items: center;
  overflow: hidden;
}

.bestiary-creature-canvas {
  display: block;
  width: 120px;
  height: 112px;
  max-width: 100%;
  image-rendering: pixelated;
  filter: drop-shadow(0 8px 6px #000a) drop-shadow(0 0 10px #8d774426);
}