/* Actual twelve-frame transparent Blender renders. Fixed stage, bounded owners. */
.combat-effects .sensory-vfx, #screen-trials .nt-effect.sensory-vfx { display:block; background-size:400% 300%; background-repeat:no-repeat; background-position:0 0; animation:sensory-rendered-frames .6s step-end both; mix-blend-mode:normal; }
.combat-effect > .sensory-vfx { position:absolute; inset:-12%; width:124%; height:124%; animation-duration:var(--combat-duration,.6s); opacity:.88; }
.combat-effects .sensory-vfx-ward, #screen-trials .nt-effect.sensory-vfx-ward { background-image:url('../assets/vfx/sensory-v131/ward.webp'); }
.combat-effects .sensory-vfx-strike, #screen-trials .nt-effect.sensory-vfx-strike { background-image:url('../assets/vfx/sensory-v131/strike.webp'); }
.combat-effects .sensory-vfx-fracture, #screen-trials .nt-effect.sensory-vfx-fracture { background-image:url('../assets/vfx/sensory-v131/fracture.webp'); }
.combat-effects .sensory-vfx-seal, #screen-trials .nt-effect.sensory-vfx-seal { background-image:url('../assets/vfx/sensory-v131/seal.webp'); }
.combat-effects .sensory-vfx-lantern, #screen-trials .nt-effect.sensory-vfx-lantern { background-image:url('../assets/vfx/sensory-v131/lantern.webp'); }
.combat-effects .sensory-vfx-wind, #screen-trials .nt-effect.sensory-vfx-wind { background-image:url('../assets/vfx/sensory-v131/wind.webp'); }
@keyframes sensory-rendered-frames {
  0% { background-position:0% 0%; } 8.3333% { background-position:33.333333% 0%; }
  16.6667% { background-position:66.666667% 0%; } 25% { background-position:100% 0%; }
  33.3333% { background-position:0% 50%; } 41.6667% { background-position:33.333333% 50%; }
  50% { background-position:66.666667% 50%; } 58.3333% { background-position:100% 50%; }
  66.6667% { background-position:0% 100%; } 75% { background-position:33.333333% 100%; }
  83.3333% { background-position:66.666667% 100%; } 91.6667%,100% { background-position:100% 100%; }
}
.combat-effects[data-reduced-motion=true] .sensory-vfx, #screen-trials [data-reduced-motion=true] .nt-effect.sensory-vfx { animation:none; background-position:100% 0%; opacity:.8; }
@media(prefers-reduced-motion:reduce) { .combat-effects .sensory-vfx, #screen-trials .nt-effect.sensory-vfx { animation:none; background-position:100% 0%; opacity:.8; } }