/* shared/sprite.js: 동작별 시트를 겹쳐 두고 .on 하나만 보임. 보일 때 첫 칸부터 steps 로 넘김(가로 = 한 줄, 세로 = 줄 바꿈) */
.spr { position: absolute; inset: 0; }
.spr i { position: absolute; inset: 0; background-repeat: no-repeat; visibility: hidden; animation-name: none; }
.spr i.on { visibility: visible; animation-name: spr-x, spr-y; animation-fill-mode: forwards; }
@keyframes spr-x { to { background-position-x: 100%; } }
@keyframes spr-y { to { background-position-y: 100%; } }