/* Sequential character frames: limbs move while the sprite stays in place. */
.belfor-frame{background-image:var(--belfor-sheet)!important;background-size:400% 200%!important;background-position:0 0;background-repeat:no-repeat;animation:belfor-action var(--belfor-duration,2.8s) steps(1,end) infinite!important;transform:none!important;will-change:background-position}
@keyframes belfor-action{0%,12.49%{background-position:0 0}12.5%,24.99%{background-position:33.333333% 0}25%,37.49%{background-position:66.666667% 0}37.5%,49.99%{background-position:100% 0}50%,62.49%{background-position:0 100%}62.5%,74.99%{background-position:33.333333% 100%}75%,87.49%{background-position:66.666667% 100%}87.5%,100%{background-position:100% 100%}}
[data-belfor="planner"]{--belfor-sheet:url('assets/optimized/belfor-motion-planner.webp');--belfor-duration:3.2s}
[data-belfor="welcome"]{--belfor-sheet:url('assets/optimized/belfor-motion-welcome.webp');--belfor-duration:2.6s}
[data-belfor="player"]{--belfor-sheet:url('assets/optimized/belfor-motion-player.webp');--belfor-duration:2.8s}
[data-belfor="guide"]{--belfor-sheet:url('assets/optimized/belfor-motion-guide.webp');--belfor-duration:3.4s}
[data-belfor="tickets"]{--belfor-sheet:url('assets/optimized/belfor-motion-tickets.webp');--belfor-duration:3.2s}
[data-belfor="cheering"]{--belfor-sheet:url('assets/optimized/belfor-motion-cheering.webp');--belfor-duration:2.8s}
[data-belfor="reporter"]{--belfor-sheet:url('assets/optimized/belfor-motion-reporter.webp');--belfor-duration:3.2s}
[data-belfor="trophy"]{--belfor-sheet:url('assets/optimized/belfor-motion-trophy.webp');--belfor-duration:3.6s}
[data-belfor="boule"]{--belfor-sheet:url('assets/optimized/belfor-motion-boule.webp');--belfor-duration:3.2s}
.header-mascot.belfor-logo{display:block;width:62px;height:62px;flex:0 0 62px;--belfor-duration:4s;filter:drop-shadow(0 3px 4px #0005)}
.belfor-feature{width:315px;height:315px;max-width:100%;filter:drop-shadow(0 15px 24px #0006);flex-shrink:0}
.belfor-frame.belfor-offscreen,body.motion-paused .belfor-frame{animation-play-state:paused!important}
@media(max-width:720px){.header-mascot.belfor-logo{width:48px;height:48px;flex-basis:48px}.belfor-feature{width:255px;height:255px}}
@media(prefers-reduced-motion:reduce){.belfor-frame{animation:none!important;background-position:0 0}}