/* Inside the existing transformed 640×480 stage, below every combatant/FX.
   Match CSS background-size: cover and background-position: center bottom. */
.battle-background-motion { position:absolute; inset:0; overflow:hidden; z-index:0; pointer-events:none; }
.battle-background-motion[hidden] { display:none!important; }
.battle-background-motion-frame { position:absolute; bottom:0; }
.battle-background-motion-frame > img,
.battle-background-motion-frame > canvas { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.battle-background-motion-frame > img { object-fit:fill; }
.battle-background-motion-frame > canvas[hidden] { display:none!important; }
@media(prefers-reduced-motion:reduce) { .battle-background-motion { display:none; } }