.mascot-egg{--base:#f4efe6;--spot:#d9cbb3;--glow:#fff7e8;background:radial-gradient(circle at 34% 28%, #ffffffa6 0 9%, transparent 22%), radial-gradient(ellipse at 50% 110%, color-mix(in srgb, var(--glow) 55%, transparent) 0 35%, transparent 60%), var(--pattern,none), var(--base);width:44px;height:56px;box-shadow:inset -6px -8px 14px #00000047, inset 4px 4px 10px #ffffff40, 0 6px 14px -6px color-mix(in srgb, var(--glow) 70%, transparent);transform-origin:50% 90%;border-radius:50%/60% 60% 42% 42%;animation:3.2s ease-in-out infinite mascot-wobble;position:relative}.mascot-egg[data-pattern=speckle]{--pattern:radial-gradient(circle, var(--spot) 1.4px, transparent 2px) 0 0 / 9px 11px}.mascot-egg[data-pattern=stars]{--pattern:radial-gradient(circle, var(--spot) 1.2px, transparent 2px) 3px 2px / 11px 13px}.mascot-egg[data-pattern=petals]{--pattern:radial-gradient(circle, var(--spot) 3px, transparent 4px) 0 0 / 16px 16px}.mascot-egg[data-pattern=cracks]{--pattern:repeating-linear-gradient(62deg, transparent 0 9px, var(--spot) 9px 10.5px, transparent 10.5px 19px)}.mascot-egg[data-pattern=waves]{--pattern:repeating-radial-gradient(circle at 50% 120%, transparent 0 6px, color-mix(in srgb, var(--spot) 60%, transparent) 6px 8px)}.mascot-egg[data-pattern=scales]{--pattern:radial-gradient(circle at 50% 0, transparent 5px, color-mix(in srgb, var(--spot) 55%, transparent) 5px 6px, transparent 6.5px) 0 0 / 10px 8px}button:hover>.mascot-egg,button[aria-pressed=true]>.mascot-egg{animation-duration:.9s}@keyframes mascot-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}.mascot-bubble{animation:.25s ease-out mascot-pop}.mascot-bubble:after{content:"";background:inherit;border-right:inherit;border-bottom:inherit;width:12px;height:12px;position:absolute;bottom:-6px;left:18px;transform:rotate(45deg)}.mascot-bubble[data-side=right]:after{left:auto;right:18px}@keyframes mascot-pop{0%{opacity:0;transform:translateY(4px)scale(.96)}to{opacity:1;transform:none}}.mascot-canvas{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mascot-emote{filter:drop-shadow(0 2px 3px #00000059);font-size:20px;line-height:1;animation:1.6s ease-out forwards mascot-emote;transform:translate(-50%,-50%)}@keyframes mascot-emote{0%{opacity:0;transform:translate(-50%,-30%)scale(.5)}15%{opacity:1;transform:translate(-50%,-60%)scale(1.15)}30%{transform:translate(-50%,-75%)scale(1)}to{opacity:0;transform:translate(-50%,-190%)scale(.95)}}.pet-toast{animation:2.6s ease-out forwards pet-toast}@keyframes pet-toast{0%{opacity:0;transform:translateY(8px)scale(.9)}12%{opacity:1;transform:translateY(0)scale(1)}80%{opacity:1;transform:translateY(-6px)}to{opacity:0;transform:translateY(-14px)}}.pet-bounce{animation:.6s cubic-bezier(.3,1.6,.5,1) pet-bounce}@keyframes pet-bounce{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.pet-home-target{box-shadow:0 0 0 3px #ffffffe6,0 0 24px 6px #ffbe5ab3}@media (prefers-reduced-motion:reduce){.mascot-egg,.mascot-bubble,.pet-bounce{animation:none}.mascot-emote{animation-duration:1.2s}}