/* J-1001-TYPING-DISPLACER-IMAGINE (DEV): Imagine displacer, hall 5. Copy of mino-imagine.css rules. */
.monster-rect.disp-imagine.atk-displacer { animation: none !important; } /* the frames carry the swing */
.monster-rect.disp-imagine img {
  transform-origin: 55.35% 99.10%; /* body x, floor row of the 963x443 frames */
  animation: disp-breathe 2.9s ease-in-out infinite;
}
.monster-rect.disp-imagine.skel-knock img { animation: disp-breathe 2.9s ease-in-out infinite, disp-knock .3s ease-out; }
.monster-rect.disp-imagine.skel-knock-heavy img { animation: disp-breathe 2.9s ease-in-out infinite, disp-knock-heavy .36s ease-out; }
.monster-rect.disp-imagine.skel-dying img { animation: disp-fade var(--skel-fade-total, 1460ms) linear forwards; }

#monster-rect.disp-imagine.slash-hit img { animation: slash-hit .3s ease-out, disp-breathe 2.9s ease-in-out infinite; }
#monster-rect.disp-imagine.slash-hit.skel-knock img { animation: slash-hit .3s ease-out, disp-breathe 2.9s ease-in-out infinite, disp-knock .3s ease-out; }
#monster-rect.disp-imagine.slash-hit.skel-knock-heavy img { animation: slash-hit .3s ease-out, disp-breathe 2.9s ease-in-out infinite, disp-knock-heavy .36s ease-out; }
#monster-rect.disp-imagine.slash-hit.skel-dying img { animation: slash-hit .3s ease-out, disp-fade var(--skel-fade-total, 1460ms) linear forwards; }

/* heavy chest rise, hooves stay planted */
@keyframes disp-breathe {
  0%, 100% { scale: 1 1; }
  50% { scale: 1.006 1.016; }
}
/* pushed away from the hero (right): same canvas px as the skeleton's knock */
@keyframes disp-knock {
  0% { translate: 0 0; }
  30% { translate: 1.5% 0; }
  100% { translate: 0 0; }
}
@keyframes disp-knock-heavy {
  0% { translate: 0 0; }
  25% { translate: 3% 0; }
  100% { translate: 0 0; }
}
/* heavy hit -> sink -> kneel, hold, then fade before the next foe steps up */
@keyframes disp-fade {
  0%, 70% { opacity: 1; }
  100% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .monster-rect.disp-imagine img,
  .monster-rect.disp-imagine.skel-knock img,
  .monster-rect.disp-imagine.skel-knock-heavy img { animation: none; }
}