.pet-placeholder{--pet-lottie-size:280px;width:var(--pet-lottie-size);aspect-ratio:1;place-content:center;place-items:center;gap:var(--spacing,.25rem);max-width:100%;padding:var(--spacing,.25rem);border-radius:var(--radius-lg,.75rem);background:var(--color-muted);text-align:center;margin-inline:auto;display:grid;position:relative}.pet-placeholder--sm{--pet-lottie-size:120px}.pet-placeholder--md{--pet-lottie-size:190px}.pet-placeholder--lg{--pet-lottie-size:280px}.pet-placeholder--xl{--pet-lottie-size:380px}.pet-placeholder__orb{aspect-ratio:1;background:linear-gradient(170deg, var(--color-brand-100) 0%, var(--color-brand-200) 60%, var(--color-brand-300) 100%);border-radius:50% 50% 46% 46%/60% 60% 40% 40%;width:46%;animation:1.6s ease-in-out infinite pet-placeholder-pulse;display:block}.pet-placeholder__caption{max-width:80%;color:var(--color-muted-foreground);font-size:var(--text-xs,.75rem);text-wrap:balance;line-height:1.35}.pet-placeholder--failed .pet-placeholder__orb{background:var(--color-border);animation:none}@keyframes pet-placeholder-pulse{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.02)}}@media (prefers-reduced-motion:reduce){.pet-placeholder__orb{animation:none}}.pet-lottie{--pet-lottie-size:280px;--pet-lottie-zoom:1.75;--pet-lottie-grow:1;--pet-lottie-ease:var(--ease-out,cubic-bezier(.16, 1, .3, 1));--pet-lottie-duration:var(--duration-fast,.14s);--pet-gaze-x:0px;--pet-gaze-y:0px;--pet-gaze-tilt:0deg;--pet-crown-top:4%;--pet-crown-left:50.2%;--pet-crown-width:22%;width:var(--pet-lottie-size);aspect-ratio:1;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:var(--radius-lg,.75rem);max-width:100%;transition:transform var(--pet-lottie-duration) var(--pet-lottie-ease), filter var(--pet-lottie-duration) var(--pet-lottie-ease);margin-inline:auto;display:block;position:relative;overflow:visible}.pet-lottie--sm{--pet-lottie-size:120px}.pet-lottie--md{--pet-lottie-size:190px}.pet-lottie--lg{--pet-lottie-size:280px}.pet-lottie--xl{--pet-lottie-size:460px}.pet-lottie__stage{transform:translate3d(var(--pet-gaze-x), var(--pet-gaze-y), 0) rotate(var(--pet-gaze-tilt)) scale(var(--pet-lottie-grow));transform-origin:bottom;transition:transform var(--duration-slow,.32s) var(--pet-lottie-ease);will-change:transform;display:block;position:absolute;inset:0}.pet-lottie__canvas{width:calc(100% * var(--pet-lottie-zoom));height:calc(100% * var(--pet-lottie-zoom));margin-inline:calc((100% - 100% * var(--pet-lottie-zoom)) / 2);margin-block:calc((100% - 100% * var(--pet-lottie-zoom)) / 2);display:block}.pet-lottie[data-stage=baby]{--pet-lottie-zoom:1.15;--pet-lottie-grow:.82}.pet-lottie[data-stage=teen]{--pet-lottie-zoom:1.15;--pet-lottie-grow:.91}.pet-lottie[data-stage=adult]{--pet-lottie-zoom:1.15;--pet-lottie-grow:1}.pet-lottie[data-stage=legend]{--pet-lottie-zoom:1.15;--pet-lottie-grow:1.02}.pet-lottie__halo{border-radius:var(--radius-full,9999px);background:radial-gradient(circle at 50% 46%, var(--color-warning-100) 0%, transparent 68%);pointer-events:none;animation:3.2s ease-in-out infinite pet-lottie-halo;display:block;position:absolute;inset:4%}.pet-lottie__crown{z-index:1;top:var(--pet-crown-top);left:var(--pet-crown-left);width:var(--pet-crown-width);aspect-ratio:5/3;background:var(--color-warning-500);clip-path:polygon(0% 100%,0% 12%,25% 52%,50% 0%,75% 52%,100% 12%,100% 100%);filter:drop-shadow(0 1px 2px oklch(0% 0 0/.3));pointer-events:none;display:block;position:absolute;translate:-50%}.pet-lottie__skeleton{border-radius:inherit;background:var(--color-muted);place-items:center;display:grid;position:absolute;inset:0}.pet-lottie:hover{transform:scale(1.03)}.pet-lottie:active{transform:scale(.97)}.pet-lottie:focus-visible{outline:3px solid var(--ring,var(--color-brand-500));outline-offset:6px}.pet-lottie--petted{animation:pet-lottie-hug 1.15s var(--pet-lottie-ease)}.pet-lottie--reduced,.pet-lottie--reduced:hover,.pet-lottie--reduced:active{transition:none;animation:none;transform:none}.pet-lottie--reduced .pet-lottie__halo{animation:none}.pet-lottie--reduced .pet-lottie__stage{transform:scale(var(--pet-lottie-grow));will-change:auto;transition:none}@keyframes pet-lottie-hug{0%{transform:scale(1)}35%{transform:scale(1.06)rotate(-1.5deg)}70%{transform:scale(.99)rotate(1deg)}to{transform:scale(1)}}@keyframes pet-lottie-halo{0%,to{opacity:.55;transform:scale(.97)}50%{opacity:.9;transform:scale(1.03)}}@media (prefers-reduced-motion:reduce){.pet-lottie,.pet-lottie:hover,.pet-lottie:active{transition:none;animation:none;transform:none}.pet-lottie__halo{animation:none}.pet-lottie__stage{transform:scale(var(--pet-lottie-grow));will-change:auto;transition:none}}