.character-card {
  min-height: 340px !important;
  position: relative;
}

.character-art {
  width: 76px !important;
  height: 76px !important;
  margin: 20px 20px 0 !important;
  border: 1px solid #494b51;
  border-radius: 14px;
  flex: 0 0 76px;
}

.character-art img {
  border-radius: 13px;
  object-fit: cover !important;
  object-position: center 18% !important;
}

.character-art img.fallback {
  padding: 12px !important;
  object-fit: contain !important;
}

.character-info {
  padding-top: 12px !important;
}

@media (max-width: 560px) {
  .character-card { min-height: 320px !important; }
}