.direct-enemy {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  mix-blend-mode: normal !important;
}

.face-left { --face: -1; }
.face-front { --face: 1; }

.arena .unit.boss-unit {
  width: min(47%, 390px);
  max-width: 390px;
}

#enemySprite.boss-enemy {
  width: 100%;
  min-width: 250px;
  height: clamp(175px, 25vh, 270px);
  margin-inline: auto;
  background-size: contain !important;
  filter: saturate(1.08) contrast(1.06) drop-shadow(0 20px 18px #000) drop-shadow(0 0 18px #4bcbd033);
}

.arena .unit.elite-unit {
  width: min(42%, 340px);
  max-width: 340px;
}

#enemySprite.elite-enemy {
  width: 100%;
  min-width: 220px;
  height: clamp(155px, 23vh, 230px);
  margin-inline: auto;
  background-size: contain !important;
}

@media (max-width: 600px) {
  .arena .unit.boss-unit {
    width: 54%;
    max-width: none;
  }

  .arena .unit.elite-unit {
    width: 49%;
    max-width: none;
  }

  #enemySprite.direct-enemy {
    background-position: 50% 50% !important;
    background-size: contain !important;
  }

  #enemySprite.boss-enemy {
    width: 100%;
    min-width: 175px;
    height: clamp(145px, 21vh, 210px);
  }

  #enemySprite.elite-enemy {
    width: 100%;
    min-width: 160px;
    height: clamp(150px, 19vh, 185px);
  }
}