/* Block: monster — the enemy sprite in battle (64 x 64, 16 x 16 pixel art at x4) */

.monster {
  width: 64px;
  height: 64px;
  animation: monster-idle 1s steps(1, end) infinite;
}

/* Blinks three times, then disappears */
.monster--defeated {
  animation: monster-defeat 0.6s steps(1, end) forwards;
}

/* 2-frame idle: up 2 px, then back */
@keyframes monster-idle {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-2px);
  }
}

@keyframes monster-defeat {
  0%,
  33%,
  66% {
    opacity: 1;
  }

  16%,
  50%,
  83%,
  100% {
    opacity: 0;
  }
}