.avatar-stage{--stage-color:var(--accent);background:color-mix(in oklab,var(--stage-color) 32%,var(--background))}.avatar-stage.stage-senja{--stage-color:var(--candy-pink)}.avatar-stage.stage-kelas{--stage-color:var(--candy-yellow)}.avatar-stage.stage-angkasa{--stage-color:var(--foreground)}.illustration-rig{aspect-ratio:2/3;width:100%;position:relative}.rig-reaction,.rig-idle{position:absolute;inset:0}.avatar-svg{width:100%;height:100%;display:block}.rig-animated .rig-idle{transform-origin:50% 98%;animation:4s ease-in-out infinite rig-breathe}.rig-animated .svg-arm{animation:5s ease-in-out infinite rig-arm-idle}.rig-animated.rig-waving .svg-arm{animation:1.5s ease-in-out rig-wave}.rig-bounce{animation:.55s ease-out rig-bounce}.svg-eyes-auto{animation:4.5s ease-in-out infinite rig-blink}@keyframes rig-blink{0%,91%,98%,to{transform:scaleY(1)}94%{transform:scaleY(.08)}}.svg-hair-sway{animation:5s ease-in-out infinite rig-hair-sway}@keyframes rig-hair-sway{0%,to{transform:rotate(0)}50%{transform:rotate(2.2deg)}}.mv-walk .svg-leg-l{animation:.45s ease-in-out infinite rig-leg-a}.mv-walk .svg-leg-r{animation:.45s ease-in-out infinite rig-leg-b}@keyframes rig-leg-a{0%,to{transform:rotate(9deg)}50%{transform:rotate(-9deg)}}@keyframes rig-leg-b{0%,to{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}@keyframes rig-breathe{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(-3px)scaleY(1.006)}}@keyframes rig-arm-idle{0%,to{transform:rotate(0)}50%{transform:rotate(-4deg)}}@keyframes rig-wave{0%,to{transform:rotate(0)}25%,65%{transform:rotate(-70deg)}45%,80%{transform:rotate(-40deg)}}@keyframes rig-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-18px)}75%{transform:translateY(2px)}}.rig-jump .rig-idle{animation:1.1s ease-in-out infinite rig-jump-loop}@keyframes rig-jump-loop{0%,to{transform:translateY(0)}35%{transform:translateY(-16px)}55%{transform:translateY(-16px)}}.rig-animated .rig-reaction{transform-origin:50% 100%;animation:6s ease-in-out infinite rig-sway}@keyframes rig-sway{0%,to{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}@media(prefers-reduced-motion:reduce){.illustration-rig *{animation:none!important}}.rig-animated .rig-reaction.rig-bounce{animation:.55s cubic-bezier(.2,.8,.2,1) rig-bounce}.illustration-rig[data-avatar-pose=wave] .svg-arm,.illustration-rig[data-avatar-pose=hips] .svg-arm,.illustration-rig[data-avatar-pose=jump] .svg-arm{animation:none}