.move-vfx.individual-vfx {
  position: absolute;
  z-index: 24;
  pointer-events: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 500% 400%;
  background-position: var(--move-vfx-x) var(--move-vfx-y);
  image-rendering: pixelated;
  transform-origin: center;
  mix-blend-mode: screen;
  filter: drop-shadow(0 0 7px rgba(255, 255, 255, .5));
  contain: layout paint style;
  will-change: transform, opacity;
}

.move-vfx.individual-vfx.individual-impact {
  z-index: 25;
  filter: drop-shadow(0 0 11px rgba(255, 255, 255, .72));
}

.move-vfx.individual-vfx.individual-support {
  z-index: 26;
  filter: drop-shadow(0 0 14px rgba(255, 255, 255, .82));
}

@media (prefers-reduced-motion: reduce) {
  .move-vfx.individual-vfx {
    mix-blend-mode: normal;
    filter: drop-shadow(0 0 4px rgba(255, 255, 255, .45));
  }
}