.quiz-stage{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1 / 1;margin-inline:auto}.quiz-stage__shadow{position:absolute;bottom:18%;width:34%;height:4%;border-radius:9999px;background:color-mix(in oklab,var(--foreground) 14%,transparent);animation:quiz-shadow 4.2s ease-in-out infinite}.quiz-stage__mascot{position:relative;z-index:2;width:52%;height:auto;animation:quiz-float 4.2s ease-in-out infinite}.quiz-stage__chip{position:absolute;z-index:3;animation:quiz-bob 4.8s ease-in-out infinite;animation-delay:var(--delay, 0s)}.quiz-mascot{position:relative;display:grid;place-items:center;height:11rem}.quiz-mascot__shadow{position:absolute;bottom:.6rem;width:5.5rem;height:.7rem;border-radius:9999px;background:color-mix(in oklab,var(--foreground) 16%,transparent);animation:quiz-shadow 2.2s ease-in-out infinite}.quiz-mascot__body{position:relative;z-index:1;animation:quiz-mascot-in .55s cubic-bezier(.34,1.56,.64,1) both}.quiz-mascot__body img{display:block;width:auto;height:8.5rem}.quiz-mascot--sort img{animation:quiz-sort 2.4s ease-in-out infinite}.quiz-mascot--scan img{animation:quiz-scan-tilt 1.8s ease-in-out infinite}.quiz-mascot--count img{animation:quiz-count 1.6s ease-in-out infinite}.quiz-mascot--roll img{animation:quiz-roll 2.6s cubic-bezier(.45,0,.2,1) infinite}.quiz-mascot--stamp img{animation:quiz-stamp 1.9s cubic-bezier(.3,0,.2,1) infinite;transform-origin:50% 100%}.quiz-mascot--float img{animation:quiz-float 4.2s ease-in-out infinite}.quiz-mascot--scan:after{content:"";position:absolute;z-index:2;left:50%;width:8rem;height:3px;margin-left:-4rem;border-radius:9999px;background:var(--primary);box-shadow:0 0 14px 2px color-mix(in oklab,var(--primary) 70%,transparent);animation:quiz-beam 1.8s ease-in-out infinite}@media(max-width:1023px){.quiz-mascot{height:7.5rem;width:7.5rem}.quiz-mascot__shadow{width:3.75rem;bottom:.25rem}.quiz-mascot__body img{height:5.75rem}.quiz-mascot--scan:after{width:5.5rem;margin-left:-2.75rem}}.quiz-enter{animation:quiz-rise .5s cubic-bezier(.22,1,.36,1) both}.quiz-option-in{animation:quiz-rise .45s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i, 0) * 70ms + .12s)}.quiz-picked{animation:quiz-pick .35s cubic-bezier(.34,1.56,.64,1)}.quiz-lock-in{animation:quiz-rise .4s cubic-bezier(.22,1,.36,1) both}.quiz-segment-current{position:relative;overflow:hidden}.quiz-segment-current:after{content:"";position:absolute;inset:0;background:var(--primary);transform-origin:left;animation:quiz-fill .7s cubic-bezier(.22,1,.36,1) both}.quiz-result-mascot{animation:quiz-jump-in .7s cubic-bezier(.34,1.56,.64,1) both}.quiz-result-mascot img{animation:quiz-float 3.6s ease-in-out .7s infinite}.quiz-burst{pointer-events:none;position:absolute;left:50%;top:45%;width:0;height:0}.quiz-burst span{position:absolute;width:9px;height:9px;border-radius:2px;opacity:0;animation:quiz-burst 1.1s cubic-bezier(.15,.8,.3,1) both;animation-delay:calc(.35s + var(--d, 0s))}@keyframes quiz-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}@keyframes quiz-bob{0%,to{transform:translateY(0) rotate(var(--tilt, 0deg))}50%{transform:translateY(-10px) rotate(var(--tilt, 0deg))}}@keyframes quiz-shadow{0%,to{transform:scaleX(1);opacity:1}50%{transform:scaleX(.75);opacity:.6}}@keyframes quiz-mascot-in{0%{transform:scale(.4) rotate(-14deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes quiz-sort{0%,to{transform:translate(-6px) rotate(-4deg)}25%{transform:translate(0) translateY(-10px) rotate(0)}50%{transform:translate(6px) rotate(4deg)}75%{transform:translate(0) translateY(-6px) rotate(0)}}@keyframes quiz-scan-tilt{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg) translateY(-4px)}}@keyframes quiz-beam{0%,to{top:22%;opacity:0}12%{opacity:1}50%{top:76%;opacity:1}62%{opacity:0}}@keyframes quiz-count{0%,to{transform:translateY(0)}15%{transform:translateY(-9px)}30%{transform:translateY(0)}45%{transform:translateY(-9px)}60%{transform:translateY(0)}75%{transform:translateY(-9px)}}@keyframes quiz-roll{0%,to{transform:translate(-16px) rotate(-3deg)}45%{transform:translate(16px) rotate(3deg)}55%{transform:translate(16px) rotate(-2deg)}}@keyframes quiz-stamp{0%,55%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-18px) scale(.96,1.05)}45%{transform:translateY(0) scale(1.08,.9)}}@keyframes quiz-rise{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes quiz-pick{0%{transform:scale(1)}45%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes quiz-fill{0%{transform:scaleX(0)}to{transform:scaleX(.5)}}@keyframes quiz-jump-in{0%{transform:translateY(40px) scale(.6) rotate(-10deg);opacity:0}to{transform:translateY(0) scale(1) rotate(0);opacity:1}}@keyframes quiz-burst{0%{transform:translate(0) rotate(0);opacity:1}80%{opacity:1}to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}@media(prefers-reduced-motion:reduce){.quiz-stage__shadow,.quiz-stage__mascot,.quiz-stage__chip,.quiz-mascot__shadow,.quiz-mascot__body,.quiz-mascot__body img,.quiz-enter,.quiz-option-in,.quiz-picked,.quiz-lock-in,.quiz-segment-current:after,.quiz-result-mascot,.quiz-result-mascot img{animation:none!important}.quiz-mascot--scan:after,.quiz-burst{display:none}}