.mascot{--mascot-size:14rem;flex-direction:column;align-items:center;margin:0;display:flex}.mascot[data-size=sm]{--mascot-size:8rem}.mascot[data-size=lg]{--mascot-size:19rem}.mascot-line{justify-content:center;width:100%;display:flex}.mascot-bubble{border:2px solid var(--line);border-bottom:4px solid var(--line-deep);max-width:20rem;color:var(--ink);text-align:center;text-wrap:balance;animation:mascot-bubble-in .28s var(--ease-out) both;background:#fff;border-radius:1rem;margin:0 0 .875rem;padding:.75rem 1rem;font-size:1rem;font-weight:700;line-height:1.35;position:relative}.mascot-bubble:after{content:"";border-right:2px solid var(--line-deep);border-bottom:2px solid var(--line-deep);background:#fff;width:.9rem;height:.9rem;position:absolute;bottom:-.6rem;left:50%;transform:translate(-50%)rotate(45deg)}.mascot-stage{width:var(--mascot-size);height:var(--mascot-size)}.mascot-art{object-fit:contain;object-position:center bottom;transform-origin:50% 100%;width:100%;height:100%;animation:mascot-pop .32s var(--ease-out) both, var(--mascot-motion,mascot-bob 3.2s ease-in-out infinite)}.mascot-art[data-state=idle]{--mascot-motion:mascot-bob 3.2s ease-in-out infinite}.mascot-art[data-state=talking]{--mascot-motion:mascot-wiggle .6s ease-in-out infinite}.mascot-art[data-state=thinking]{--mascot-motion:mascot-sway 3s ease-in-out infinite}.mascot-art[data-state=celebrating]{--mascot-motion:mascot-bounce .8s cubic-bezier(.28, .84, .42, 1) infinite}.mascot-art[data-state=sad]{--mascot-motion:mascot-droop 4s ease-in-out infinite}.mascot-art[data-state=shocked]{--mascot-motion:mascot-shake .45s ease-in-out 2}.mascot-art[data-state=countdown]{--mascot-motion:mascot-pulse 1s ease-in-out infinite}.mascot-art[data-state=trophy]{--mascot-motion:mascot-bounce 1.1s cubic-bezier(.28, .84, .42, 1) infinite}@keyframes mascot-pop{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:none}}@keyframes mascot-bubble-in{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:none}}@keyframes mascot-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes mascot-wiggle{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}@keyframes mascot-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)translateY(-3px)}}@keyframes mascot-bounce{0%,to{transform:translateY(0)scale(1)}45%{transform:translateY(-18px)scale(.98,1.03)}80%{transform:translateY(0)scale(1.03,.97)}}@keyframes mascot-droop{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(3px)scaleY(.985)}}@keyframes mascot-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)rotate(-1deg)}75%{transform:translate(6px)rotate(1deg)}}@keyframes mascot-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.mascot-art,.mascot-bubble{animation:none}}