/* Two registered transparent image layers give each monster its own moving anatomy. */
.dg-pixel-monster .dg-monster-body{transform-origin:64px 98px}
.dg-pixel-monster .dg-pixel-part,.dg-pixel-monster .dg-pixel-strike,.dg-pixel-monster .dg-mimic-lid{transform-box:view-box;transform-origin:64px 64px}
.dg-pixel-monster .dg-pixel-part{animation:dg-part-sway 2s ease-in-out infinite}
.dg-pixel-monster .dg-part-jaw,.dg-pixel-monster .dg-part-jaw .dg-mimic-lid{transform-origin:28px 72px}
.dg-pixel-monster .dg-part-jaw{animation:dg-part-jaw 2.2s ease-in-out infinite}
.dg-pixel-monster .dg-part-flame{transform-origin:64px 46px;animation:dg-part-flame .8s ease-in-out infinite}
.dg-pixel-monster .dg-part-wings{animation:dg-part-wings 1s ease-in-out infinite}
.dg-pixel-monster .dg-part-head{transform-origin:64px 66px;animation:dg-part-head 2.1s ease-in-out infinite}
.dg-pixel-monster .dg-part-ears{transform-origin:64px 42px;animation:dg-part-ears 2.4s ease-in-out infinite}
.dg-pixel-monster .dg-part-key{transform-origin:87px 62px;animation:dg-part-key 2.5s ease-in-out infinite}
.dg-pixel-monster .dg-part-legs{animation:dg-part-legs 1.5s ease-in-out infinite}
.dg-monster-attacking .dg-pixel-strike{animation:dg-part-strike .55s ease-out}
.dg-monster-attacking[data-monster-attack=flap] .dg-part-wings .dg-pixel-strike{animation:dg-part-flap-strike .55s ease-out}
.dg-monster-attacking[data-monster-attack=flare] .dg-part-flame .dg-pixel-strike{animation:dg-part-flare-strike .55s ease-out}
@keyframes dg-part-sway{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-2px)}}
@keyframes dg-part-jaw{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(-9deg)}}
@keyframes dg-part-flame{0%,100%{transform:scale(.96,1.03) rotate(-2deg)}50%{transform:scale(1.08,.95) rotate(3deg)}}
@keyframes dg-part-wings{0%,100%{transform:scaleY(.9) rotate(-2deg)}50%{transform:scaleY(1.07) rotate(2deg)}}
@keyframes dg-part-head{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(4deg) translateY(-2px)}}
@keyframes dg-part-ears{0%,75%,100%{transform:rotate(0)}85%{transform:rotate(-5deg)}93%{transform:rotate(4deg)}}
@keyframes dg-part-key{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
@keyframes dg-part-legs{0%,100%{transform:translateY(1px) rotate(-2deg)}50%{transform:translateY(-1px) rotate(2deg)}}
@keyframes dg-part-strike{0%,100%{transform:rotate(0)}45%{transform:rotate(-12deg) translate(-5px,-3px)}}
@keyframes dg-part-flap-strike{0%,100%{transform:scaleY(1)}35%{transform:scaleY(.65)}70%{transform:scaleY(1.2)}}
@keyframes dg-part-flare-strike{0%,100%{transform:scale(1)}45%{transform:scale(1.25,1.35)}}
#echo-dungeons.dg-effects-off .dg-pixel-part,#echo-dungeons.dg-effects-off .dg-pixel-strike{animation:none!important}
#dgPausePanel:not([hidden])~.dg-pixel-monster{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.dg-pixel-monster,.dg-pixel-part,.dg-pixel-strike,.dg-pixel-monster .dg-mimic-lid{animation:none!important}}

#echo-dungeons.dg-animation-paused .dg-pixel-part,#echo-dungeons.dg-animation-paused .dg-pixel-strike,#echo-dungeons.dg-animation-paused .dg-pixel-monster,#echo-dungeons.dg-animation-paused .dg-pixel-monster .dg-monster-body,#echo-dungeons.dg-animation-paused .dg-mimic-lid{animation-play-state:paused!important}

#echo-dungeons.dg-effects-off .dg-pixel-monster{animation:none!important}