/* Decorative, non-interactive creatures: never intercept shop controls. */
#ept-halloween-creatures{position:fixed;inset:0;z-index:22;pointer-events:none!important;overflow:hidden;contain:strict;isolation:isolate}
#ept-halloween-creatures *{pointer-events:none!important}
#ept-halloween-creatures[hidden]{display:none!important}
#ept-halloween-creatures .hw-critter{position:absolute;left:0;top:0;will-change:transform;transition:opacity .35s ease;filter:drop-shadow(0 5px 8px #08010cb3)}
#ept-halloween-creatures svg{display:block;width:100%;height:100%;overflow:visible}
#ept-halloween-creatures .wing{transform-box:view-box;transform-origin:60px 40px;animation:hw-wingbeat .44s ease-in-out infinite alternate}
#ept-halloween-creatures .wing-right{animation-delay:-.22s}
#ept-halloween-creatures .spider-legs-a{transform-origin:60px 72px;animation:hw-spider-step .26s ease-in-out infinite alternate}
#ept-halloween-creatures .spider-legs-b{transform-origin:60px 72px;animation:hw-spider-step .26s ease-in-out -.26s infinite alternate-reverse}
#ept-halloween-creatures[data-paused="true"] *,html.hw-motion-off #ept-halloween-creatures *{animation-play-state:paused!important}
@keyframes hw-wingbeat{from{transform:scaleY(1) rotate(-3deg)}to{transform:scaleY(.32) rotate(8deg)}}
@keyframes hw-spider-step{from{transform:rotate(-4deg) translateY(-1px)}to{transform:rotate(4deg) translateY(1px)}}
@media(prefers-reduced-motion:reduce){#ept-halloween-creatures{display:none!important}}