.fig{--b:var(--beat,.5s);--d:var(--delay,0s);overflow:visible}.fig [data-p]{transform-box:view-box}.fig [data-p=all]{transform-origin:100px 280px}.fig [data-p=upper]{transform-origin:100px 186px}.fig [data-p=torso]{transform-origin:100px 190px}.fig [data-p=legL]{transform-origin:86px 182px}.fig [data-p=shinL]{transform-origin:86px 222px}.fig [data-p=legR]{transform-origin:114px 182px}.fig [data-p=shinR]{transform-origin:114px 222px}.fig [data-p=armL]{transform-origin:66px 126px;transform:rotate(10deg)}.fig [data-p=foreL]{transform-origin:66px 160px;transform:rotate(-8deg)}.fig [data-p=armR]{transform-origin:134px 126px;transform:rotate(-10deg)}.fig [data-p=foreR]{transform-origin:134px 160px;transform:rotate(8deg)}.fig [data-p=head]{transform-origin:100px 102px}.fig [data-p=cape]{transform-origin:100px 116px}.fig [data-p=tail]{transform-origin:118px 194px}.fig [data-p=shadow]{transform-origin:100px 274px}.fig [data-p=eyes]{transform-box:fill-box;transform-origin:50%;animation:fig-blink 5.2s var(--d) infinite}.fig:is([data-move=hop],[data-move=jubel]) [data-p=armL]{transform:rotate(150deg)}.fig:is([data-move=hop],[data-move=jubel]) [data-p=armR]{transform:rotate(-150deg)}.fig[data-move=skaal] [data-p=armR]{transform:rotate(-125deg)}.fig[data-move=skaal] [data-p=foreR]{transform:rotate(-15deg)}.fig[data-move=vink] [data-p=armR]{transform:rotate(-150deg)}.fig[data-move=vink] [data-p=foreR]{transform:rotate(-10deg)}.fig:is([data-move=skaal],[data-move=disco]) [data-p=armL]{transform:rotate(45deg)}.fig:is([data-move=skaal],[data-move=disco]) [data-p=foreL]{transform:rotate(-70deg)}.fig[data-move=disco] [data-p=armR]{transform:rotate(-155deg)}.fig[data-move=disco] [data-p=foreR]{transform:rotate(0)}.fig[data-move=hold] [data-p=armL]{transform:rotate(-15deg)}.fig[data-move=hold] [data-p=foreL]{transform:rotate(-27deg)}.fig[data-move=hold] [data-p=armR]{transform:rotate(15deg)}.fig[data-move=hold] [data-p=foreR]{transform:rotate(27deg)}.fig[data-move=robot] [data-p=armL],.fig[data-move=robot] [data-p=foreL]{transform:rotate(90deg)}.fig[data-move=robot] [data-p=armR],.fig[data-move=robot] [data-p=foreR]{transform:rotate(-90deg)}.fig[data-move=klap] [data-p=armL]{transform:rotate(35deg)}.fig[data-move=klap] [data-p=foreL]{transform:rotate(-60deg)}.fig[data-move=klap] [data-p=armR]{transform:rotate(-35deg)}.fig[data-move=klap] [data-p=foreR]{transform:rotate(60deg)}.fig[data-move=shimmy] [data-p=armL]{transform:rotate(55deg)}.fig[data-move=shimmy] [data-p=foreL]{transform:rotate(-40deg)}.fig[data-move=shimmy] [data-p=armR]{transform:rotate(-55deg)}.fig[data-move=shimmy] [data-p=foreR]{transform:rotate(40deg)}.fig[data-move=twist] [data-p=armL]{transform:rotate(35deg)}.fig[data-move=twist] [data-p=foreL]{transform:rotate(-80deg)}.fig[data-move=twist] [data-p=armR]{transform:rotate(-15deg)}.fig[data-move=twist] [data-p=foreR]{transform:rotate(60deg)}.fig [data-p=brows]{transition:transform .3s}.fig:is([data-move=hop],[data-move=jubel],[data-move=klap],[data-move=shimmy]) [data-mouth=smil],.fig:is([data-move=disco],[data-move=robot],[data-move=skaal]) [data-mouth=smil]{display:none}.fig:is([data-move=hop],[data-move=jubel],[data-move=klap],[data-move=shimmy]) [data-mouth=grin],.fig[data-move=disco] [data-mouth=aah],.fig[data-move=robot] [data-mouth=lige],.fig[data-move=skaal] [data-mouth=skaev]{display:inline}.fig:is([data-move=hop],[data-move=jubel],[data-move=klap]) [data-p=brows]{transform:translateY(-4px)}.fig[data-move=disco] [data-p=brows]{transform:translateY(-2px)}.fig[data-move=robot] [data-p=brows]{transform:translateY(2px)}.fig[data-move=stille] [data-p=upper]{animation:fig-breathe calc(var(--b) * 4) ease-in-out var(--d) infinite}.fig[data-move=svaev] [data-p=all]{animation:fig-step calc(var(--b) * 4) ease-in-out var(--d) infinite}.fig[data-move=svaev] [data-p=upper]{animation:fig-lean calc(var(--b) * 4) ease-in-out var(--d) infinite}.fig[data-move=svaev] [data-p=legL]{animation:fig-knee-l calc(var(--b) * 4) ease-in-out var(--d) infinite}.fig[data-move=svaev] [data-p=shinL]{animation:fig-shin-l calc(var(--b) * 4) ease-in-out var(--d) infinite}.fig[data-move=svaev] [data-p=legR]{animation:fig-knee-r calc(var(--b) * 4) ease-in-out var(--d) infinite}.fig[data-move=svaev] [data-p=shinR]{animation:fig-shin-r calc(var(--b) * 4) ease-in-out var(--d) infinite}.fig[data-move=svaev] [data-p=armL]{animation:fig-svaev-al calc(var(--b) * 4) ease-in-out var(--d) infinite}.fig[data-move=svaev] [data-p=foreL]{animation:fig-svaev-fl calc(var(--b) * 4) ease-in-out var(--d) infinite}.fig[data-move=svaev] [data-p=armR]{animation:fig-svaev-ar calc(var(--b) * 4) ease-in-out var(--d) infinite}.fig[data-move=svaev] [data-p=foreR]{animation:fig-svaev-fr calc(var(--b) * 4) ease-in-out var(--d) infinite}.fig[data-move=svaev] [data-p=head]{animation:fig-tilt calc(var(--b) * 4) ease-in-out var(--d) infinite}.fig:is([data-move=hop],[data-move=jubel]) [data-p=all]{animation:fig-hop var(--b) var(--d) infinite}.fig:is([data-move=hop],[data-move=jubel]) [data-p=legL]{animation:fig-hop-knee-l var(--b) ease-in-out var(--d) infinite}.fig:is([data-move=hop],[data-move=jubel]) [data-p=shinL]{animation:fig-hop-shin-l var(--b) ease-in-out var(--d) infinite}.fig:is([data-move=hop],[data-move=jubel]) [data-p=legR]{animation:fig-hop-knee-r var(--b) ease-in-out var(--d) infinite}.fig:is([data-move=hop],[data-move=jubel]) [data-p=shinR]{animation:fig-hop-shin-r var(--b) ease-in-out var(--d) infinite}.fig[data-move=hop] [data-p=armL]{animation:fig-pump-al var(--b) ease-in-out var(--d) infinite}.fig[data-move=hop] [data-p=foreL]{animation:fig-pump-fl var(--b) ease-in-out var(--d) infinite}.fig[data-move=hop] [data-p=armR]{animation:fig-pump-ar var(--b) ease-in-out var(--d) infinite}.fig[data-move=hop] [data-p=foreR]{animation:fig-pump-fr var(--b) ease-in-out var(--d) infinite}.fig[data-move=jubel] [data-p=armL]{animation:fig-cheer-al var(--b) ease-in-out var(--d) infinite}.fig[data-move=jubel] [data-p=foreL]{animation:fig-cheer-fl var(--b) ease-in-out var(--d) infinite}.fig[data-move=jubel] [data-p=armR]{animation:fig-cheer-ar var(--b) ease-in-out var(--d) infinite}.fig[data-move=jubel] [data-p=foreR]{animation:fig-cheer-fr var(--b) ease-in-out var(--d) infinite}.fig:is([data-move=hop],[data-move=jubel]) [data-p=shadow]{animation:fig-shadow var(--b) var(--d) infinite}.fig:is([data-move=hop],[data-move=jubel]) [data-p=head]{animation:fig-tilt calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=sving] [data-p=all]{animation:fig-sway calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=sving] [data-p=upper]{animation:fig-counter calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=sving] [data-p=armL]{animation:fig-sving-al calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=sving] [data-p=foreL]{animation:fig-sving-fl calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=sving] [data-p=armR]{animation:fig-sving-ar calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=sving] [data-p=foreR]{animation:fig-sving-fr calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=sving] [data-p=legL]{animation:fig-knee-l calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=sving] [data-p=shinL]{animation:fig-shin-l calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=sving] [data-p=legR]{animation:fig-knee-r calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=sving] [data-p=shinR]{animation:fig-shin-r calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=sving] [data-p=head]{animation:fig-tilt calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=twist] [data-p=all]{animation:fig-crouch var(--b) ease-in-out var(--d) infinite}.fig[data-move=twist] [data-p=upper]{animation:fig-twist-u calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=twist] :is([data-p=legL],[data-p=legR]){animation:fig-twist-thigh calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=twist] :is([data-p=shinL],[data-p=shinR]){animation:fig-twist-shin calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=twist] [data-p=armL]{animation:fig-twist-al calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=twist] [data-p=foreL]{animation:fig-twist-fl calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=twist] [data-p=armR]{animation:fig-twist-ar calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=twist] [data-p=foreR]{animation:fig-twist-fr calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=twist] [data-p=head]{animation:fig-twist-h calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=skaal] [data-p=all]{animation:fig-bob var(--b) ease-in-out var(--d) infinite}.fig[data-move=skaal] [data-p=armR]{animation:fig-skaal-ar calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=skaal] [data-p=foreR]{animation:fig-skaal-fr calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=skaal] [data-p=head]{animation:fig-tilt calc(var(--b) * 4) ease-in-out var(--d) infinite}.fig[data-move=vink] [data-p=all]{animation:fig-bob calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=vink] [data-p=foreR]{animation:fig-wave var(--b) ease-in-out var(--d) infinite}.fig[data-move=vink] [data-p=armL]{animation:fig-svaev-al calc(var(--b) * 4) ease-in-out var(--d) infinite}.fig[data-move=vink] [data-p=head]{animation:fig-tilt calc(var(--b) * 4) ease-in-out var(--d) infinite}.fig[data-move=disco] [data-p=all]{animation:fig-disco-hip calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=disco] [data-p=upper]{animation:fig-disco-u calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=disco] [data-p=armR]{animation:fig-disco-ar calc(var(--b) * 2) cubic-bezier(.6, 0, .3, 1) var(--d) infinite}.fig[data-move=disco] [data-p=head]{animation:fig-disco-h calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=disco] [data-p=legR]{animation:fig-disco-knee calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=disco] [data-p=shinR]{animation:fig-disco-shin calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=robot] [data-p]{animation-timing-function:step-end}.fig[data-move=robot] [data-p=all]{animation:fig-robot-all var(--b) steps(1, end) var(--d) infinite}.fig[data-move=robot] [data-p=upper]{animation:fig-robot-u calc(var(--b) * 4) steps(1, end) var(--d) infinite}.fig[data-move=robot] [data-p=armL]{animation:fig-robot-al calc(var(--b) * 4) steps(1, end) var(--d) infinite}.fig[data-move=robot] [data-p=foreL]{animation:fig-robot-fl calc(var(--b) * 4) steps(1, end) var(--d) infinite}.fig[data-move=robot] [data-p=armR]{animation:fig-robot-ar calc(var(--b) * 4) steps(1, end) var(--d) infinite}.fig[data-move=robot] [data-p=foreR]{animation:fig-robot-fr calc(var(--b) * 4) steps(1, end) var(--d) infinite}.fig[data-move=robot] [data-p=head]{animation:fig-robot-h calc(var(--b) * 4) steps(1, end) var(--d) infinite}.fig[data-move=klap] [data-p=all]{animation:fig-bob var(--b) ease-in-out var(--d) infinite}.fig[data-move=klap] [data-p=armL]{animation:fig-klap-al var(--b) ease-in-out var(--d) infinite}.fig[data-move=klap] [data-p=foreL]{animation:fig-klap-fl var(--b) ease-in-out var(--d) infinite}.fig[data-move=klap] [data-p=armR]{animation:fig-klap-ar var(--b) ease-in-out var(--d) infinite}.fig[data-move=klap] [data-p=foreR]{animation:fig-klap-fr var(--b) ease-in-out var(--d) infinite}.fig[data-move=klap] [data-p=legL]{animation:fig-knee-l calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=klap] [data-p=shinL]{animation:fig-shin-l calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=klap] [data-p=legR]{animation:fig-knee-r calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=klap] [data-p=shinR]{animation:fig-shin-r calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=klap] [data-p=head]{animation:fig-tilt calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=shimmy] [data-p=all]{animation:fig-shimmy-all calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=shimmy] [data-p=upper]{animation:fig-shimmy-u calc(var(--b) * .5) ease-in-out var(--d) infinite}.fig[data-move=shimmy] [data-p=legL]{transform:rotate(8deg)}.fig[data-move=shimmy] [data-p=shinL]{transform:rotate(-16deg)}.fig[data-move=shimmy] [data-p=legR]{transform:rotate(-8deg)}.fig[data-move=shimmy] [data-p=shinR]{transform:rotate(16deg)}.fig[data-move=shimmy] [data-p=head]{animation:fig-tilt calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=hold] [data-p=all]{animation:fig-bob calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig[data-move=hold] [data-p=head]{animation:fig-tilt calc(var(--b) * 4) ease-in-out var(--d) infinite}.fig:not([data-move=stille]) [data-p=cape]{animation:fig-cape calc(var(--b) * 2) ease-in-out var(--d) infinite}.fig:not([data-move=stille]) [data-p=tail]{animation:fig-tail calc(var(--b) * 2) ease-in-out var(--d) infinite}@keyframes fig-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes fig-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes fig-crouch{0%,50%,to{transform:translateY(6px)}25%,75%{transform:translateY(3px)}}@keyframes fig-step{0%,to{transform:translate(-5px)}25%,75%{transform:translateY(3px)}50%{transform:translate(5px)}}@keyframes fig-lean{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes fig-sway{0%,to{transform:translate(-6px)rotate(-2deg)}50%{transform:translate(6px)rotate(2deg)}}@keyframes fig-counter{0%,to{transform:rotate(4deg)}50%{transform:rotate(-4deg)}}@keyframes fig-tilt{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes fig-knee-l{0%,50%,to{transform:rotate(0)}25%{transform:rotate(8deg)}}@keyframes fig-shin-l{0%,50%,to{transform:rotate(0)}25%{transform:rotate(-16deg)}}@keyframes fig-knee-r{0%,50%,to{transform:rotate(0)}75%{transform:rotate(-8deg)}}@keyframes fig-shin-r{0%,50%,to{transform:rotate(0)}75%{transform:rotate(16deg)}}@keyframes fig-svaev-al{0%,to{transform:rotate(16deg)}50%{transform:rotate(4deg)}}@keyframes fig-svaev-fl{0%,to{transform:rotate(-14deg)}50%{transform:rotate(-38deg)}}@keyframes fig-svaev-ar{0%,to{transform:rotate(-4deg)}50%{transform:rotate(-16deg)}}@keyframes fig-svaev-fr{0%,to{transform:rotate(38deg)}50%{transform:rotate(14deg)}}@keyframes fig-hop{0%,to{animation-timing-function:cubic-bezier(.2,.8,.4,1);transform:translateY(4px)scale(1.02,.97)}45%{animation-timing-function:cubic-bezier(.6,0,.8,.2);transform:translateY(-22px)scale(.99,1.02)}}@keyframes fig-shadow{0%,to{opacity:.24;transform:scale(1)}45%{opacity:.14;transform:scale(.72)}}@keyframes fig-hop-knee-l{0%,to{transform:rotate(10deg)}45%{transform:rotate(4deg)}}@keyframes fig-hop-shin-l{0%,to{transform:rotate(-20deg)}45%{transform:rotate(-12deg)}}@keyframes fig-hop-knee-r{0%,to{transform:rotate(-10deg)}45%{transform:rotate(-4deg)}}@keyframes fig-hop-shin-r{0%,to{transform:rotate(20deg)}45%{transform:rotate(12deg)}}@keyframes fig-pump-al{0%,to{transform:rotate(140deg)}45%{transform:rotate(160deg)}}@keyframes fig-pump-fl{0%,to{transform:rotate(-30deg)}45%{transform:rotate(0)}}@keyframes fig-pump-ar{0%,to{transform:rotate(-140deg)}45%{transform:rotate(-160deg)}}@keyframes fig-pump-fr{0%,to{transform:rotate(30deg)}45%{transform:rotate(0)}}@keyframes fig-cheer-al{0%,to{transform:rotate(130deg)}45%{transform:rotate(150deg)}}@keyframes fig-cheer-fl{0%,to{transform:rotate(20deg)}45%{transform:rotate(-12deg)}}@keyframes fig-cheer-ar{0%,to{transform:rotate(-130deg)}45%{transform:rotate(-150deg)}}@keyframes fig-cheer-fr{0%,to{transform:rotate(-20deg)}45%{transform:rotate(12deg)}}@keyframes fig-sving-al{0%,to{transform:rotate(40deg)}50%{transform:rotate(-24deg)}}@keyframes fig-sving-fl{0%,to{transform:rotate(-8deg)}50%{transform:rotate(-60deg)}}@keyframes fig-sving-ar{0%,to{transform:rotate(24deg)}50%{transform:rotate(-40deg)}}@keyframes fig-sving-fr{0%,to{transform:rotate(60deg)}50%{transform:rotate(8deg)}}@keyframes fig-twist-u{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes fig-twist-thigh{0%,to{transform:rotate(12deg)}50%{transform:rotate(-12deg)}}@keyframes fig-twist-shin{0%,to{transform:rotate(-24deg)}50%{transform:rotate(24deg)}}@keyframes fig-twist-al{0%,to{transform:rotate(35deg)}50%{transform:rotate(12deg)}}@keyframes fig-twist-fl{0%,to{transform:rotate(-80deg)}50%{transform:rotate(-55deg)}}@keyframes fig-twist-ar{0%,to{transform:rotate(-12deg)}50%{transform:rotate(-35deg)}}@keyframes fig-twist-fr{0%,to{transform:rotate(55deg)}50%{transform:rotate(80deg)}}@keyframes fig-twist-h{0%,to{transform:rotate(5deg)}50%{transform:rotate(-5deg)}}@keyframes fig-skaal-ar{0%,to{transform:rotate(-120deg)}50%{transform:rotate(-150deg)}}@keyframes fig-skaal-fr{0%,to{transform:rotate(-10deg)}50%{transform:rotate(-40deg)}}@keyframes fig-wave{0%,to{transform:rotate(-28deg)}50%{transform:rotate(22deg)}}@keyframes fig-disco-hip{0%,to{transform:translate(-5px)}50%{transform:translate(5px,4px)}}@keyframes fig-disco-u{0%,to{transform:rotate(-5deg)}50%{transform:rotate(6deg)}}@keyframes fig-disco-ar{0%,35%,to{transform:rotate(-155deg)}50%,85%{transform:rotate(32deg)}}@keyframes fig-disco-h{0%,35%,to{transform:rotate(-8deg)}50%,85%{transform:rotate(8deg)}}@keyframes fig-disco-knee{0%,35%,to{transform:rotate(0)}50%,85%{transform:rotate(-10deg)}}@keyframes fig-disco-shin{0%,35%,to{transform:rotate(0)}50%,85%{transform:rotate(20deg)}}@keyframes fig-robot-all{0%{transform:translateY(0)}50%{transform:translateY(2px)}}@keyframes fig-robot-u{0%{transform:rotate(-3deg)}25%{transform:rotate(3deg)}50%,75%{transform:rotate(0)}}@keyframes fig-robot-al{0%,25%{transform:rotate(90deg)}50%{transform:rotate(18deg)}75%{transform:rotate(90deg)}}@keyframes fig-robot-fl{0%{transform:rotate(90deg)}25%{transform:rotate(-90deg)}50%{transform:rotate(-100deg)}75%{transform:rotate(90deg)}}@keyframes fig-robot-ar{0%,25%{transform:rotate(-90deg)}50%{transform:rotate(-18deg)}75%{transform:rotate(-90deg)}}@keyframes fig-robot-fr{0%{transform:rotate(90deg)}25%{transform:rotate(-90deg)}50%{transform:rotate(100deg)}75%{transform:rotate(-90deg)}}@keyframes fig-robot-h{0%{transform:rotate(-12deg)}25%{transform:rotate(12deg)}50%{transform:rotate(0)}75%{transform:translateY(-3px)}}@keyframes fig-klap-al{0%,to{transform:rotate(20deg)}50%{transform:rotate(38deg)}}@keyframes fig-klap-fl{0%,to{transform:rotate(-110deg)}50%{transform:rotate(-55deg)}}@keyframes fig-klap-ar{0%,to{transform:rotate(-20deg)}50%{transform:rotate(-38deg)}}@keyframes fig-klap-fr{0%,to{transform:rotate(110deg)}50%{transform:rotate(55deg)}}@keyframes fig-shimmy-all{0%,to{transform:translate(-4px,5px)}50%{transform:translate(4px,5px)}}@keyframes fig-shimmy-u{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes fig-cape{0%,to{transform:skew(-3deg)}50%{transform:skew(3deg)}}@keyframes fig-tail{0%,to{transform:rotate(-8deg)}50%{transform:rotate(10deg)}}@keyframes fig-blink{0%,94%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}[data-paused=true] .fig [data-p]{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.fig [data-p]{animation:none!important}}
.player-stage{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;container-type:size}.player-frame{perspective:1400px;width:max(100cqw,56.25cqh);height:max(100cqh,177.78cqw);transition:transform 1.4s cubic-bezier(.55,0,.75,.05),opacity .35s 1.05s;position:absolute;top:50%;left:50%;translate:-50% -50%}.player-door[data-zoom=true] .player-frame{opacity:0;transform:scale(3.6)}.player-panel{transform-origin:0;backface-visibility:hidden;will-change:transform}.player-panel[data-shake=true]{animation:.32s player-shake}.player-panel[data-open=true]{animation:2.6s cubic-bezier(.4,0,.2,1) forwards player-open}.player-panel[data-hinge=right]{transform-origin:100%}.player-panel[data-hinge=right][data-open=true]{animation-name:player-open-right}.player-panel[data-open=true][data-reduced=true]{animation:.8s forwards player-fade-out}.player-shade{opacity:0;background:#000;transition:opacity 2s .4s}.player-panel[data-open=true] .player-shade{opacity:.55}.player-warmth{opacity:0;mix-blend-mode:screen;transition:opacity 1.6s .5s}.player-door:has(.player-panel[data-open=true]) .player-warmth{opacity:.75}.player-ring{aspect-ratio:1;border:3px solid;border-radius:999px;width:9%;animation:1.6s ease-out infinite player-ring;translate:-50% -50%}.player-dim{opacity:0;background:#000;transition:opacity .2s}.player-dim[data-on=true]{animation:.9s step-end player-flicker}.player-prompt{text-shadow:0 2px 3px #00000080,0 0 22px #0009,0 6px 28px #00000073;animation:.45s both player-rise}.player-bang{animation:.65s ease-out forwards player-bang;translate:-50% -120%}[data-phase=opening] .player-dancer{opacity:0}[data-phase=world] .player-dancer{animation:.6s cubic-bezier(.2,.9,.3,1.3) both player-enter;animation-delay:var(--enter-delay,0s)}.player-dancer{transform-origin:50% 100%;transition:transform 1.1s cubic-bezier(.3,.8,.3,1),opacity .8s}.player-crew[data-presenting=true] .player-dancer:not(.player-hero){opacity:.55;transform:scale(.86)}.player-crew[data-presenting=true] .player-hero{transform:translateX(var(--hero-shift)) translateY(-4%) scale(1.6)}.player-world[data-dim=true]>:not(.player-card-wrap){filter:blur(6px)brightness(.55);transition:filter .6s}.player-hint{text-shadow:0 3px 12px #0000008c;animation:.5s both player-rise}.player-envelope{animation:.4s cubic-bezier(.2,.9,.3,1.3) both player-pop;translate:-50% -50%}.player-flap{transform-origin:top;animation:.65s .15s forwards player-flap}.player-paper{animation:.8s .75s forwards player-paper}.player-card-wrap{animation:.6s both player-fade-in}.player-card-wrap[data-hidden=true]{visibility:hidden}.player-card-wrap[data-hidden=true],.player-card-wrap[data-hidden=true] *{animation:none!important}.player-card{--fit:1;font-size:calc(var(--fit) * 1rem);--spacing:calc(var(--fit) * .25rem);--text-xs:calc(var(--fit) * .75rem);--text-sm:calc(var(--fit) * .875rem);--text-base:calc(var(--fit) * 1rem);--text-lg:calc(var(--fit) * 1.125rem);--text-xl:calc(var(--fit) * 1.25rem);--text-2xl:calc(var(--fit) * 1.5rem);--text-3xl:calc(var(--fit) * 1.875rem);--text-4xl:calc(var(--fit) * 2.25rem);animation:.7s both player-rise}.player-card[data-overflow=true]{overscroll-behavior:contain;overflow-y:auto}.player-logo{height:calc(var(--fit) * 2.5rem);max-width:60%}.player-gtk-line{display:block}.player-gtk-sep{display:none}.player-card[data-lines=joined] .player-gtk-line,.player-card[data-lines=joined] .player-gtk-sep{display:inline}.player-card:is([data-density="3"],[data-density="4"]) .player-logo{height:calc(var(--fit) * 1.5rem);margin-bottom:calc(var(--spacing) * 1)}.player-title{font-size:calc(var(--title,3rem) * min(1, var(--fit)));text-wrap:balance;line-height:.95}.player-word{white-space:nowrap;display:inline-block}.player-more,.player-card:is([data-density="1"],[data-density="2"],[data-density="3"],[data-density="4"]) .player-program-text{display:none}.player-card:is([data-density="1"],[data-density="2"],[data-density="3"],[data-density="4"]) .player-more,.player-more[data-always=true]{display:block}.player-card:is([data-density="2"],[data-density="3"],[data-density="4"]) .player-closing,.player-card:is([data-density="3"],[data-density="4"])[data-step=front] :is(.player-countdown,.player-heading),.player-card[data-density="4"][data-step=front] .player-front-program,.player-card:is([data-density="3"],[data-density="4"])[data-step=done] .player-heading,.player-card[data-density="4"][data-step=done] .player-address,.player-countdown-more{display:none}.player-card:is([data-density="3"],[data-density="4"]) .player-countdown-more{display:block}.player-card[data-step=program] :is(.player-heading,.player-from,.player-logo){display:none}.player-card[data-step=program] .player-body{gap:calc(var(--spacing) * 3)}.player-card[data-step=program] .player-title{font-size:var(--text-2xl);line-height:1.05}.player-card[data-closing=hidden] .player-program-closing{display:none}.player-input{font-size:max(16px, calc(var(--fit) * 1.125rem))}.player-letter{animation:.55s cubic-bezier(.2,.9,.3,1.4) both player-letter;display:inline-block}.player-done{animation:.5s cubic-bezier(.2,.9,.3,1.4) both player-pop}@keyframes player-shake{0%,to{transform:translate(0)}25%{transform:translate(-3%)rotate(-1deg)}50%{transform:translate(3%)rotate(1deg)}75%{transform:translate(-2%)}}@keyframes player-open{0%{transform:rotateY(0)}16%{transform:rotateY(16deg)}24%{transform:rotateY(13deg)}to{transform:rotateY(84deg)}}@keyframes player-open-right{0%{transform:rotateY(0)}16%{transform:rotateY(-16deg)}24%{transform:rotateY(-13deg)}to{transform:rotateY(-84deg)}}@keyframes player-fade-out{to{opacity:0}}@keyframes player-ring{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}@keyframes player-flicker{0%{opacity:.45}15%{opacity:.1}30%{opacity:.5}45%{opacity:.15}60%,to{opacity:0}}@keyframes player-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes player-bang{0%{opacity:0;transform:scale(.4)rotate(-8deg)}25%{opacity:1;transform:scale(1.15)rotate(4deg)}to{opacity:0;transform:scale(1)translateY(-30px)}}@keyframes player-enter{0%{opacity:0;transform:translateY(18%)scale(.7)}to{opacity:1;transform:none}}@keyframes player-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes player-flap{to{opacity:.6;transform:rotateX(180deg)}}@keyframes player-paper{to{transform:translateY(-55%)}}@keyframes player-fade-in{0%{opacity:0}to{opacity:1}}@keyframes player-letter{0%{opacity:0;transform:translateY(40%)scale(.6)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.player-frame{transition:opacity .5s}.player-ring,.player-panel[data-shake=true],.player-letter,.player-dancer,.player-dim[data-on=true],.player-bang,.player-envelope,.player-flap,.player-paper,.player-done{animation:none!important}.player-prompt,.player-hint{animation-name:player-fade-in!important}.player-crew[data-presenting=true] .player-hero{transform:none}}.player-flash{opacity:0;transition:opacity 1.4s .3s}.player-flash[data-on=true]{opacity:1}
.opening-frame{width:max(100cqw,56.25cqh);height:max(100cqh,177.78cqw);transition:transform 1.3s cubic-bezier(.55,0,.75,.05),opacity .4s .95s;position:absolute;top:50%;left:50%;translate:-50% -50%}.opening-frame[data-zoom=true]{opacity:0;transform:scale(3.4)}.opening-scrim{background:linear-gradient(#00000080,#00000047 55%,#0000)}.opening-scrim,.opening-headline{transition:opacity .4s}:is(.opening-scrim,.opening-headline)[data-hidden=true]{opacity:0}.opening-gesture,.opening-scratch,.opening-dial,.opening-hold,.slot-machine{touch-action:none;-webkit-touch-callout:none}[data-no-gesture]{cursor:auto}@keyframes opening-beat{0%{opacity:.85;transform:translate(-50%,-50%)scale(.85)}to{opacity:0;transform:translate(-50%,-50%)scale(1.25)}}.opening-beat{aspect-ratio:1;width:46%;animation:opening-beat var(--beat,.5s) ease-out infinite}@keyframes opening-wave{0%{opacity:.9;transform:translate(-50%,-50%)scale(.6)}to{opacity:0;transform:translate(-50%,-50%)scale(1.7)}}.opening-wave{aspect-ratio:1;border:4px solid;width:50%;animation:.55s ease-out forwards opening-wave}@keyframes opening-burst{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)}to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) rotate(var(--rot))}}.opening-burst>span{border-radius:.5cqw;width:2.2cqw;height:3cqw;animation:1.2s cubic-bezier(.15,.7,.3,1) forwards opening-burst;position:absolute}@keyframes opening-ring{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.65)}}.opening-ring{animation:1.7s ease-out infinite opening-ring}@keyframes opening-nudge{0%,40%,to{transform:rotate(0)}8%{transform:rotate(-14deg)}16%{transform:rotate(12deg)}24%{transform:rotate(-8deg)}32%{transform:rotate(5deg)}}.opening-nudge{animation:1.7s ease-in-out infinite opening-nudge}@keyframes opening-bubble{0%{opacity:0;transform:translateY(10px)scale(.92)}to{opacity:1;transform:none}}.opening-bubble{animation:.35s ease-out both opening-bubble}@keyframes opening-boo{0%{opacity:0;transform:translate(-50%)scale(.6)}25%{opacity:1;transform:translate(-50%,-30%)scale(1.1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-80%)scale(1)}}.opening-boo{animation:1.4s ease-out forwards opening-boo}.opening-slot{--slot-top:calc(max(7cqh, 56px) + 2.1 * min(2.6rem, 10.5cqw) + 10px);--slot-bottom:calc(max(3cqh, env(safe-area-inset-bottom)) + 94px)}.slot-area{padding:var(--slot-top) 0 var(--slot-bottom)}.slot-machine{width:min(78cqw, calc((100cqh - var(--slot-top) - var(--slot-bottom)) / 1.34));aspect-ratio:100/128;transition:transform 1.2s cubic-bezier(.55,0,.75,.05),opacity .45s .75s;translate:-3.5%;container-type:inline-size}.slot-machine[data-zoom=true]{opacity:0;transform:scale(3.2)}.slot-bulb{background:radial-gradient(circle at 38% 34%, #fff 0 16%, var(--slot-bulb) 48%, var(--slot-bulb-deep) 100%);width:3.2cqw;height:3.2cqw;box-shadow:0 0 1.6cqw .2cqw var(--slot-bulb-glow);border-radius:50%;margin:-1.6cqw 0 0 -1.6cqw;position:absolute}@keyframes slot-twinkle{0%,to{opacity:1}50%{opacity:.4}}@keyframes slot-chase{0%{opacity:1;transform:scale(1.12)}30%,to{opacity:.3;transform:none}}@keyframes slot-flash{0%,50%{opacity:1}25%,75%{opacity:.25}}.slot-machine[data-lights=idle] .slot-bulb{animation:1.8s ease-in-out infinite slot-twinkle;animation-delay:calc(var(--odd) * -.9s)}.slot-machine[data-lights=spin] .slot-bulb{animation:1s linear infinite slot-chase;animation-delay:calc(var(--t) * -1s)}.slot-machine[data-lights=hot] .slot-bulb{animation:.5s linear infinite slot-chase;animation-delay:calc(var(--t) * -.5s)}.slot-machine[data-lights=near] .slot-bulb{animation:.9s linear slot-flash}.slot-machine[data-lights=won] .slot-bulb{animation:.32s linear infinite slot-chase;animation-delay:calc(var(--t) * -.32s);box-shadow:0 0 2.6cqw .6cqw var(--slot-bulb-glow)}@keyframes slot-glow{0%,to{text-shadow:0 0 1cqw var(--slot-gold), 0 0 3cqw var(--slot-gold)}50%{text-shadow:0 0 2cqw var(--slot-gold), 0 0 6cqw var(--slot-gold), 0 0 10cqw var(--slot-gold)}}.slot-title{text-shadow:0 0 1cqw var(--slot-gold), 0 0 3cqw var(--slot-gold)}.slot-machine[data-lights=won] .slot-title{animation:.5s ease-in-out infinite slot-glow}.slot-strip{will-change:transform}.slot-strip[data-fast=true]{filter:blur(1px);opacity:.92}@keyframes slot-line{0%,to{opacity:1}50%{opacity:.55}}.slot-hot{opacity:0;box-shadow:inset 0 0 0 .6cqw var(--slot-gold), inset 0 0 4cqw var(--slot-gold);transition:opacity .3s}.slot-reel[data-hot=true] .slot-hot{opacity:1;animation:.6s ease-in-out infinite slot-line}.slot-win{box-shadow:0 0 0 .7cqw var(--slot-gold), 0 0 4cqw var(--slot-gold), inset 0 0 3cqw var(--slot-gold);animation:.5s ease-in-out infinite slot-line}.slot-spin{background:linear-gradient(180deg, var(--slot-btn-hi), var(--slot-btn) 55%, var(--slot-btn-lo));box-shadow:0 1.3cqw 0 var(--slot-btn-edge), 0 2.4cqw 3cqw #00000073, inset 0 .6cqw .6cqw #ffffff80;transition:transform 80ms,box-shadow 80ms,filter .25s}.slot-spin:active,.slot-spin[data-pressed=true]{box-shadow:0 .2cqw 0 var(--slot-btn-edge), 0 .8cqw 1.6cqw #00000073, inset 0 .6cqw .6cqw #fff6;transform:translateY(1.1cqw)}.slot-spin[aria-disabled=true]{filter:saturate(.7)brightness(.82);cursor:default}@keyframes slot-ready{0%,to{opacity:0}50%{opacity:.75}}.slot-spin:after{content:"";border-radius:inherit;box-shadow:0 0 3.5cqw 1.2cqw var(--slot-gold);opacity:0;pointer-events:none;position:absolute;inset:0}.slot-machine[data-ready=true] .slot-spin:after{animation:1.8s ease-in-out infinite slot-ready}.slot-lamp{background:radial-gradient(circle at 38% 34%, #ffffff8c 0 14%, var(--slot-lamp) 50%, var(--slot-lamp-deep) 100%);filter:brightness(.92)saturate(.9);transition:filter .3s,box-shadow .3s;box-shadow:inset 0 -.6cqw 1cqw #00000059,0 0 0 .6cqw #00000059}.slot-machine:is([data-lights=spin],[data-lights=hot],[data-lights=won]) .slot-lamp{filter:brightness(1.25);box-shadow:inset 0 -.6cqw 1cqw #0003, 0 0 0 .6cqw #00000059, 0 0 3cqw var(--slot-lamp)}@media (prefers-reduced-motion:reduce){.opening-frame{transition:opacity .5s}.opening-frame[data-zoom=true]{transform:none}.opening-ring,.opening-nudge,.opening-bubble,.opening-boo,.opening-beat,.opening-wave{animation:none}.opening-beat,.opening-wave,.opening-burst{display:none}.slot-machine{transition:opacity .5s .2s}.slot-machine[data-zoom=true]{transform:none}.slot-machine .slot-bulb,.slot-machine .slot-title,.slot-hot,.slot-win,.slot-spin:after{animation:none!important}.slot-machine[data-lights=won] .slot-bulb{filter:brightness(1.25)}}
