// @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt AGPL-3.0-or-later
// @source: https://gitlab.com/soapbox-pub/ditto/-/tree/f0a3877c
import{r as e}from"./rolldown-runtime-QTnfLwEv.js";import{qi as t}from"./lucide-icons-BdRF0moN.js";import{t as n}from"./jsx-runtime-By8HlURe.js";import{t as r}from"./utils-BFSTDHdM.js";import{n as i}from"./haptics-Cp_uF-bV.js";import{B as a,V as o,W as s,y as c}from"./blobbi-CLChx8JU.js";import{t as l}from"./purify.es-DCh266OY.js";var u={blinkLeft:`blobbi-blink-left`,blinkRight:`blobbi-blink-right`,blink:`blobbi-blink`,eyeLeft:`blobbi-eye-left`,eyeRight:`blobbi-eye-right`,eye:`blobbi-eye`,gazeLeft:`blobbi-eye-gaze-left`,gazeRight:`blobbi-eye-gaze-right`,gaze:`blobbi-eye-gaze`,eyelidLeft:`blobbi-eyelid-left`,eyelidRight:`blobbi-eyelid-right`,eyelid:`blobbi-eyelid`,effectTrackLeft:`blobbi-eye-effect-track-left`,effectTrackRight:`blobbi-eye-effect-track-right`,effectFixedLeft:`blobbi-eye-effect-fixed-left`,effectFixedRight:`blobbi-eye-effect-fixed-right`,clipRect:`blobbi-blink-clip-rect`,pupil:`blobbi-pupil`,highlight:`blobbi-highlight`,sadHighlight:`blobbi-sad-highlight`,sadWater:`blobbi-sad-water`,starEye:`blobbi-star-eye`,dizzySpiral:`blobbi-dizzy-spiral`,closedEye:`blobbi-closed-eye`},d={cx:`data-eye-cx`,cy:`data-eye-cy`,rx:`data-eye-rx`,ry:`data-eye-ry`,side:`data-eye-side`,clipId:`data-clip-id`,clipTop:`data-clip-top`,clipHeight:`data-clip-height`,legacyCx:`data-cx`,legacyCy:`data-cy`,legacyEyeTop:`data-eye-top`,legacyEyeBottom:`data-eye-bottom`},f=.7,p=2e3,m=5e3,h=.95,g=.2,_=2.4,v=4.5,y=4.5,b=2.7,x=[`#1f2937`,`#374151`,`#1e293b`,`#111827`,`#0f172a`,`#64748b`,`#1e1b4b`,`#0891b2`];function S(e){let t=C(e);return t.length>0?t:w(e)}function C(e){let t=[],n=/class="[^"]*blobbi-eye-(left|right)[^"]*"/g,r,i=new Set;for(;(r=n.exec(e))!==null;){let n=r[1];if(r[0].includes(`blobbi-eye-gaze`)||i.has(n))continue;i.add(n);let a=e.slice(0,r.index),o=a.lastIndexOf(`blobbi-blink`);if(o===-1)continue;let s=a.lastIndexOf(`<g`,o),c=a.indexOf(`>`,o);if(s===-1||c===-1)continue;let l=a.slice(s,c+1),u=l.match(/data-eye-cx="([\d.]+)"/)||l.match(/data-cx="([\d.]+)"/),d=l.match(/data-eye-cy="([\d.]+)"/)||l.match(/data-cy="([\d.]+)"/);if(!u||!d)continue;let f=parseFloat(u[1]),p=parseFloat(d[1]),m=e.slice(r.index,r.index+500).match(/\br="([\d.]+)"/),h=m?parseFloat(m[1]):6,g=l.match(/data-eye-ry="([\d.]+)"/),_=g?parseFloat(g[1]):void 0;t.push({cx:f,cy:p,radius:h,side:n,eyeWhiteRy:_})}return t}function w(e){return T(ee(e)).map(e=>({cx:e.blinkCenterX,cy:e.blinkCenterY,radius:e.pupil.radius,side:e.side}))}function ee(e){let t=/<(circle|ellipse)[^>]*\/>/g,n=[],r;for(;(r=t.exec(e))!==null;){let e=te(r[0]);if(!e)continue;let t=`other`;D(r[0])?t=`pupil`:E(r[0],e.radius)?t=`eye-white`:O(r[0],e.radius)&&(t=`highlight`),n.push({match:r[0],index:r.index,endIndex:r.index+r[0].length,cx:e.cx,cy:e.cy,radius:e.radius,type:t})}return n}function T(e){let t=e.filter(e=>e.type===`pupil`),n=e.filter(e=>e.type===`eye-white`),r=e.filter(e=>e.type===`highlight`);if(t.length===0)return[];let i=[...t].sort((e,t)=>e.cx-t.cx),a=i.length>1?(i[0].cx+i[i.length-1].cx)/2:i[0].cx,o=[],s=new Set,c=new Set;for(let e of t){let t=null,i=15;for(let r of n){if(s.has(r))continue;let n=ne(e.cx,e.cy,r.cx,r.cy);n<i&&(i=n,t=r)}t&&s.add(t);let l=r.filter(t=>c.has(t)?!1:ne(e.cx,e.cy,t.cx,t.cy)<15);l.forEach(e=>c.add(e));let u=t||e,d=null;if(t){let e=t.match.match(/rx="(\d+\.?\d*)"/),n=t.match.match(/ry="(\d+\.?\d*)"/),r=t.match.match(/\br="(\d+\.?\d*)"/);if(e&&n)d={rx:parseFloat(e[1]),ry:parseFloat(n[1])};else if(r){let e=parseFloat(r[1]);d={rx:e,ry:e}}}o.push({eyeWhite:t,pupil:e,highlights:l,side:e.cx<a?`left`:`right`,blinkCenterX:u.cx,blinkCenterY:u.cy,eyeWhiteGeometry:d})}return o}function E(e,t){let n=e.match(/fill="url\(#([^"]+)\)"/);if(n){let e=n[1];if(/[Ee]ye[Bb]ase/i.test(e))return!1;if(/[Ee]ye[Ww]hite/i.test(e)||/[Ee]ye/i.test(e)&&!/[Bb]ase/i.test(e))return!0}return!!((e.includes(`fill="white"`)||e.includes(`fill='white'`)||e.includes(`fill="#fff"`)||e.includes(`fill="#ffffff"`)||e.includes(`fill="#FFF"`)||e.includes(`fill="#FFFFFF"`))&&t>=8)}function D(e){if(e.includes(`data-blobbi-pupil`)||/fill="url\(#[^"]*[Pp]upil[^"]*\)"/.test(e))return!0;for(let t of x)if(e.includes(`fill="${t}"`)||e.includes(`fill='${t}'`))return!0;return!1}function O(e,t){return(e.includes(`fill="white"`)||e.includes(`fill='white'`)||e.includes(`fill="#fff"`)||e.includes(`fill="#ffffff"`)||e.includes(`fill="#FFF"`)||e.includes(`fill="#FFFFFF"`))&&t<8}function te(e){let t=e.match(/cx="(-?\d+\.?\d*)"/),n=e.match(/cy="(-?\d+\.?\d*)"/);if(!t||!n)return null;let r=parseFloat(t[1]),i=parseFloat(n[1]),a=e.match(/\br="(\d+\.?\d*)"/);if(a)return{cx:r,cy:i,radius:parseFloat(a[1])};let o=e.match(/rx="(\d+\.?\d*)"/),s=e.match(/ry="(\d+\.?\d*)"/);return o&&s?{cx:r,cy:i,radius:(parseFloat(o[1])+parseFloat(s[1]))/2}:null}function ne(e,t,n,r){return Math.sqrt((n-e)**2+(r-t)**2)}function k(e,t,n){let r=e.indexOf(`class="${u.gaze} ${u.gaze}-${t}"`);if(r===-1&&e.indexOf(`class="${u.gaze}-${t}`)===-1||e.lastIndexOf(`<g`,r)===-1)return e;let i=e.indexOf(`>`,r);if(i===-1)return e;let a=oe(e,i+1,`g`);return a===-1?e:e.slice(0,a)+`\n        ${n}\n      `+e.slice(a)}function re(e,t,n){let r=RegExp(`(<g[^>]*class="[^"]*${u.blink}-${t}[^"]*"[^>]*>)([\\s\\S]*?)(<g[^>]*class="[^"]*${u.eye}-${t}[^"]*"[^>]*>)`,`i`),i=e.match(r);if(!i)return e;let[a,o,s,c]=i,l=`${o}${s}${n}\n    ${c}`;return e.replace(a,l)}function A(e,t){let n=t===`both`?[`left`,`right`]:[t];for(let t of n)e=ce(e,t,e=>e.replace(/<circle([^>]*fill="white"[^/]*)\s*\/>/gi,`<circle$1 opacity="0" />`));return e}function j(e,t){let n=`<style type="text/css">\n${t}\n  </style>`;return e.includes(`<defs>`)?e.replace(`<defs>`,`<defs>\n    ${n}`):e.replace(/(<svg[^>]*>)/,`$1\n  ${n}`)}function ie(e,t){return e.replace(/<svg([^>]*)>/,(e,n)=>n.includes(`class="`)?e.replace(/class="([^"]*)"/,`class="$1 ${t}"`):n.includes(`class='`)?e.replace(/class='([^']*)'/,`class='$1 ${t}'`):`<svg${n} class="${t}">`)}function ae(e,t){return e.replace(`</svg>`,`${t}\n</svg>`)}function oe(e,t,n){let r=1,i=t,a=RegExp(`<${n}(?:\\s|>)`,`gi`),o=RegExp(`</${n}>`,`gi`);for(;i<e.length&&r>0;){a.lastIndex=i,o.lastIndex=i;let t=a.exec(e),n=o.exec(e);if(!n)return-1;if(!t||n.index<t.index){if(r--,r===0)return n.index;i=n.index+n[0].length}else r++,i=t.index+t[0].length}return-1}function se(e,t){let n=e.indexOf(t);if(n===-1)return null;let r=e.lastIndexOf(`<g`,n);if(r===-1)return null;let i=e.indexOf(`>`,n);if(i===-1)return null;let a=oe(e,i+1,`g`);if(a===-1)return null;let o=a+4;return{openTagStart:r,openTagEnd:i+1,closeTagStart:a,closeTagEnd:o}}function ce(e,t,n){let r=se(e,`class="${u.gaze} ${u.gaze}-${t}"`);if(!r){let r=se(e,`class="${u.gaze}-${t}`);if(!r)return e;let i=n(e.substring(r.openTagEnd,r.closeTagStart));return e.substring(0,r.openTagEnd)+i+e.substring(r.closeTagStart)}let i=n(e.substring(r.openTagEnd,r.closeTagStart));return e.substring(0,r.openTagEnd)+i+e.substring(r.closeTagStart)}var le=/^#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i,ue=/^(?:rgb|rgba|hsl|hsla)\(\s*[\d.,\s%]+\)$/i,de=/^[a-z]{3,24}$/i;function fe(e,t=`#000`){return le.test(e)||ue.test(e)||de.test(e)?e:t}function M(e){let t=e.match(/<(path|circle|ellipse|rect)\s([^>]*data-blobbi-body="true"[^>]*)\/>/);if(t){let e=t[1],n=t[2];return pe(e,n)}let n=e.match(/<path[^>]*d="([^"]+)"[^>]*fill="url\(#[^"]*[Bb]ody[^"]*\)"[^>]*\/>/);if(n){let e=n[1];return{pathD:e,..._e(e)}}let r=e.match(/<!--[^>]*[Bb]ody[^>]*-->\s*<path[^>]*d="([^"]+)"/);if(r){let e=r[1];return{pathD:e,..._e(e)}}return null}function pe(e,t){if(e===`path`){let e=me(t,`d`);return e?{pathD:e,..._e(e)}:null}if(e===`circle`){let e=N(t,`cx`),n=N(t,`cy`),r=N(t,`r`);return e===null||n===null||r===null?null:he(e,n,r,r)}if(e===`ellipse`){let e=N(t,`cx`),n=N(t,`cy`),r=N(t,`rx`),i=N(t,`ry`);return e===null||n===null||r===null||i===null?null:he(e,n,r,i)}if(e===`rect`){let e=N(t,`x`)??0,n=N(t,`y`)??0,r=N(t,`width`),i=N(t,`height`),a=N(t,`rx`)??0;return r===null||i===null?null:ge(e,n,r,i,a)}return null}function N(e,t){let n=e.match(RegExp(`${t}="([^"]+)"`));if(!n)return null;let r=parseFloat(n[1]);return isNaN(r)?null:r}function me(e,t){let n=e.match(RegExp(`${t}="([^"]+)"`));return n?n[1]:null}function he(e,t,n,r){return{pathD:`M ${e-n} ${t} A ${n} ${r} 0 1 0 ${e+n} ${t} A ${n} ${r} 0 1 0 ${e-n} ${t} Z`,minX:e-n,maxX:e+n,minY:t-r,maxY:t+r,centerX:e,width:n*2,height:r*2}}function ge(e,t,n,r,i){let a=Math.min(i,n/2,r/2),o;return o=a>0?`M ${e+a} ${t} L ${e+n-a} ${t} A ${a} ${a} 0 0 1 ${e+n} ${t+a} L ${e+n} ${t+r-a} A ${a} ${a} 0 0 1 ${e+n-a} ${t+r} L ${e+a} ${t+r} A ${a} ${a} 0 0 1 ${e} ${t+r-a} L ${e} ${t+a} A ${a} ${a} 0 0 1 ${e+a} ${t} Z`:`M ${e} ${t} L ${e+n} ${t} L ${e+n} ${t+r} L ${e} ${t+r} Z`,{pathD:o,minX:e,maxX:e+n,minY:t,maxY:t+r,centerX:e+n/2,width:n,height:r}}function _e(e){let t=e.match(/-?\d+\.?\d*/g)?.map(Number)||[],n=1/0,r=-1/0,i=1/0,a=-1/0;for(let e=0;e<t.length-1;e+=2){let o=t[e],s=t[e+1];o!==void 0&&!isNaN(o)&&(n=Math.min(n,o),r=Math.max(r,o)),s!==void 0&&!isNaN(s)&&(i=Math.min(i,s),a=Math.max(a,s))}(!isFinite(n)||!isFinite(r))&&(n=20,r=80),(!isFinite(i)||!isFinite(a))&&(i=10,a=90);let o=r-n,s=a-i,c=n+o/2;return{minX:n,maxX:r,minY:i,maxY:a,centerX:c,width:o,height:s}}var P={smudge:`#8b7355`,grime:`#6b5340`,dust:`#7a6b55`},ve={wisp:`#7c9a5e`,puff:`#8fac6e`,fly:`#4a5240`},ye=[{x:33,y:77,rx:4,ry:2.5,rotate:15,weight:.4,tone:`smudge`},{x:65,y:75,rx:3.5,ry:2,rotate:-20,weight:.35,tone:`smudge`},{x:36,y:80,rx:1.5,ry:1.2,rotate:40,weight:.5,tone:`grime`},{x:62,y:78,rx:1.2,ry:1,rotate:-10,weight:.45,tone:`grime`},{x:50,y:82,rx:3,ry:2,rotate:5,weight:.3,tone:`smudge`},{x:40,y:83,rx:1,ry:.8,rotate:25,weight:.4,tone:`grime`}];function be(e,t,n){let{minX:r,maxX:i,minY:a,width:o,height:s}=e,c=a+s*.55,l=Math.max(3,o*.05);return[{x:r+o*.18,y:c+s*.18,rx:l*1.3,ry:l*.8,rotate:25,weight:.4*n,tone:`smudge`},{x:i-o*.18,y:c+s*.12,rx:l*1.1,ry:l*.7,rotate:-18,weight:.35*n,tone:`smudge`},{x:r+o*.25,y:c+s*.24,rx:l*.5,ry:l*.4,rotate:40,weight:.5*n,tone:`grime`},{x:i-o*.25,y:c+s*.2,rx:l*.45,ry:l*.35,rotate:-12,weight:.45*n,tone:`grime`},{x:r+o*.48,y:c+s*.3,rx:l*1,ry:l*.65,rotate:8,weight:.3*n,tone:`smudge`},{x:r+o*.35,y:c+s*.32,rx:l*.35,ry:l*.3,rotate:55,weight:.42*n,tone:`grime`}].slice(0,t+Math.min(t,3))}var xe=[{x:78,y:135,rx:6,ry:3.5,rotate:20,weight:.4,tone:`smudge`},{x:122,y:130,rx:5.5,ry:3,rotate:-15,weight:.35,tone:`smudge`},{x:82,y:142,rx:2.5,ry:2,rotate:35,weight:.5,tone:`grime`},{x:118,y:138,rx:2,ry:1.5,rotate:-8,weight:.45,tone:`grime`},{x:100,y:150,rx:5,ry:3,rotate:5,weight:.3,tone:`smudge`},{x:90,y:152,rx:1.5,ry:1.2,rotate:50,weight:.4,tone:`grime`}];function Se(e){let{x:t,y:n,rx:r,ry:i,rotate:a}=e,o=.55,s=r*.15,c=i*.12;return`<path
    d="M ${t-r} ${n}
       C ${t-r} ${n-i*o-c}, ${t-r*o+s} ${n-i}, ${t+s} ${n-i}
       C ${t+r*o+s} ${n-i}, ${t+r} ${n-i*o+c}, ${t+r} ${n+c}
       C ${t+r} ${n+i*o+c}, ${t+r*o-s} ${n+i}, ${t-s} ${n+i}
       C ${t-r*o-s} ${n+i}, ${t-r} ${n+i*o-c}, ${t-r} ${n}
       Z"
    fill="${e.tone===`grime`?P.grime:P.smudge}"
    opacity="${e.weight.toFixed(2)}"
    transform="rotate(${a} ${t} ${n})"
  />`}function Ce(e){if(!e.enabled)return``;let t=e.count??3,n=e.variant??`adult`,r=e.intensity??.6,i=[],a;if(a=n===`adult`&&e.bodyPath?be(e.bodyPath,t,r):n===`baby`?ye.slice(0,t+Math.min(t,3)).map(e=>({...e,weight:e.weight*r})):xe.slice(0,t+Math.min(t,3)).map(e=>({...e,weight:e.weight*r})),a.forEach((e,t)=>{i.push(`<g class="blobbi-mud-smudge blobbi-mud-smudge-${t}">${Se(e)}</g>`)}),a.length>=2){let e=a[0],t=a[1],o=n===`baby`?8:16,s=(.08*r).toFixed(2);i.push(`<circle
      class="blobbi-dust-patch"
      cx="${((e.x+t.x)/2).toFixed(1)}"
      cy="${((e.y+t.y)/2+o*.3).toFixed(1)}"
      r="${o}"
      fill="${P.dust}"
      opacity="${s}"
    />`)}return i.join(`
`)}function we(e){if(!e.enabled)return``;let t=e.variant??`adult`,n=e.intensity??.6,r=[],i;if(t===`adult`&&e.bodyPath){let{minX:t,maxX:n,maxY:r,width:a,height:o}=e.bodyPath,s=Math.max(1.2,a*.015),c=r-o*.15;i=[{x:t+a*.15,y:c,r:s,delay:0},{x:n-a*.15,y:c-o*.05,r:s*.85,delay:.6},{x:t+a*.4,y:c+o*.08,r:s*.7,delay:1.2}]}else i=t===`baby`?[{x:32,y:79,r:1,delay:0},{x:66,y:77,r:.9,delay:.6},{x:48,y:83,r:.75,delay:1.2}]:[{x:80,y:140,r:1.5,delay:0},{x:120,y:137,r:1.3,delay:.6},{x:98,y:150,r:1.1,delay:1.2}];let a=.35*n;return i.forEach((e,t)=>{r.push(`<circle
      class="blobbi-grime-mote blobbi-grime-mote-${t}"
      cx="${e.x.toFixed(1)}"
      cy="${e.y.toFixed(1)}"
      r="${e.r.toFixed(1)}"
      fill="${P.grime}"
      opacity="${a.toFixed(2)}"
    >
      <animate
        attributeName="opacity"
        values="${a.toFixed(2)};${(a*.4).toFixed(2)};${a.toFixed(2)}"
        dur="3s"
        begin="${e.delay}s"
        repeatCount="indefinite"
      />
      <animate
        attributeName="cy"
        values="${e.y.toFixed(1)};${(e.y-2).toFixed(1)};${e.y.toFixed(1)}"
        dur="3.5s"
        begin="${e.delay}s"
        repeatCount="indefinite"
      />
    </circle>`)}),r.join(`
`)}var Te=[{x:28,y:45,delay:0,drift:-1},{x:72,y:42,delay:1,drift:1},{x:50,y:30,delay:2,drift:-1},{x:38,y:48,delay:2.8,drift:1}],Ee=[{x:58,y:90,delay:0,drift:-1},{x:142,y:85,delay:1,drift:1},{x:100,y:60,delay:2,drift:-1},{x:70,y:95,delay:2.8,drift:1}];function De(e,t,n,r){let i=18*r,a=3.5*r,o=n;return`M ${e} ${t}
    C ${e+a*o} ${t-i*.15}, ${e-a*o} ${t-i*.35}, ${e+a*.3*o} ${t-i*.5}
    C ${e+a*o} ${t-i*.65}, ${e-a*o} ${t-i*.85}, ${e} ${t-i}`}function Oe(e){if(!e.enabled)return``;let t=e.count??3,n=e.variant??`adult`,r=[],i=n===`baby`,a=i?1:2,o=i?10:20,s=(i?Te:Ee).slice(0,t),c=i?1.2:2,l=i?2:4;if(s.forEach((e,t)=>{let n=De(e.x,e.y,e.drift,a);r.push(`<g class="blobbi-odor-wisp blobbi-odor-wisp-${t}" opacity="0">
      <!-- Wavy stink line -->
      <path
        d="${n}"
        stroke="${ve.wisp}"
        stroke-width="${c}"
        stroke-linecap="round"
        fill="none"
        opacity="0.7"
      />
      <!-- Small puff cloudlet near mid-wisp -->
      <circle
        cx="${(e.x+e.drift*2*a).toFixed(1)}"
        cy="${(e.y-9*a).toFixed(1)}"
        r="${l}"
        fill="${ve.puff}"
        opacity="0.25"
      />
      <!-- Rise + fade animation on the whole group -->
      <animateTransform
        attributeName="transform"
        type="translate"
        values="0 0; ${(e.drift*2*a).toFixed(1)} -${o}"
        dur="3.5s"
        begin="${e.delay}s"
        repeatCount="indefinite"
      />
      <animate
        attributeName="opacity"
        values="0;0.7;0.7;0"
        keyTimes="0;0.12;0.65;1"
        dur="3.5s"
        begin="${e.delay}s"
        repeatCount="indefinite"
      />
    </g>`)}),e.flies){let t=je(e);t&&r.push(t)}return r.join(`
`)}var ke=[{cx:58,cy:80,rx:5,ry:3,dur:2.2,delay:0},{cx:38,cy:78,rx:4.5,ry:2.5,dur:2.8,delay:.5},{cx:50,cy:84,rx:4,ry:2.5,dur:3.2,delay:1}],Ae=[{cx:120,cy:155,rx:10,ry:6,dur:2.2,delay:0},{cx:78,cy:150,rx:9,ry:5,dur:2.8,delay:.5},{cx:100,cy:162,rx:8,ry:5,dur:3.2,delay:1}];function je(e){let t=e.flyCount??2,n=(e.variant??`adult`)===`baby`,r=(n?ke:Ae).slice(0,t),i=n?.8:1.4,a=[];return r.forEach((e,t)=>{let n=`M ${e.cx-e.rx} ${e.cy}
      A ${e.rx} ${e.ry} 0 1 1 ${e.cx+e.rx} ${e.cy}
      A ${e.rx} ${e.ry} 0 1 1 ${e.cx-e.rx} ${e.cy} Z`;a.push(`<g class="blobbi-fly blobbi-fly-${t}">
      <circle r="${i}" fill="${ve.fly}" opacity="0.75">
        <animateMotion
          path="${n}"
          dur="${e.dur}s"
          begin="${e.delay}s"
          repeatCount="indefinite"
          rotate="auto"
        />
      </circle>
    </g>`)}),a.join(`
`)}function Me(e,t,n){let{pathD:r,minX:i,maxX:a,minY:o,maxY:s}=e,c=s-o,l=a-i,u=fe(t.color),d=n??Math.random().toString(36).slice(2,8),f=`blobbi-anger-clip-${d}`,p=`blobbi-anger-gradient-${d}`,m=t.level!==void 0&&t.level!==null,h=m?Math.max(0,Math.min(1,t.level)):0,g=t.bottomOpacity??.55,_=t.edgeOpacity??.45;return{defs:m?`
    <clipPath id="${f}">
      <path d="${r}" />
    </clipPath>
    <linearGradient id="${p}" x1="0" y1="1" x2="0" y2="0">
      <stop offset="0%" stop-color="${u}" stop-opacity="${g}" />
      <stop offset="${Math.max(0,h-.1)}" stop-color="${u}" stop-opacity="${_}" />
      <stop offset="${h}" stop-color="${u}" stop-opacity="0" />
    </linearGradient>`:`
    <clipPath id="${f}">
      <path d="${r}" />
    </clipPath>
    <linearGradient id="${p}" x1="0" y1="1" x2="0" y2="0">
      <stop offset="0%" stop-color="${u}">
        <animate 
          attributeName="stop-opacity" 
          values="0;0.5;0.5" 
          keyTimes="0;0.5;1"
          dur="${t.duration}s" 
          fill="freeze"
        />
      </stop>
      <stop stop-color="${u}">
        <animate 
          attributeName="offset" 
          values="0;1" 
          dur="${t.duration}s" 
          fill="freeze"
        />
        <animate 
          attributeName="stop-opacity" 
          values="0;0.4;0.4" 
          keyTimes="0;0.3;1"
          dur="${t.duration}s" 
          fill="freeze"
        />
      </stop>
      <stop stop-color="${u}" stop-opacity="0">
        <animate 
          attributeName="offset" 
          values="0;1" 
          dur="${t.duration}s" 
          fill="freeze"
        />
      </stop>
    </linearGradient>`,overlay:`
    <rect 
      class="blobbi-anger-rise"
      x="${i-2}" y="${o}" 
      width="${l+4}" height="${c}"
      fill="url(#${p})"
      clip-path="url(#${f})"
    />`}}function Ne(e,t={includeWaterFill:!0},n){let r=n||S(e);if(r.length===0)return e;for(let n of r){e=A(e,n.side);let r=Pe(n);if(e=k(e,n.side,r),t.includeWaterFill){let t=Fe(n);e=re(e,n.side,t)}}return e}function Pe(e){let t=e.cx-e.radius*.25,n=e.cy-e.radius*.55,r=e.radius*.4,i=e.cx+e.radius*.15,a=e.cy+e.radius*.35,o=e.radius*.25;return`<!-- Sad highlights for ${e.side} eye -->
      <circle cx="${t}" cy="${n}" r="${r}" fill="white" opacity="0.9" class="${u.sadHighlight}" />
      <circle cx="${i}" cy="${a}" r="${o}" fill="white" opacity="0.8" class="${u.sadHighlight}" />`}function Fe(e){let t=e.radius*1.35,n=e.radius*1.65,r=e.cy-e.radius*.15,i=r+n*.3,a=r+n*.95,o=t*.85;return`<!-- Blue watery fill for ${e.side} eye -->
    <path
      class="${u.sadWater} ${u.sadWater}-${e.side}"
      d="M ${e.cx-o} ${i} 
         Q ${e.cx-o} ${a} ${e.cx} ${a}
         Q ${e.cx+o} ${a} ${e.cx+o} ${i}
         Z"
      fill="#7dd3fc"
      opacity="0.4"
    >
      <animate 
        attributeName="opacity" 
        values="0.3;0.5;0.3" 
        dur="2s" 
        repeatCount="indefinite"
      />
    </path>`}function Ie(e,t={points:5,color:`#fbbf24`,scale:.9},n){let r=n||S(e);if(r.length===0)return e;e=ie(e,`blobbi-star-eyes`),e=j(e,`
    /* Hide original pupil circles */
    .blobbi-star-eyes .${u.eye} > circle:not(.${u.starEye} *),
    .blobbi-star-eyes .${u.eye} > circle[fill]:not([fill="white"]) {
      opacity: 0;
    }
    /* Ensure star elements are visible */
    .blobbi-star-eyes .${u.starEye} {
      opacity: 1;
    }
  `);for(let n of r){let r=Re(n,t);e=k(e,n.side,r)}let i=M(e),a=ze(t.color,i);return e=ae(e,`
  <!-- Excited sparkles around Blobbi -->
  <g class="blobbi-sparkles-group">
    ${a}
  </g>`),e}function Le(e,t,n,r,i){let a=[],o=-Math.PI/2;for(let s=0;s<i*2;s++){let c=o+s*Math.PI/i,l=s%2==0?n:r,u=e+l*Math.cos(c),d=t+l*Math.sin(c);s===0?a.push(`M ${u.toFixed(2)} ${d.toFixed(2)}`):a.push(`L ${u.toFixed(2)} ${d.toFixed(2)}`)}return a.push(`Z`),a.join(` `)}function Re(e,t){let n=e.radius*t.scale,r=n*.4,i=Le(e.cx,e.cy,n,r,t.points);return`<g class="${u.starEye} ${u.starEye}-${e.side}">
      <path
        d="${i}"
        fill="${t.color}"
        stroke="#f59e0b"
        stroke-width="0.5"
      />
      <!-- Small highlight on star -->
      <circle cx="${e.cx-n*.2}" cy="${e.cy-n*.3}" r="${n*.15}" fill="white" opacity="0.7" />
    </g>`}function ze(e,t){let n=t?.centerX??50,r=t?t.minY+t.height/2:50,i=t?t.width/2*1.6:40,a=t?t.height/2*1.5:42,o=t?Math.max(2,t.width*.04):2.5;return[{angle:-90,sizeMul:1,delay:0},{angle:-45,sizeMul:.8,delay:.2},{angle:-135,sizeMul:.85,delay:.4},{angle:0,sizeMul:.9,delay:.15},{angle:180,sizeMul:.75,delay:.5},{angle:30,sizeMul:.7,delay:.35},{angle:150,sizeMul:.65,delay:.45},{angle:60,sizeMul:.6,delay:.1},{angle:120,sizeMul:.7,delay:.25},{angle:-60,sizeMul:.9,delay:.8},{angle:-120,sizeMul:.8,delay:.6}].map(({angle:t,sizeMul:s,delay:c})=>{let l=t*Math.PI/180;return Be(n+Math.cos(l)*i,r+Math.sin(l)*a,o*s,e,c,2+c*.3)}).join(`
  `)}function Be(e,t,n,r,i,a){return`<g class="blobbi-sparkle" style="transform-origin: ${e}px ${t}px;">
      <path 
        d="M ${e} ${t-n} L ${e+n*.3} ${t} L ${e} ${t+n} L ${e-n*.3} ${t} Z M ${e-n} ${t} L ${e} ${t+n*.3} L ${e+n} ${t} L ${e} ${t-n*.3} Z"
        fill="${r}"
        opacity="0"
      >
        <animate attributeName="opacity" values="0;0.7;0" dur="${a}s" begin="${i}s" repeatCount="indefinite" />
      </path>
    </g>`}function Ve(e,t={rotationDuration:2},n){let r=n||S(e);if(r.length===0)return e;e=ie(e,`blobbi-dizzy`),e=j(e,`
    /* Hide normal eyes when dizzy */
    .blobbi-dizzy .${u.blink} {
      opacity: 0;
    }
  `);let i=r.map(e=>He(e,t)).join(`
`);return e=ae(e,`
  <!-- Dizzy spiral eyes -->
  <g class="blobbi-dizzy-eyes">
    ${i}
  </g>`),e}function He(e,t){let n=e.radius*1.2,r=Ue(e.cx,e.cy,n);return`<g class="${u.dizzySpiral} ${u.dizzySpiral}-${e.side}">
    <path
      d="${r}"
      stroke="#1f2937"
      stroke-width="1.5"
      fill="none"
      stroke-linecap="round"
    >
      <animateTransform
        attributeName="transform"
        type="rotate"
        from="360 ${e.cx} ${e.cy}"
        to="0 ${e.cx} ${e.cy}"
        dur="${t.rotationDuration}s"
        repeatCount="indefinite"
      />
    </path>
  </g>`}function Ue(e,t,n){let r=[];for(let i=0;i<=40;i++){let a=i/40*2*2*Math.PI,o=i/40*n,s=e+o*Math.cos(a),c=t+o*Math.sin(a);i===0?r.push(`M ${s.toFixed(2)} ${c.toFixed(2)}`):r.push(`L ${s.toFixed(2)} ${c.toFixed(2)}`)}return r.join(` `)}function We(e){return Ke(e)||Je(e)}function Ge(e){let t=e.position;return{cx:(t.startX+t.endX)/2,cy:t.controlY}}function Ke(e){let t=e.match(/<!--\s*Mouth[^>]*-->/i);if(!t||t.index===void 0)return null;let n=t.index+t[0].length,r=e.slice(n),i=r.match(/(?:<!--(?!\s*Mouth)|<(?:ellipse|circle|g|rect)[^>]*(?:id|class)=)/i)?.index??r.indexOf(`</svg>`),a=r.slice(0,i).trim(),o=qe(a);return o?{position:o,mouthElements:a,startIndex:n,endIndex:n+i}:null}function qe(e){let t=/d="M\s*([\d.]+)\s+([\d.]+)\s*Q\s*([\d.]+)\s+([\d.]+)\s+([\d.]+)\s+([\d.]+)"/g,n=t.exec(e);if(!n)return null;let r=e.match(/stroke-width="([^"]*)"/),i=r?r[1]:`2.5`,a=Math.min(parseFloat(n[1]),parseFloat(n[5])),o=Math.max(parseFloat(n[1]),parseFloat(n[5])),s=parseFloat(n[2]),c=parseFloat(n[4]),l=parseFloat(n[6]),u;for(;(u=t.exec(e))!==null;)a=Math.min(a,parseFloat(u[1]),parseFloat(u[5])),o=Math.max(o,parseFloat(u[1]),parseFloat(u[5]));return{startX:a,startY:s,controlX:(a+o)/2,controlY:c,endX:o,endY:l,strokeAttrs:`stroke="#1f2937" stroke-width="${i}"`}}function Je(e){let t=/<path[^>]*d="M\s*([\d.]+)\s+([\d.]+)\s*Q\s*([\d.]+)\s+([\d.]+)\s+([\d.]+)\s+([\d.]+)"([^>]*stroke[^>]*)\/>/g,n;for(;(n=t.exec(e))!==null;){let e=parseFloat(n[1]),t=parseFloat(n[2]),r=parseFloat(n[3]),i=parseFloat(n[4]),a=parseFloat(n[5]),o=parseFloat(n[6]),s=n[7]||``;if(Math.abs(t-o)<5&&t>40){let n=s.match(/stroke-width="([^"]*)"/);return{position:{startX:e,startY:t,controlX:r,controlY:i,endX:a,endY:o,strokeAttrs:`stroke="#1f2937" stroke-width="${n?n[1]:`2.5`}"`}}}}return null}function F(e,t){let n=Ye(e,t);return n===null?Xe(e,t):n}function Ye(e,t){let n=e.match(/<!--\s*Mouth[^>]*-->/i);if(!n||n.index===void 0)return null;let r=n.index+n[0].length,i=e.slice(r),a=i.match(/(?:<!--(?!\s*Mouth)|<(?:ellipse|circle|g|rect)[^>]*(?:id|class)=)/i)?.index??i.indexOf(`</svg>`),o=i.slice(0,a),s=/<path[^>]*d="M\s*[\d.]+\s+[\d.]+\s*Q\s*[\d.]+\s+[\d.]+\s+[\d.]+\s+[\d.]+"[^>]*stroke[^>]*\/>/g;if(!s.test(o))return null;s.lastIndex=0;let c=!1,l=o.replace(s,()=>c?``:(c=!0,t));return e.slice(0,r)+l+e.slice(r+a)}function Xe(e,t){let n=/<path[^>]*d="M\s*[\d.]+\s+[\d.]+\s*Q\s*[\d.]+\s+[\d.]+\s+[\d.]+\s+[\d.]+"[^>]*stroke[^>]*\/>/g,r=e.match(n);if(!r||r.length===0)return e;let i=!1;return e.replace(n,()=>i?``:(i=!0,t))}function Ze(e,t){let n=/<(?:path|ellipse)[^>]*class="[^"]*blobbi-mouth[^"]*"[^>]*\/>/g,r=e.match(n);if(r&&r.length>0){let r=!1;return e.replace(n,()=>r?``:(r=!0,t))}let i=/<(path|ellipse)[^>]*class="[^"]*blobbi-mouth[^"]*"[^>]*>[\s\S]*?<\/\1>/g,a=e.match(i);if(a&&a.length>0){let n=!1;return e.replace(i,()=>n?``:(n=!0,t))}return F(e,t)}function Qe(e,t){let n=(e.startX+e.endX)/2,r=e.controlY;return t.filled?`<ellipse 
      class="blobbi-mouth blobbi-mouth-round"
      cx="${n}" cy="${r}" 
      rx="${t.rx}" ry="${t.ry}"
      fill="#1f2937"
    />`:`<ellipse 
      class="blobbi-mouth blobbi-mouth-round"
      cx="${n}" cy="${r}" 
      rx="${t.rx}" ry="${t.ry}"
      fill="none" stroke="#1f2937" stroke-width="2"
    />`}function $e(e){let t=(e.startY+e.endY)/2,n=e.controlY-t,r=t-n,i=Math.abs(n)*.5;return`<path 
    class="blobbi-mouth blobbi-mouth-sad"
    d="M ${e.startX} ${e.startY+i} Q ${e.controlX} ${r+i} ${e.endX} ${e.endY+i}" 
    ${e.strokeAttrs||`stroke="#1f2937" stroke-width="2.5"`}
    fill="none" stroke-linecap="round"
  />`}function et(e,t){let n=t.scale,r=(e.startX+e.endX)/2,i=(e.startY+e.endY)/2,a=r+(e.startX-r)*n,o=r+(e.endX-r)*n;return`<path 
    class="blobbi-mouth blobbi-mouth-small"
    d="M ${a} ${i} Q ${r} ${i+(e.controlY-i)*n} ${o} ${i}" 
    ${e.strokeAttrs||`stroke="#1f2937" stroke-width="2.5"`}
    fill="none" stroke-linecap="round"
  />`}function tt(e,t){let n=(e.startY+e.endY)/2,r=(e.startX+e.endX)/2,i=e.controlY-n,a=n-i*t.curveScale,o=(e.endX-e.startX)/2*t.widthScale,s=r-o,c=r+o,l=Math.abs(i)*.3;return`<path 
    class="blobbi-mouth blobbi-mouth-droopy"
    d="M ${s} ${n+l} Q ${r} ${a+l} ${c} ${n+l}" 
    ${e.strokeAttrs||`stroke="#1f2937" stroke-width="2.5"`}
    fill="none" stroke-linecap="round"
  />`}function nt(e,t){let n=(e.startX+e.endX)/2,r=(e.startY+e.endY)/2,i=(e.endX-e.startX)/2*t.widthScale,a=n-i,o=n+i;return`<path 
    class="blobbi-mouth blobbi-mouth-big"
    d="M ${a} ${r} Q ${n} ${r+(e.controlY-r)*t.curveScale} ${o} ${r}" 
    ${e.strokeAttrs||`stroke="#1f2937" stroke-width="2.5"`}
    fill="none" stroke-linecap="round"
  />`}function rt(e,t,n=`right`){let r=(e.startX+e.endX)/2,i=(e.startY+e.endY)/2,a=e.controlY-i;if(t?.roundMouth){let i=t.roundMouth.rx,a=e.controlY;return{x:n===`right`?r+i:r-i,y:a}}if(t?.droopyMouth){let o=(e.endX-e.startX)/2*t.droopyMouth.widthScale,s=Math.abs(a)*.3;return{x:n===`right`?r+o:r-o,y:i+s}}if(t?.sadMouth){let t=Math.abs(a)*.5;return{x:n===`right`?e.endX:e.startX,y:e.endY+t}}if(t?.smallSmile){let a=t.smallSmile.scale;return{x:n===`right`?r+(e.endX-r)*a:r+(e.startX-r)*a,y:i}}if(t?.bigSmile){let a=(e.endX-e.startX)/2*t.bigSmile.widthScale;return{x:n===`right`?r+a:r-a,y:i}}let o=Math.abs(a)*.3;return{x:n===`right`?e.endX:e.startX,y:i+o}}function it(e,t){let n=(t.side||`right`)===`right`?e.x-1:e.x+1,r=e.y+1;return`<g class="blobbi-drool">
    <path
      d="M ${n} ${r} 
         Q ${n-3*.3} ${r+6*.4} ${n} ${r+6*.6}
         Q ${n+3*.5} ${r+6*.8} ${n} ${r+6}
         Q ${n-3*.5} ${r+6*.8} ${n} ${r+6*.6}
         Q ${n+3*.3} ${r+6*.4} ${n} ${r}
         Z"
      fill="url(#droolGradient)"
      opacity="0.85"
    >
      <animate
        attributeName="d"
        values="M ${n} ${r} Q ${n-3*.3} ${r+6*.4} ${n} ${r+6*.6} Q ${n+3*.5} ${r+6*.8} ${n} ${r+6} Q ${n-3*.5} ${r+6*.8} ${n} ${r+6*.6} Q ${n+3*.3} ${r+6*.4} ${n} ${r} Z;
                M ${n} ${r} Q ${n-3*.4} ${r+6*.45} ${n-.3} ${r+6*.65} Q ${n+3*.4} ${r+6*.85} ${n-.3} ${r+6+.5} Q ${n-3*.6} ${r+6*.75} ${n-.3} ${r+6*.65} Q ${n+3*.2} ${r+6*.35} ${n} ${r} Z;
                M ${n} ${r} Q ${n-3*.3} ${r+6*.4} ${n} ${r+6*.6} Q ${n+3*.5} ${r+6*.8} ${n} ${r+6} Q ${n-3*.5} ${r+6*.8} ${n} ${r+6*.6} Q ${n+3*.3} ${r+6*.4} ${n} ${r} Z"
        dur="2s"
        repeatCount="indefinite"
        calcMode="spline"
        keySplines="0.4 0 0.6 1;0.4 0 0.6 1"
      />
    </path>
    <ellipse 
      cx="${n-.5}" cy="${r+6*.3}" 
      rx="0.8" ry="1"
      fill="white" opacity="0.6"
    />
  </g>`}function at(e){let t=(e.variant??`baby`)===`adult`,n,r;if(t&&e.bodyPath){let{minX:t,minY:i,width:a,height:o}=e.bodyPath;n=t+a*.15,r=i+o*.25}else t?(n=55,r=45):(n=68,r=8);let i=t?1.8:1,a=t?1.5:1;if(e.type===`plate`){let e=5*i;return`<g class="blobbi-food-icon" opacity="0.75" transform="translate(${n}, ${r})">
      <circle cx="0" cy="${3*i}" r="${e}" fill="none" stroke="#9ca3af" stroke-width="${.8*a}" />
      <path d="M ${-4*i} ${-2*i} L ${-4*i} ${5*i}" stroke="#9ca3af" stroke-width="${.8*a}" stroke-linecap="round" />
      <path d="M ${-5*i} ${-2*i} L ${-5*i} ${1*i}" stroke="#9ca3af" stroke-width="${.6*a}" stroke-linecap="round" />
      <path d="M ${-3*i} ${-2*i} L ${-3*i} ${1*i}" stroke="#9ca3af" stroke-width="${.6*a}" stroke-linecap="round" />
      <path d="M ${4*i} ${-2*i} L ${4*i} ${5*i}" stroke="#9ca3af" stroke-width="${.8*a}" stroke-linecap="round" />
      <path d="M ${4*i} ${-2*i} Q ${5.5*i} 0 ${4*i} ${2*i}" fill="none" stroke="#9ca3af" stroke-width="${.6*a}" />
    </g>`}return`<g class="blobbi-food-icon" opacity="${t?.75:.65}" transform="translate(${n}, ${r}) scale(${i})">
    <!-- Fork -->
    <g transform="translate(-5, 0)">
      <path d="M 2 3 L 2 8" stroke="#6b7280" stroke-width="${1*a}" stroke-linecap="round" />
      <path d="M 0.5 0 L 0.5 3" stroke="#6b7280" stroke-width="${.7*a}" stroke-linecap="round" />
      <path d="M 2 0 L 2 3" stroke="#6b7280" stroke-width="${.7*a}" stroke-linecap="round" />
      <path d="M 3.5 0 L 3.5 3" stroke="#6b7280" stroke-width="${.7*a}" stroke-linecap="round" />
      <path d="M 0.5 3 L 3.5 3" stroke="#6b7280" stroke-width="${.7*a}" />
    </g>
    <!-- Knife -->
    <g transform="translate(2, 0)">
      <path d="M 0 0 L 0 4 Q 2 3 0 0" fill="#6b7280" />
      <path d="M 0 4 L 0 8" stroke="#6b7280" stroke-width="${1.2*a}" stroke-linecap="round" />
    </g>
  </g>`}function ot(e,t){let n=2.8,r=3.2;return`<ellipse
    class="blobbi-mouth blobbi-mouth-sleepy"
    cx="${e}" cy="${t}"
    rx="${n}" ry="${r}"
    fill="#1f2937"
  >
    <animate attributeName="rx" values="${n};3.3;${n}" dur="3s" repeatCount="indefinite" calcMode="spline" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" />
    <animate attributeName="ry" values="${r};3.8000000000000003;${r}" dur="3s" repeatCount="indefinite" calcMode="spline" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" />
  </ellipse>`}function st(e){let t=(e.startX+e.endX)/2,n=(e.startY+e.endY)/2,r=n+(e.controlY-n)*.55,i=Math.abs(e.endX-e.startX)/2,a=Math.min(9,Math.max(4,i*.18));return{cx:t,cy:r,rx:a,ryEating:a*1.2,ryChewOpen:a*1,ryChewClosed:Math.max(1,a*.2)}}function ct(e){let t=st(e);return`<ellipse
    class="blobbi-mouth blobbi-mouth-eating"
    data-blobbi-mouth="1"
    cx="${t.cx}" cy="${t.cy}"
    rx="${t.rx}" ry="${t.ryEating}"
    fill="#1f2937"
  />`}var lt=.3;function ut(e){let t=st(e),n=lt;return`<ellipse
    class="blobbi-mouth blobbi-mouth-chewing"
    data-blobbi-mouth="1"
    cx="${t.cx}" cy="${t.cy}"
    rx="${t.rx}" ry="${t.ryChewOpen}"
    fill="#1f2937"
  >
    <animate attributeName="ry" values="${t.ryChewOpen};${t.ryChewClosed};${t.ryChewOpen}" dur="${n}s" repeatCount="indefinite" calcMode="spline" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" />
  </ellipse>`}function dt(e,t){return Ze(e,ot(t.cx,t.cy))}var I={group:`blobbi-eyebrow-group`,groupLeft:`blobbi-eyebrow-group-left`,groupRight:`blobbi-eyebrow-group-right`,eyebrow:`blobbi-eyebrow`,eyebrowLeft:`blobbi-eyebrow-left`,eyebrowRight:`blobbi-eyebrow-right`,animated:`blobbi-animated-brows`,bounceKeyframe:`blobbi-eyebrow-bounce`},ft=8;function pt(e,t,n=`adult`,r){return e.map(e=>{let r=e.side===`left`?t.leftEyeOverride:t.rightEyeOverride,i=r?.angle??t.angle,a=r?.offsetY??t.offsetY,o=r?.curve??t.curve,s=r?.strokeWidth??t.strokeWidth,c=r?.color??t.color,l=e.radius*2,u;if(n===`baby`)u=e.cy+a-2;else{let t=e.eyeWhiteRy??ft;u=e.cy-t+(a+ft)}let d=e.side===`left`?i:-i,f=e.cx-l/2,p=e.cx+l/2,m;if(o&&o!==0){let t=o*e.radius,n=e.cx,r=u-t;m=`M ${f} ${u} Q ${n} ${r} ${p} ${u}`}else m=`M ${f} ${u} L ${p} ${u}`;let h=e.side===`left`?I.groupLeft:I.groupRight,g=e.side===`left`?I.eyebrowLeft:I.eyebrowRight;return`<g class="${I.group} ${h}" transform="rotate(${d} ${e.cx} ${u})">
      <path 
        class="${I.eyebrow} ${g}"
        d="${m}" 
        stroke="${c}" 
        stroke-width="${s}" 
        stroke-linecap="round"
        fill="none"
      />
    </g>`}).join(`
`)}function mt(e){let t=e.bounceDuration,n=e.bounceAmount;return`
  <style type="text/css">
    @keyframes ${I.bounceKeyframe} {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-${n}px); }
    }
    
    .${I.animated} .${I.eyebrow} {
      animation: ${I.bounceKeyframe} ${t}s ease-in-out infinite;
    }
  </style>`}function ht(e,t){e=e.replace(/<svg([^>]*)>/,(e,t)=>t.includes(`class="`)?e.replace(/class="([^"]*)"/,`class="$1 ${I.animated}"`):t.includes(`class='`)?e.replace(/class='([^']*)'/,`class='$1 ${I.animated}'`):`<svg${t} class="${I.animated}">`);let n=mt(t);return e=e.includes(`<defs>`)?e.replace(`<defs>`,`<defs>`+n):e.replace(/(<svg[^>]*>)/,`$1`+n),e}function gt(e,t){let n=[],r=[],i=t.idPrefix??Math.random().toString(36).slice(2,8),a=t.variant??`adult`,o=a===`adult`?M(e):null;if(t.dirtyMarks?.enabled){let e=Ce({...t.dirtyMarks,variant:a,bodyPath:o??void 0});e&&n.push(e);let r=we({...t.dirtyMarks,variant:a,bodyPath:o??void 0});r&&n.push(r)}if(t.stinkClouds?.enabled){let e=Oe({...t.stinkClouds,variant:a});e&&n.push(e)}if(t.angerRise){let n=M(e);if(n){let a=Me(n,{type:`anger-rise`,color:t.angerRise.color,duration:t.angerRise.duration,level:t.angerRise.level,bottomOpacity:t.angerRise.bottomOpacity,edgeOpacity:t.angerRise.edgeOpacity},i);r.push(a.defs);let o=e.match(/<(?:path|circle|ellipse|rect)\s[^>]*data-blobbi-body="true"[^>]*\/>/)??e.match(/<path[^>]*d="[^"]*"[^>]*fill="url\(#[^"]*[Bb]ody[^"]*\)"[^>]*\/>/);if(o&&o.index!==void 0){let t=o.index+o[0].length;e=e.slice(0,t)+a.overlay+e.slice(t)}}}if(r.length>0){let t=r.join(`
`);e=e.includes(`<defs>`)?e.replace(`<defs>`,`<defs>`+t):e.replace(/(<svg[^>]*>)/,`$1\n  <defs>${t}\n  </defs>`)}if(n.length>0){let t=`
  <!-- Body effects -->
  <g class="blobbi-body-effects">
    ${n.join(`
    `)}
  </g>`;e=e.replace(`</svg>`,t+`
</svg>`)}return e}var L=e(t(),1),R=n(),_t={neutral:{},sad:{eyes:{wateryEyes:{includeWaterFill:!0}},mouth:{sadMouth:!0},eyebrows:{config:{angle:-18,offsetY:-10,strokeWidth:1.4,color:`#4b5563`,curve:.15}},extras:{tears:{enabled:!0,eye:`alternating`,duration:6,pauseBetween:3}}},boring:{mouth:{droopyMouth:{widthScale:.9,curveScale:.35}},eyebrows:{config:{angle:0,offsetY:-8,strokeWidth:1.2,color:`#6b7280`}}},dirty:{mouth:{droopyMouth:{widthScale:.8,curveScale:.2}},eyebrows:{config:{angle:10,offsetY:-9,strokeWidth:1.3,color:`#6b7280`}},bodyEffects:{dirtMarks:{enabled:!0,count:4,intensity:.65},stinkClouds:{enabled:!0,count:3}}},happy:{},blissful:{eyes:{happyArc:!0},mouth:{bigSmile:{widthScale:1.1,curveScale:1.2}}},angry:{mouth:{sadMouth:!0},eyebrows:{config:{angle:22,offsetY:-9,strokeWidth:2.2,color:`#374151`}},bodyEffects:{angerRise:{color:`#ef4444`,duration:2}}},surprised:{mouth:{roundMouth:{rx:5,ry:6,filled:!0}},eyebrows:{config:{angle:-15,offsetY:-13,strokeWidth:1.4,color:`#4b5563`,curve:.35}}},sleepy:{eyes:{sleepyBlink:{cycleDuration:8}},mouth:{sleepyMouth:!0}},curious:{mouth:{roundMouth:{rx:3,ry:3.5,filled:!0}},eyebrows:{config:{angle:-10,offsetY:-11,strokeWidth:1.3,color:`#4b5563`,curve:.2,rightEyeOverride:{angle:-16,offsetY:-13,curve:.3}}}},dizzy:{eyes:{dizzySpirals:{rotationDuration:2}},mouth:{roundMouth:{rx:4,ry:5,filled:!0}},eyebrows:{config:{angle:-12,offsetY:-11,strokeWidth:1.3,color:`#6b7280`,curve:.2}}},excited:{eyes:{starEyes:{points:5,color:`#fbbf24`,scale:.9}},mouth:{bigSmile:{widthScale:1.15,curveScale:1.2}}},excitedB:{eyes:{starEyes:{points:5,color:`#fbbf24`,scale:.9}},mouth:{roundMouth:{rx:3.5,ry:4,filled:!0}}},mischievous:{eyebrows:{config:{angle:18,offsetY:-10,strokeWidth:2,color:`#374151`},animated:{enabled:!0,bounceDuration:.6,bounceAmount:2.5}},mouth:{smallSmile:{scale:.7}}},adoring:{eyes:{wateryEyes:{includeWaterFill:!1}},mouth:{roundMouth:{rx:2.5,ry:3,filled:!0}}},eating:{mouth:{eatingMouth:!0}},chewing:{mouth:{chewingMouth:!0}},hungry:{eyes:{wateryEyes:{includeWaterFill:!1}},eyebrows:{config:{angle:-14,offsetY:-10,strokeWidth:1.3,color:`#6b7280`,curve:.15}},mouth:{smallSmile:{scale:.75}},extras:{drool:{enabled:!0,side:`right`},foodIcon:{enabled:!0,type:`utensils`}}}};function vt(e){return _t[e]??{}}function yt(e){let t=0;for(let n=0;n<e.length;n++){let r=e.charCodeAt(n);t=(t<<5)-t+r,t&=t}return t}function bt(e,t,n){let r=t.pauseBetween??0,i=t.duration+r;if(t.eye===`alternating`)return e.map((n,r)=>{let a=n.cy+n.radius+2,o=a+30,s=r*i,c=i*e.length;return`
    <g class="blobbi-tear blobbi-tear-${n.side}">
      <ellipse cx="${n.cx}" cy="${a}" rx="2.5" ry="4" fill="url(#tearGradient)" opacity="0">
        <animate attributeName="cy" values="${a};${o};${a}" keyTimes="0;${t.duration/c};1" dur="${c}s" begin="${s}s" repeatCount="indefinite" />
        <animate attributeName="opacity" values="0;0.8;0.8;0;0" keyTimes="0;${.05*t.duration/c};${.8*t.duration/c};${t.duration/c};1" dur="${c}s" begin="${s}s" repeatCount="indefinite" />
      </ellipse>
    </g>`}).join(`
`);let a;if(t.eye===`both`)a=e;else if(t.eye===`random`){let t=e[n===void 0?0:Math.abs(n)%e.length];a=t?[t]:[]}else{let n=e.find(e=>e.side===t.eye);a=n?[n]:[]}return a.map((e,n)=>{let r=e.cy+e.radius+2,a=r+30,o=n*(t.duration/2);return`
    <g class="blobbi-tear blobbi-tear-${e.side}">
      <ellipse cx="${e.cx}" cy="${r}" rx="2.5" ry="4" fill="url(#tearGradient)" opacity="0">
        <animate attributeName="cy" values="${r};${a}" dur="${i}s" begin="${o}s" repeatCount="indefinite" />
        <animate attributeName="opacity" values="0;0.8;0.8;0;0" keyTimes="0;0.05;${.8*t.duration/i};${t.duration/i};1" dur="${i}s" begin="${o}s" repeatCount="indefinite" />
      </ellipse>
    </g>`}).join(`
`)}function xt(e){let t=e;return`
  <style type="text/css">
    @keyframes sleepy-closed-eye {
      0%, 33% { opacity: 0; }
      35%, 62% { opacity: 1; }
      63%, 100% { opacity: 0; }
    }
    @keyframes sleepy-wake-glance {
      0%, 75% { transform: translateX(0); }
      78%, 80% { transform: translateX(2px); }
      83%, 85% { transform: translateX(-2px); }
      88%, 100% { transform: translateX(0); }
    }
    @keyframes sleepy-zzz {
      0% { opacity: 0; } 10% { opacity: 0.2; } 20% { opacity: 0.4; }
      35%, 60% { opacity: 1; } 70%, 100% { opacity: 0; }
    }
    @keyframes sleepy-zzz-float {
      0% { transform: translateY(0); } 35% { transform: translateY(-4px); }
      60% { transform: translateY(-8px); } 70%, 100% { transform: translateY(-10px); }
    }
    .blobbi-sleepy .blobbi-eye { animation: sleepy-wake-glance ${t}s ease-in-out infinite; }
    .blobbi-sleepy .blobbi-closed-eye { animation: sleepy-closed-eye ${t}s ease-in-out infinite; }
    .blobbi-sleepy .blobbi-zzz { animation: sleepy-zzz ${t}s ease-in-out infinite, sleepy-zzz-float ${t}s ease-in-out infinite; }
  </style>`}function St(e,t){let n=t,r=RegExp(`<rect\\s+class="${u.clipRect}"\\s+x="([^"]+)"\\s+y="([^"]+)"\\s+width="([^"]+)"\\s+height="([^"]+)"\\s*/>`,`g`);return e.replace(r,(e,t,r,i,a)=>{let o=parseFloat(r),s=parseFloat(a),c=s*.95,l=o+c,d=s-c,f=`${o};${o};${l};${l};${o};${o}`,p=`${s};${s};${d};${d};${s};${s}`,m=`0;0.10;0.35;0.62;0.75;1`;return`<rect class="${u.clipRect}" x="${t}" y="${r}" width="${i}" height="${a}">
        <animate attributeName="y" values="${f}" keyTimes="${m}" dur="${n}s" repeatCount="indefinite" calcMode="spline" keySplines="0.4 0 0.6 1;0.4 0 0.6 1;0.4 0 0.6 1;0.4 0 0.6 1;0.4 0 0.6 1" />
        <animate attributeName="height" values="${p}" keyTimes="${m}" dur="${n}s" repeatCount="indefinite" calcMode="spline" keySplines="0.4 0 0.6 1;0.4 0 0.6 1;0.4 0 0.6 1;0.4 0 0.6 1;0.4 0 0.6 1" />
      </rect>`})}function Ct(e){return e.map(e=>{let t=e.radius*1.6,n=e.cx-t/2,r=e.cx+t/2,i=e.radius*.5,a=e.radius*.75,o=e.cy+a;return`<path class="blobbi-closed-eye blobbi-closed-eye-${e.side}" d="M ${n} ${o} Q ${e.cx} ${o+i} ${r} ${o}" stroke="#374151" stroke-width="2" stroke-linecap="round" fill="none" opacity="0" />`}).join(`
`)}function wt(){return`<g class="blobbi-zzz" opacity="0">
    <text x="70" y="12" font-family="system-ui, sans-serif" font-size="8" font-weight="bold" fill="#6b7280">z</text>
    <text x="76" y="8" font-family="system-ui, sans-serif" font-size="10" font-weight="bold" fill="#6b7280">z</text>
    <text x="84" y="3" font-family="system-ui, sans-serif" font-size="12" font-weight="bold" fill="#6b7280">z</text>
  </g>`}function Tt(e,t,n,r){e=e.replace(/<svg([^>]*)>/,(e,t)=>t.includes(`class="`)?e.replace(/class="([^"]*)"/,`class="$1 blobbi-sleepy"`):t.includes(`class='`)?e.replace(/class='([^']*)'/,`class='$1 blobbi-sleepy'`):`<svg${t} class="blobbi-sleepy">`);let i=xt(r);e=e.includes(`<defs>`)?e.replace(`<defs>`,`<defs>`+i):e.replace(/(<svg[^>]*>)/,`$1`+i),e=St(e,r),n&&(e=dt(e,n));let a=`
  <g class="blobbi-sleepy-overlays">
    ${Ct(t)}
    ${wt()}
  </g>`;return e=e.replace(`</svg>`,a+`
</svg>`),e}function Et(){return`
  <style type="text/css">
    @keyframes sleeping-zzz {
      0%   { opacity: 0;   transform: translateY(0); }
      15%  { opacity: 0.8; transform: translateY(-2px); }
      50%  { opacity: 1;   transform: translateY(-6px); }
      85%  { opacity: 0.4; transform: translateY(-10px); }
      100% { opacity: 0;   transform: translateY(-12px); }
    }
    .blobbi-sleeping .blobbi-sleeping-zzz text:nth-child(1) {
      animation: sleeping-zzz 3.5s ease-in-out infinite;
    }
    .blobbi-sleeping .blobbi-sleeping-zzz text:nth-child(2) {
      animation: sleeping-zzz 3.5s ease-in-out 0.6s infinite;
    }
    .blobbi-sleeping .blobbi-sleeping-zzz text:nth-child(3) {
      animation: sleeping-zzz 3.5s ease-in-out 1.2s infinite;
    }
  </style>`}function Dt(){return`<g class="blobbi-sleeping-zzz">
    <text x="70" y="12" font-family="system-ui, sans-serif" font-size="8" font-weight="bold" fill="#6b7280" opacity="0">z</text>
    <text x="76" y="8" font-family="system-ui, sans-serif" font-size="10" font-weight="bold" fill="#6b7280" opacity="0">z</text>
    <text x="84" y="3" font-family="system-ui, sans-serif" font-size="12" font-weight="bold" fill="#6b7280" opacity="0">z</text>
  </g>`}function Ot(e,t){let n=RegExp(`<rect\\s+class="${u.clipRect}"\\s+x="([^"]+)"\\s+y="([^"]+)"\\s+width="([^"]+)"\\s+height="([^"]+)"\\s*/>`,`g`);e=e.replace(n,(e,t,n,r,i)=>{let a=parseFloat(n),o=parseFloat(i),s=o*.95,c=a+s,l=o-s;return`<rect class="${u.clipRect}" x="${t}" y="${c}" width="${r}" height="${l}"><animate attributeName="y" values="${c}" dur="0.001s" fill="freeze" /></rect>`});let r=`
  <g class="blobbi-happy-arc-overlays">
    ${t.map(e=>{let t=e.radius*1.6,n=e.cx-t/2,r=e.cx+t/2,i=e.radius*.5,a=e.radius*.75,o=e.cy+a;return`<path class="blobbi-happy-eye blobbi-happy-eye-${e.side}" d="M ${n} ${o} Q ${e.cx} ${o-i} ${r} ${o}" stroke="#111827" stroke-width="2.5" stroke-linecap="round" fill="none" opacity="1" />`}).join(`
`)}
  </g>`;return e=e.replace(`</svg>`,r+`
</svg>`),e}function kt(e,t,n){e=e.replace(/<svg([^>]*)>/,(e,t)=>t.includes(`class="`)?e.replace(/class="([^"]*)"/,`class="$1 blobbi-sleeping"`):t.includes(`class='`)?e.replace(/class='([^']*)'/,`class='$1 blobbi-sleeping'`):`<svg${t} class="blobbi-sleeping">`);let r=Et();e=e.includes(`<defs>`)?e.replace(`<defs>`,`<defs>`+r):e.replace(/(<svg[^>]*>)/,`$1`+r);let i=RegExp(`<rect\\s+class="${u.clipRect}"\\s+x="([^"]+)"\\s+y="([^"]+)"\\s+width="([^"]+)"\\s+height="([^"]+)"\\s*/>`,`g`);e=e.replace(i,(e,t,n,r,i)=>{let a=parseFloat(n),o=parseFloat(i),s=o*.95,c=a+s,l=o-s;return`<rect class="${u.clipRect}" x="${t}" y="${c}" width="${r}" height="${l}" />`}),n&&(e=dt(e,n));let a=`
  <g class="blobbi-sleeping-overlays">
    ${t.map(e=>{let t=e.radius*1.6,n=e.cx-t/2,r=e.cx+t/2,i=e.radius*.5,a=e.radius*.75,o=e.cy+a;return`<path class="blobbi-closed-eye blobbi-closed-eye-${e.side}" d="M ${n} ${o} Q ${e.cx} ${o+i} ${r} ${o}" stroke="#374151" stroke-width="2" stroke-linecap="round" fill="none" opacity="1" />`}).join(`
`)}
    ${Dt()}
  </g>`;return e=e.replace(`</svg>`,a+`
</svg>`),e}function At(e){return{eyes:{sleepingClosed:!0},mouth:{sleepyMouth:!0},eyebrows:void 0,bodyEffects:e?.bodyEffects,extras:e?.extras?{foodIcon:e.extras.foodIcon}:void 0}}function z(e,t,n,r=`adult`,i,a){if(!t.eyes&&!t.mouth&&!t.eyebrows&&!t.bodyEffects&&!t.extras)return e;let o=S(e),s=We(e),c=s?Ge(s):null,l=[];if(t.extras?.tears?.enabled&&(e=e.includes(`<defs>`)?e.replace(`<defs>`,`<defs>`+`
    <defs>
      <radialGradient id="tearGradient" cx="0.3" cy="0.3">
        <stop offset="0%" stop-color="#e0f2fe" />
        <stop offset="100%" stop-color="#7dd3fc" />
      </radialGradient>
    </defs>`.replace(/<\/?defs>/g,``)):e.replace(/(<svg[^>]*>)/,`$1
    <defs>
      <radialGradient id="tearGradient" cx="0.3" cy="0.3">
        <stop offset="0%" stop-color="#e0f2fe" />
        <stop offset="100%" stop-color="#7dd3fc" />
      </radialGradient>
    </defs>`)),t.eyebrows?.config&&o.length>0&&l.push(pt(o,t.eyebrows.config,r,i)),t.mouth&&s&&(t.mouth.roundMouth?e=F(e,Qe(s.position,t.mouth.roundMouth)):t.mouth.sadMouth?e=F(e,$e(s.position)):t.mouth.smallSmile?e=F(e,et(s.position,t.mouth.smallSmile)):t.mouth.bigSmile?e=F(e,nt(s.position,t.mouth.bigSmile)):t.mouth.droopyMouth?e=F(e,tt(s.position,t.mouth.droopyMouth)):t.mouth.eatingMouth?e=F(e,ct(s.position)):t.mouth.chewingMouth&&(e=F(e,ut(s.position)))),t.eyes&&(t.eyes.wateryEyes&&o.length>0&&(e=Ne(e,{includeWaterFill:t.eyes.wateryEyes.includeWaterFill},o)),t.eyes.dizzySpirals&&o.length>0&&(e=Ve(e,{rotationDuration:t.eyes.dizzySpirals.rotationDuration},o)),t.eyes.starEyes&&o.length>0&&(e=Ie(e,{points:t.eyes.starEyes.points,color:t.eyes.starEyes.color,scale:t.eyes.starEyes.scale},o))),t.extras?.tears?.enabled&&o.length>0){let n=yt(e);l.push(bt(o,t.extras.tears,n))}if(t.eyes?.sleepyBlink&&(e=Tt(e,o,c,t.eyes.sleepyBlink.cycleDuration)),t.eyes?.sleepingClosed&&!t.eyes?.sleepyBlink&&(e=kt(e,o,c)),t.eyes?.happyArc&&!t.eyes?.sleepyBlink&&!t.eyes?.sleepingClosed&&(e=Ot(e,o)),t.eyebrows?.animated?.enabled&&(e=ht(e,t.eyebrows.animated)),t.extras?.drool?.enabled&&s){e=e.includes(`<defs>`)?e.replace(`<defs>`,`<defs>
      <radialGradient id="droolGradient" cx="0.3" cy="0.2">
        <stop offset="0%" stop-color="#f0f9ff" />
        <stop offset="60%" stop-color="#e0f2fe" />
        <stop offset="100%" stop-color="#bae6fd" />
      </radialGradient>`):e.replace(/(<svg[^>]*>)/,`$1
  <defs>
      <radialGradient id="droolGradient" cx="0.3" cy="0.2">
        <stop offset="0%" stop-color="#f0f9ff" />
        <stop offset="60%" stop-color="#e0f2fe" />
        <stop offset="100%" stop-color="#bae6fd" />
      </radialGradient>
  </defs>`);let n=t.extras.drool.side||`right`,r=rt(s.position,t.mouth,n);l.push(it(r,t.extras.drool))}if(t.extras?.foodIcon?.enabled){let n=r===`adult`?M(e):null;l.push(at({...t.extras.foodIcon,variant:r,bodyPath:n??void 0}))}if(l.length>0){let t=`
  <!-- Visual recipe overlays: ${n} -->
  <g class="blobbi-recipe blobbi-recipe-${n}">
    ${l.join(`
    `)}
  </g>`;e=e.replace(`</svg>`,t+`
</svg>`)}if(t.bodyEffects){let n={variant:r};t.bodyEffects.dirtMarks?.enabled&&(n.dirtyMarks=t.bodyEffects.dirtMarks),t.bodyEffects.stinkClouds?.enabled&&(n.stinkClouds=t.bodyEffects.stinkClouds),t.bodyEffects.angerRise&&(n.angerRise=t.bodyEffects.angerRise),a&&(n.idPrefix=a),(n.dirtyMarks||n.stinkClouds||n.angerRise)&&(e=gt(e,n))}return e}var jt=0,Mt=0,Nt=!1;function Pt(){if(Nt)return;let e=e=>{jt=e.clientX,Mt=e.clientY},t=e=>{let t=e.touches[0];t&&(jt=t.clientX,Mt=t.clientY)};window.addEventListener(`mousemove`,e,{capture:!0,passive:!0}),window.addEventListener(`touchstart`,t,{capture:!0,passive:!0}),window.addEventListener(`touchmove`,t,{capture:!0,passive:!0}),Nt=!0}function Ft(){return p+Math.random()*(m-p)}function It(e,t){let n=t-e.phaseStartTime;switch(e.phase){case`open`:return 0;case`closing`:{let e=Math.min(n/80,1);return e*e*h}case`closed`:return h;case`opening`:{let e=Math.min(n/120,1);return h*(1-(1-(1-e)*(1-e)))}default:return 0}}function Lt(e,t){let n=t-e.phaseStartTime;switch(e.phase){case`open`:return t>=e.nextBlinkTime?{...e,phase:`closing`,phaseStartTime:t,pendingDoubleBlink:Math.random()<g}:e;case`closing`:return n>=80?{...e,phase:`closed`,phaseStartTime:t}:e;case`closed`:return n>=100?{...e,phase:`opening`,phaseStartTime:t}:e;case`opening`:return n>=120?e.pendingDoubleBlink?{...e,phase:`closing`,phaseStartTime:t,pendingDoubleBlink:!1}:{...e,phase:`open`,phaseStartTime:t,nextBlinkTime:t+Ft()}:e;default:return e}}var Rt=400;function zt(e){let t=e.querySelectorAll(`.${u.blink}`);if(t.length===0)return()=>{};let n=[];if(t.forEach(t=>{let r=t.getAttribute(d.clipId),i=t.getAttribute(d.clipTop)??t.getAttribute(d.legacyEyeTop),a=t.getAttribute(d.clipHeight),o=t.getAttribute(d.side);if(!r||!i||!a)return;let s=e.querySelector(`#${r} rect`);if(!s)return;let c=parseFloat(i),l=parseFloat(a),f=parseFloat(s.getAttribute(`y`)??`0`),p=parseFloat(s.getAttribute(`height`)??`0`),m=o?e.querySelector(`.${u.closedEye}-${o}`):null;n.push({clipRect:s,openY:c,openHeight:l,closedY:f,closedHeight:p,closedEyeLine:m})}),n.length===0)return()=>{};n.forEach(({clipRect:e,openY:t,openHeight:n,closedEyeLine:r})=>{e.setAttribute(`y`,t.toString()),e.setAttribute(`height`,n.toString()),r&&r.setAttribute(`opacity`,`0`)});let r=null,i=null,a=e=>{i===null&&(i=e);let t=e-i,o=Math.min(t/Rt,1),s=o<.5?2*o*o:1-(-2*o+2)**2/2;n.forEach(({clipRect:e,openY:t,openHeight:n,closedY:r,closedHeight:i,closedEyeLine:a})=>{let c=t+(r-t)*s,l=n+(i-n)*s;if(e.setAttribute(`y`,c.toString()),e.setAttribute(`height`,Math.max(.1,l).toString()),a){let e=Math.max(0,(o-.6)/.4);a.setAttribute(`opacity`,e.toString())}}),o<1&&(r=requestAnimationFrame(a))};return r=requestAnimationFrame(a),()=>{r!==null&&cancelAnimationFrame(r)}}var Bt=400;function Vt(e,t){let n=e.querySelectorAll(`.${u.blink}`);if(n.length===0)return t(),()=>{};let r=[];if(n.forEach(t=>{let n=t.getAttribute(d.clipId),i=t.getAttribute(d.clipTop)??t.getAttribute(d.legacyEyeTop),a=t.getAttribute(d.clipHeight);if(!n||!i||!a)return;let o=e.querySelector(`#${n} rect`);if(!o)return;let s=parseFloat(i),c=parseFloat(a),l=c*h,u=s+l,f=c-l;r.push({clipRect:o,openY:s,openHeight:c,closedY:u,closedHeight:f})}),r.length===0)return t(),()=>{};r.forEach(({clipRect:e,closedY:t,closedHeight:n})=>{e.setAttribute(`y`,t.toString()),e.setAttribute(`height`,Math.max(.1,n).toString())});let i=null,a=null,o=!1,s=e=>{a===null&&(a=e);let n=e-a,c=Math.min(n/Bt,1),l=c<.5?2*c*c:1-(-2*c+2)**2/2;r.forEach(({clipRect:e,openY:t,openHeight:n,closedY:r,closedHeight:i})=>{let a=r+(t-r)*l,o=i+(n-i)*l;e.setAttribute(`y`,a.toString()),e.setAttribute(`height`,Math.max(.1,o).toString())}),c<1?i=requestAnimationFrame(s):(o=!0,t())};return i=requestAnimationFrame(s),()=>{i!==null&&cancelAnimationFrame(i),o||t()}}function Ht(e,t={}){let{isSleeping:n=!1,maxMovement:r=2,lookMode:i=`follow-pointer`,disableBlink:a=!1,disableTracking:o=!1}=t,s=(0,L.useRef)(null),c=(0,L.useRef)([]),l=(0,L.useRef)([]),p=(0,L.useRef)([]),m=(0,L.useRef)([]),h=(0,L.useRef)(``),g=(0,L.useRef)(null),_=(0,L.useRef)(n);(0,L.useEffect)(()=>{if(Pt(),n){c.current=[],l.current=[],p.current=[],m.current=[],h.current=``,g.current=null;let t=null,n=!_.current;return _.current=!0,n&&e.current&&(t=zt(e.current)),()=>{s.current&&cancelAnimationFrame(s.current),t?.()}}let t=_.current;_.current=!1;let v=()=>{if(!e.current)return!1;let t=e.current.innerHTML;if(t===h.current&&c.current.length>0)return!0;let n=e.current.querySelectorAll(`.${u.gazeLeft}`),r=e.current.querySelectorAll(`.${u.gazeRight}`),i=e.current.querySelectorAll(`.${u.blinkLeft}`),a=e.current.querySelectorAll(`.${u.blinkRight}`);return n.length===0&&r.length===0?!1:(c.current=Array.from(n),l.current=Array.from(r),p.current=Array.from(i),m.current=Array.from(a),h.current=t,[...c.current,...l.current,...p.current,...m.current].forEach(e=>{e.style.transition=`none`}),!0)},y=0,b=null,x=null,S=t=>{if((c.current.length===0||l.current.length===0)&&!v()){s.current=requestAnimationFrame(S);return}if(e.current&&t-y>=500&&(y=t,e.current.innerHTML!==h.current&&(v(),b=null,x=null)),!e.current){s.current=requestAnimationFrame(S);return}let n=0;if(a||(g.current||={phase:`open`,phaseStartTime:t,nextBlinkTime:t+Ft(),pendingDoubleBlink:!1,scaleY:1},g.current=Lt(g.current,t),n=It(g.current,t)),!o){let t=0,n=0;if(i===`follow-pointer`){let i=e.current.getBoundingClientRect(),a=i.left+i.width/2,o=i.top+i.height/2,s=jt-a,c=Mt-o,l=Math.atan2(c,s);t=Math.cos(l)*r,n=Math.sin(l)*r*f}let a=`translate(${t} ${n})`;a!==b&&(b=a,c.current.forEach(e=>{e.setAttribute(`transform`,a)}),l.current.forEach(e=>{e.setAttribute(`transform`,a)}))}let u=t=>{let r=t.getAttribute(d.clipId),i=t.getAttribute(d.clipTop)??t.getAttribute(d.legacyEyeTop),a=t.getAttribute(d.clipHeight);if(r&&i&&a&&e.current){let t=e.current.querySelector(`#${r} rect`);if(t){if(t.querySelector(`animate`)!==null)return;let e=parseFloat(i),r=parseFloat(a),o=r*n,s=e+o,c=r-o;t.setAttribute(`y`,s.toString()),t.setAttribute(`height`,Math.max(.1,c).toString())}}};n!==x&&(x=n,p.current.forEach(u),m.current.forEach(u)),s.current=requestAnimationFrame(S)},C=null,w=()=>{s.current=requestAnimationFrame(S)};return t&&e.current?C=Vt(e.current,w):w(),()=>{C?.(),s.current&&cancelAnimationFrame(s.current)}},[n,r,i,a,o,e])}function Ut({containerRef:e,externalEyeOffset:t,externalEyeOffsetRef:n,isSleeping:r,variant:i}){let a=(0,L.useRef)(t),o=(0,L.useRef)(null),s=n??a;(0,L.useEffect)(()=>{n||(a.current=t)},[t,n]);let c=!!(t||n);(0,L.useEffect)(()=>{if(!c||r){o.current&&=(cancelAnimationFrame(o.current),null);return}let t=i===`baby`?4:v,n=i===`baby`?4:y,a=i===`baby`?_:b,l=null,d=0,f=r=>{let i=s.current;if(!i||!e.current){o.current=requestAnimationFrame(f);return}let c=i.x*t,p=i.y<0?i.y*n:i.y*a,m=`translate(${Math.round(c*100)/100} ${Math.round(p*100)/100})`;(m!==l||r-d>=500)&&(l=m,d=r,e.current.querySelectorAll(`.${u.gazeLeft}, .${u.gazeRight}`).forEach(e=>{e.setAttribute(`transform`,m)})),o.current=requestAnimationFrame(f)};return o.current=requestAnimationFrame(f),()=>{o.current&&=(cancelAnimationFrame(o.current),null)}},[e,c,r,i])}function Wt(e){return e.state===`sleeping`||e.isSleeping===!0}var Gt=`<?xml version="1.0" encoding="UTF-8"?>
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <!-- Body gradient -->
    <radialGradient id="blobbiBodyGradient" cx="0.3" cy="0.25">
      <stop offset="0%" style="stop-color:#8b5cf6;stop-opacity:1" />
      <stop offset="60%" style="stop-color:#7c3aed;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#6d28d9;stop-opacity:1" />
    </radialGradient>
    
    <!-- Eye gradient -->
    <radialGradient id="blobbiEyeGradient" cx="0.3" cy="0.3">
      <stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#f1f5f9;stop-opacity:1" />
    </radialGradient>
    
    <!-- Pupil gradient -->
    <radialGradient id="blobbiPupilGradient" cx="0.3" cy="0.3">
      <stop offset="0%" style="stop-color:#374151;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#1e293b;stop-opacity:1" />
    </radialGradient>
    
    <!-- Mouth gradient -->
    <linearGradient id="blobbiMouthGradient" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0%" style="stop-color:#374151;stop-opacity:1" />
      <stop offset="50%" style="stop-color:#1e293b;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#374151;stop-opacity:1" />
    </linearGradient>
  </defs>
    
  <!-- Main body - cute water droplet shape -->
  <path d="M 50 15 Q 50 10 50 15 Q 72 25 75 55 Q 75 80 50 88 Q 25 80 25 55 Q 28 25 50 15"
        fill="url(#blobbiBodyGradient)" />
  
  <!-- Soft inner glow -->
  <ellipse cx="50" cy="45" rx="15" ry="20" fill="white" opacity="0.2" />
  
  <!-- Eyes (white/base eye shapes) -->
  <ellipse cx="38" cy="45" rx="8" ry="10" fill="url(#blobbiEyeGradient)" />
  <ellipse cx="62" cy="45" rx="8" ry="10" fill="url(#blobbiEyeGradient)" />
  
  <!-- Pupils (pupil + highlights) -->
  <circle cx="38" cy="46" r="6" fill="url(#blobbiPupilGradient)" />
  <circle cx="62" cy="46" r="6" fill="url(#blobbiPupilGradient)" />
  <circle cx="40" cy="44" r="2" fill="white" />
  <circle cx="64" cy="44" r="2" fill="white" />
  
  <!-- Mouth -->
  <path d="M 42 62 Q 50 68 58 62" stroke="url(#blobbiMouthGradient)" stroke-width="2.5" fill="none" stroke-linecap="round" />
  
  <!-- Soft blush for cuteness -->
  <ellipse cx="22" cy="55" rx="6" ry="4" fill="rgba(255,182,193,0.5)" />
  <ellipse cx="78" cy="55" rx="6" ry="4" fill="rgba(255,182,193,0.5)" />
</svg>`,Kt=`<?xml version="1.0" encoding="UTF-8"?>
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <!-- Body gradient -->
    <radialGradient id="blobbiBodyGradient" cx="0.3" cy="0.25">
      <stop offset="0%" style="stop-color:#8b5cf6;stop-opacity:1" />
      <stop offset="60%" style="stop-color:#7c3aed;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#6d28d9;stop-opacity:1" />
    </radialGradient>
    
    <!-- Mouth gradient -->
    <linearGradient id="blobbiMouthGradient" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0%" style="stop-color:#374151;stop-opacity:1" />
      <stop offset="50%" style="stop-color:#1e293b;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#374151;stop-opacity:1" />
    </linearGradient>
  </defs>
  
  <!-- Main body -->
  <path d="M 50 15 Q 50 10 50 15 Q 72 25 75 55 Q 75 80 50 88 Q 25 80 25 55 Q 28 25 50 15"
        fill="url(#blobbiBodyGradient)" />
  
  <!-- Soft inner glow -->
  <ellipse cx="50" cy="45" rx="15" ry="20" fill="white" opacity="0.2" />
  
  <!-- Sleeping eyes -->
  <path d="M 30 45 Q 40 48 45 45" stroke="url(#blobbiMouthGradient)" stroke-width="2.5" fill="none" stroke-linecap="round" />
  <path d="M 55 45 Q 65 48 70 45" stroke="url(#blobbiMouthGradient)" stroke-width="2.5" fill="none" stroke-linecap="round" />
  
  <!-- Peaceful mouth -->
  <circle cx="50" cy="65" r="1.5" fill="url(#blobbiMouthGradient)" />
  
  <!-- Z's for sleeping -->
  <text x="75" y="25" font-size="10" fill="#666" opacity="0.8">Z</text>
  <text x="80" y="20" font-size="8" fill="#666" opacity="0.6">z</text>
  <text x="83" y="16" font-size="6" fill="#666" opacity="0.4">z</text>
</svg>`;function qt(){return Gt}function Jt(){return Kt}function Yt(e,t={}){let{isSleeping:n=!1}=t;return e.lifeStage===`baby`?n?Jt():qt():(console.warn(`resolveBabySvg called with non-baby Blobbi`),Xt())}function Xt(){return`
    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
      <defs>
        <radialGradient id="fallbackBodyGradient" cx="0.3" cy="0.25">
          <stop offset="0%" style="stop-color:#8b5cf6"/>
          <stop offset="60%" style="stop-color:#7c3aed"/>
          <stop offset="100%" style="stop-color:#6d28d9"/>
        </radialGradient>
      </defs>
      <path d="M 50 15 Q 50 10 50 15 Q 72 25 75 55 Q 75 80 50 88 Q 25 80 25 55 Q 28 25 50 15"
            fill="url(#fallbackBodyGradient)" />
      <ellipse cx="50" cy="45" rx="15" ry="20" fill="white" opacity="0.2" />
      <ellipse cx="38" cy="45" rx="8" ry="10" fill="#fff" />
      <ellipse cx="62" cy="45" rx="8" ry="10" fill="#fff" />
      <circle cx="38" cy="46" r="6" fill="#374151" />
      <circle cx="62" cy="46" r="6" fill="#374151" />
      <circle cx="40" cy="44" r="2" fill="white" />
      <circle cx="64" cy="44" r="2" fill="white" />
      <path d="M 42 62 Q 50 68 58 62" stroke="#374151" stroke-width="2.5" fill="none" stroke-linecap="round" />
    </svg>
  `}function B(e,t){if(!e.startsWith(`#`))return e;let n=parseInt(e.slice(1),16),r=Math.round(2.55*t),i=(n>>16)+r,a=(n>>8&255)+r,o=(n&255)+r;return`#`+(16777216+(i<255?i<1?0:i:255)*65536+(a<255?a<1?0:a:255)*256+(o<255?o<1?0:o:255)).toString(16).slice(1).toUpperCase()}function V(e,t){if(!e.startsWith(`#`))return e;let n=parseInt(e.slice(1),16),r=Math.round(2.55*t),i=Math.max(0,(n>>16)-r),a=Math.max(0,(n>>8&255)-r),o=Math.max(0,(n&255)-r);return`#`+(16777216+i*65536+a*256+o).toString(16).slice(1).toUpperCase()}function Zt(e,t){let n=`b_${t.replace(/[^a-zA-Z0-9_-]/g,`_`)}`,r=/\bid=["']([^"']+)["']/g,i=new Set,a;for(;(a=r.exec(e))!==null;)i.add(a[1]);let o=e;for(let e of i){let t=`${n}_${e}`;o=o.replace(RegExp(`\\bid=["']${H(e)}["']`,`g`),`id="${t}"`),o=o.replace(RegExp(`url\\(#${H(e)}\\)`,`g`),`url(#${t})`),o=o.replace(RegExp(`xlink:href=["']#${H(e)}["']`,`g`),`xlink:href="#${t}"`),o=o.replace(RegExp(`\\bhref=["']#${H(e)}["']`,`g`),`href="#${t}"`)}return o}function H(e){return e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)}function Qt(e){return/\swidth=/.test(e)&&/\sheight=/.test(e)?e:e.replace(/<svg([^>]*)>/,`<svg$1 width="100%" height="100%">`)}function $t(e,t,n=!1,r){let i=e;return i=Qt(i),!t.baseColor&&!t.secondaryColor&&!t.eyeColor?(r&&(i=Zt(i,r)),i):(t.baseColor&&(i=en(i,t)),t.eyeColor&&!n&&(i=tn(i,t.eyeColor)),r&&(i=Zt(i,r)),i)}function en(e,t){let n=e.match(/<radialGradient[^>]*id=["']blobbiBodyGradient["'][^>]*>([\s\S]*?)<\/radialGradient>/);if(!n||!t.baseColor)return e;let r=``;return r=t.secondaryColor?`<radialGradient id="blobbiBodyGradient" cx="0.3" cy="0.25">
      <stop offset="0%" style="stop-color:${t.secondaryColor}"/>
      <stop offset="60%" style="stop-color:${B(t.secondaryColor,20)}"/>
      <stop offset="100%" style="stop-color:${t.baseColor}"/>
    </radialGradient>`:`<radialGradient id="blobbiBodyGradient" cx="0.3" cy="0.25">
      <stop offset="0%" style="stop-color:${B(t.baseColor,40)}"/>
      <stop offset="60%" style="stop-color:${B(t.baseColor,20)}"/>
      <stop offset="100%" style="stop-color:${t.baseColor}"/>
    </radialGradient>`,e.replace(n[0],r)}function tn(e,t){let n=e.match(/<radialGradient[^>]*id=["']blobbiPupilGradient["'][^>]*>([\s\S]*?)<\/radialGradient>/);if(!n)return e;let r=`<radialGradient id="blobbiPupilGradient" cx="0.3" cy="0.3">
    <stop offset="0%" style="stop-color:${B(t,30)}"/>
    <stop offset="100%" style="stop-color:${t}"/>
  </radialGradient>`;return e.replace(n[0],r)}function nn(e,t,n=!1){return $t(e,{baseColor:t.baseColor,secondaryColor:t.secondaryColor,eyeColor:t.eyeColor},n,t.id)}var rn=l();rn.addHook(`uponSanitizeAttribute`,(e,t)=>{t.attrName.startsWith(`data-`)&&(t.allowedAttributes[t.attrName]=!0)});var an=[`svg`,`g`,`defs`,`path`,`circle`,`ellipse`,`rect`,`line`,`polyline`,`polygon`,`radialGradient`,`linearGradient`,`stop`,`clipPath`,`mask`,`animate`,`animateTransform`,`animateMotion`,`text`,`tspan`,`style`],on=`xmlns.viewBox.preserveAspectRatio.width.height.id.class.fill.stroke.stroke-width.stroke-linecap.stroke-linejoin.stroke-dasharray.stroke-dashoffset.stroke-opacity.fill-opacity.fill-rule.opacity.transform.transform-origin.transform-box.style.clip-path.clip-rule.mask.cx.cy.r.rx.ry.x.y.x1.y1.x2.y2.d.points.offset.stop-color.stop-opacity.gradientUnits.gradientTransform.patternUnits.spreadMethod.fx.fy.attributeName.attributeType.values.keyTimes.keySplines.keyPoints.calcMode.dur.begin.end.repeatCount.repeatDur.fill.from.to.by.type.additive.accumulate.path.text-anchor.dominant-baseline.font-family.font-size.font-weight`.split(`.`),sn=[`script`,`foreignObject`,`iframe`,`embed`,`object`,`use`,`image`,`a`],cn=`onload.onerror.onclick.ondblclick.onmousedown.onmouseup.onmouseover.onmouseout.onmouseenter.onmouseleave.onmousemove.onfocus.onblur.onkeydown.onkeyup.onkeypress.onchange.oninput.onsubmit.onreset.onscroll.onwheel.oncopy.oncut.onpaste.ondrag.ondragend.ondragenter.ondragleave.ondragover.ondragstart.ondrop.onanimationend.onanimationstart.onanimationiteration.ontransitionend.ontransitionstart.ontransitioncancel.onbegin.onend.onrepeat.ontouchstart.ontouchend.ontouchmove.ontouchcancel.href.xlink:href`.split(`.`),ln=512*1024;function un(e){return e.length>ln?``:rn.sanitize(e,{ALLOWED_TAGS:an,ALLOWED_ATTR:on,FORBID_TAGS:sn,FORBID_ATTR:cn,RETURN_DOM:!1,RETURN_DOM_FRAGMENT:!1})}function dn(e,t){let n=e.match(/fill="url\(#([^"]+)\)"/);if(n){let e=n[1];if(/[Ee]ye[Bb]ase/i.test(e))return!1;if(/[Ee]ye[Ww]hite/i.test(e)||/[Ee]ye/i.test(e)&&!/[Bb]ase/i.test(e))return!0}return!!((e.includes(`fill="white"`)||e.includes(`fill='white'`)||e.includes(`fill="#fff"`)||e.includes(`fill="#ffffff"`)||e.includes(`fill="#FFF"`)||e.includes(`fill="#FFFFFF"`))&&t>=8)}function fn(e){if(e.includes(`data-blobbi-skip`))return!1;if(e.includes(`data-blobbi-pupil`)||/fill="url\(#[^"]*[Pp]upil[^"]*\)"/.test(e))return!0;for(let t of x)if(e.includes(`fill="${t}"`)||e.includes(`fill='${t}'`))return!0;return!1}function pn(e,t){return(e.includes(`fill="white"`)||e.includes(`fill='white'`)||e.includes(`fill="#fff"`)||e.includes(`fill="#ffffff"`)||e.includes(`fill="#FFF"`)||e.includes(`fill="#FFFFFF"`))&&t<8}function mn(e){let t=e.match(/cx="(-?\d+\.?\d*)"/),n=e.match(/cy="(-?\d+\.?\d*)"/);if(!t||!n)return null;let r=parseFloat(t[1]),i=parseFloat(n[1]),a=e.match(/\br="(\d+\.?\d*)"/);if(a)return{cx:r,cy:i,radius:parseFloat(a[1])};let o=e.match(/rx="(\d+\.?\d*)"/),s=e.match(/ry="(\d+\.?\d*)"/);return o&&s?{cx:r,cy:i,radius:(parseFloat(o[1])+parseFloat(s[1]))/2}:null}function hn(e,t,n,r){return Math.sqrt((n-e)**2+(r-t)**2)}function gn(e){let t=/<(circle|ellipse)[^>]*\/>/g,n=[],r;for(;(r=t.exec(e))!==null;){let e=mn(r[0]);if(!e)continue;let t=`other`;fn(r[0])?t=`pupil`:dn(r[0],e.radius)?t=`eye-white`:pn(r[0],e.radius)&&(t=`highlight`),n.push({match:r[0],index:r.index,endIndex:r.index+r[0].length,cx:e.cx,cy:e.cy,radius:e.radius,type:t})}return n}function _n(e){let t=e.filter(e=>e.type===`pupil`),n=e.filter(e=>e.type===`eye-white`),r=e.filter(e=>e.type===`highlight`);if(t.length===0)return[];let i=[...t].sort((e,t)=>e.cx-t.cx),a=i.length>1?(i[0].cx+i[i.length-1].cx)/2:i[0].cx,o=[],s=new Set,c=new Set;for(let e of t){let t=null,i=15;for(let r of n){if(s.has(r))continue;let n=hn(e.cx,e.cy,r.cx,r.cy);n<i&&(i=n,t=r)}t&&s.add(t);let l=r.filter(t=>c.has(t)?!1:hn(e.cx,e.cy,t.cx,t.cy)<15);l.forEach(e=>c.add(e));let u=t||e,d=null;if(t){let e=t.match.match(/rx="(\d+\.?\d*)"/),n=t.match.match(/ry="(\d+\.?\d*)"/),r=t.match.match(/\br="(\d+\.?\d*)"/);if(e&&n)d={rx:parseFloat(e[1]),ry:parseFloat(n[1])};else if(r){let e=parseFloat(r[1]);d={rx:e,ry:e}}}o.push({eyeWhite:t,pupil:e,highlights:l,side:e.cx<a?`left`:`right`,blinkCenterX:u.cx,blinkCenterY:u.cy,eyeWhiteGeometry:d})}return o}function vn(e,t,n,r,i,a){return`<ellipse 
      class="blobbi-eyelid blobbi-eyelid-${i}"
      cx="${e}" 
      cy="${t}" 
      rx="${n}" 
      ry="${r}"
      fill="${a}"
    />`}function yn(e,t){let n=_n(gn(e));if(n.length===0)return e;let r=[],i=[],a=V(t?.baseColor||`#6d28d9`,8),o=(t?.instanceId||Math.random().toString(36).substring(2,8)).replace(/[^a-zA-Z0-9_-]/g,`_`);for(let e of n){let t=[e.pupil,...e.highlights];e.eyeWhite&&t.push(e.eyeWhite);let n=[...t].sort((e,t)=>e.index-t.index);if(n.length===0)continue;let s=n[0],c=[e.pupil,...e.highlights].sort((e,t)=>e.index-t.index).map(e=>e.match).join(`
        `),l=`<g class="${u.gaze} ${u.gaze}-${e.side}">
        ${c}
      </g>`,d=`<g class="${u.eye} ${u.eye}-${e.side}" style="transform-box: fill-box; transform-origin: center;">
      ${l}
    </g>`,f;f=e.eyeWhite?`${e.eyeWhite.match}
    ${d}`:d;let p=e.eyeWhiteGeometry,m=p?e.blinkCenterY-p.ry:e.blinkCenterY-e.pupil.radius,h=p?e.blinkCenterY+p.ry:e.blinkCenterY+e.pupil.radius,g=p?e.blinkCenterX-p.rx:e.blinkCenterX-e.pupil.radius,_=p?e.blinkCenterX+p.rx:e.blinkCenterX+e.pupil.radius,v=h-m,y=_-g,b=m-2,x=g-2,S=y+4,C=v+4,w=`blobbi-blink-clip-${o}-${e.side}`,ee=e.eyeWhiteGeometry?` data-eye-rx="${e.eyeWhiteGeometry.rx}" data-eye-ry="${e.eyeWhiteGeometry.ry}"`:``,T=`<g class="blobbi-blink blobbi-blink-${e.side}" data-eye-cx="${e.blinkCenterX}" data-eye-cy="${e.blinkCenterY}" data-eye-side="${e.side}"${ee} data-clip-top="${b}" data-clip-height="${C}" data-clip-id="${w}" clip-path="url(#${w})">
    ${f}
  </g>`,E=T;e.eyeWhiteGeometry&&e.eyeWhite&&(E=vn(e.blinkCenterX,e.blinkCenterY,e.eyeWhiteGeometry.rx,e.eyeWhiteGeometry.ry,e.side,a)+`
  `+T);let D=`<clipPath id="${w}">
      <rect class="${u.clipRect}" x="${x}" y="${b}" width="${S}" height="${C}" />
    </clipPath>`;i.push(D),r.push({type:`replace`,index:s.index,endIndex:s.endIndex,replacement:E});for(let e=1;e<n.length;e++)r.push({type:`remove`,index:n[e].index,endIndex:n[e].endIndex})}r.sort((e,t)=>t.index-e.index);let s=e;for(let e of r)e.type===`replace`&&e.replacement?s=s.slice(0,e.index)+e.replacement+s.slice(e.endIndex):e.type===`remove`&&(s=s.slice(0,e.index)+s.slice(e.endIndex));if(i.length>0){let e=i.join(`
    `);s=s.includes(`<defs>`)?s.replace(`<defs>`,`<defs>\n    ${e}`):s.replace(/(<svg[^>]*>)/,`$1\n  <defs>\n    ${e}\n  </defs>`)}return s}var bn=.1;function xn(e){return(0,L.useMemo)(()=>{if(!e)return``;let{bodyEffects:t,...n}=e;if(!t)return JSON.stringify(n);let{angerRise:r,...i}=t;if(!r)return JSON.stringify({...n,bodyEffects:i});let{level:a,...o}=r;return JSON.stringify({...n,bodyEffects:{...i,angerRise:o}})},[e])}function Sn(e,t,n){let r=n?.bodyEffects?.angerRise?.level;(0,L.useEffect)(()=>{let n=e.current;if(!n||r===void 0)return;let i=`blobbi-anger-gradient-${t}`,a=n.querySelector(`#${CSS.escape(i)}`);if(!a)return;let o=a.querySelectorAll(`stop`);if(o.length<3)return;let s=Math.max(0,r-bn);o[1]?.setAttribute(`offset`,String(s)),o[2]?.setAttribute(`offset`,String(r))},[r,t,e])}function Cn(e){return`${e}-${(0,L.useId)().replace(/[^a-zA-Z0-9]/g,``)}`}function wn({blobbi:e,isSleeping:t,recipe:n,recipeLabel:r,emotion:i=`neutral`,bodyEffects:a,className:o}){let s=xn(n),c=Cn(e.id),l=(0,L.useMemo)(()=>{let t=yn(nn(Yt(e,{isSleeping:!1}),e,!1),{baseColor:e.baseColor,instanceId:c});if(n)t=z(t,n,r??`status`,`baby`,void 0,c);else if(i!==`neutral`){let e=vt(i);t=z(t,e,i,`baby`,void 0,c)}return a&&!n&&(t=gt(t,{...a,idPrefix:a.idPrefix??c})),t},[e.id,e.baseColor,e.secondaryColor,e.eyeColor,e.seed,c,s,r,i,a]);return(0,R.jsx)(`div`,{className:o,dangerouslySetInnerHTML:{__html:(0,L.useMemo)(()=>un(l),[l])}})}function Tn({blobbi:e,reaction:t=`idle`,lookMode:n=`follow-pointer`,disableBlink:i=!1,externalEyeOffset:a,externalEyeOffsetRef:o,renderMode:s=`page`,recipe:c,recipeLabel:l,emotion:u=`neutral`,bodyEffects:d,className:f}){let p=Wt(e),m=(0,L.useRef)(null),h=s===`companion`,g=p?`idle`:t;return Ht(m,{isSleeping:p,maxMovement:2,lookMode:n,disableBlink:i,disableTracking:h}),Ut({containerRef:m,externalEyeOffset:a,externalEyeOffsetRef:o,isSleeping:p,variant:`baby`}),(0,R.jsx)(`div`,{ref:m,className:r(`relative flex items-center justify-center`,!h&&(g===`listening`||g===`swaying`||g===`happy`)&&`animate-blobbi-sway`,!h&&g===`singing`&&`animate-blobbi-bounce`,f),children:(0,R.jsx)(wn,{blobbi:e,isSleeping:p,recipe:c,recipeLabel:l,emotion:u,bodyEffects:d,className:`size-full`})})}var En={bloomi:{base:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><g transform="rotate(0 100 110)"><animateTransform attributeName="transform" type="rotate" from="0 100 110" to="360 100 110" dur="10s" repeatCount="indefinite" /><circle cx="100" cy="70" r="25" fill="url(#bloomiPetal1)" /><circle cx="130" cy="90" r="25" fill="url(#bloomiPetal2)" /><circle cx="130" cy="130" r="25" fill="url(#bloomiPetal3)" /><circle cx="100" cy="150" r="25" fill="url(#bloomiPetal4)" /><circle cx="70" cy="130" r="25" fill="url(#bloomiPetal5)" /><circle cx="70" cy="90" r="25" fill="url(#bloomiPetal6)" /></g><g transform="rotate(0 100 110)"><animateTransform attributeName="transform" type="rotate" from="0 100 110" to="-360 100 110" dur="20s" repeatCount="indefinite" /><circle cx="60" cy="80" r="2" fill="url(#bloomiPollen)" opacity="0.8" /><circle cx="140" cy="85" r="1.5" fill="url(#bloomiPollen)" opacity="0.6" /><circle cx="55" cy="140" r="1" fill="url(#bloomiPollen)" opacity="0.7" /><circle cx="145" cy="135" r="2" fill="url(#bloomiPollen)" opacity="0.5" /><circle cx="75" cy="60" r="1.5" fill="url(#bloomiPollen)" opacity="0.9" /></g><circle cx="100" cy="110" r="35" fill="url(#bloomiCenter)" data-blobbi-body="true" /><circle cx="100" cy="110" r="28" fill="url(#bloomiCenterHighlight)" opacity="0.6" /><circle cx="88" cy="105" r="8" fill="white" /><circle cx="112" cy="105" r="8" fill="white" /><circle cx="88" cy="105" r="5" fill="#1f2937" /><circle cx="112" cy="105" r="5" fill="#1f2937" /><circle cx="90" cy="103" r="2" fill="white" /><circle cx="114" cy="103" r="2" fill="white" /><path d="M 90 120 Q 100 128 110 120" stroke="#1f2937" stroke-width="3" fill="none" stroke-linecap="round" /><circle cx="70" cy="115" r="8" fill="url(#bloomiBlush)" opacity="0.6" /><circle cx="130" cy="115" r="8" fill="url(#bloomiBlush)" opacity="0.6" /><defs><radialGradient id="bloomiPetal1" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#fef3c7" /><stop offset="100%" stop-color="#fbbf24" /></radialGradient><radialGradient id="bloomiPetal2" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#fed7d7" /><stop offset="100%" stop-color="#f87171" /></radialGradient><radialGradient id="bloomiPetal3" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#fce7f3" /><stop offset="100%" stop-color="#f472b6" /></radialGradient><radialGradient id="bloomiPetal4" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#e0e7ff" /><stop offset="100%" stop-color="#8b5cf6" /></radialGradient><radialGradient id="bloomiPetal5" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#dcfce7" /><stop offset="100%" stop-color="#22c55e" /></radialGradient><radialGradient id="bloomiPetal6" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#dbeafe" /><stop offset="100%" stop-color="#3b82f6" /></radialGradient><radialGradient id="bloomiCenter" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#fef3c7" /><stop offset="50%" stop-color="#fbbf24" /><stop offset="100%" stop-color="#f59e0b" /></radialGradient><radialGradient id="bloomiCenterHighlight" cx="0.4" cy="0.3"><stop offset="0%" stop-color="#ffffff" /><stop offset="100%" stop-color="rgba(255,255,255,0.3)" /></radialGradient><radialGradient id="bloomiBlush" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#fce7f3" /><stop offset="100%" stop-color="#f472b6" /></radialGradient><radialGradient id="bloomiPollen" cx="0.5" cy="0.5"><stop offset="0%" stop-color="#fef3c7" /><stop offset="100%" stop-color="#fbbf24" /></radialGradient></defs></svg>`,sleeping:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><g transform="rotate(0 100 110)"><animateTransform attributeName="transform" type="rotate" from="0 100 110" to="360 100 110" dur="20s" repeatCount="indefinite" /><circle cx="100" cy="70" r="25" fill="url(#bloomiPetal1)" /><circle cx="130" cy="90" r="25" fill="url(#bloomiPetal2)" /><circle cx="130" cy="130" r="25" fill="url(#bloomiPetal3)" /><circle cx="100" cy="150" r="25" fill="url(#bloomiPetal4)" /><circle cx="70" cy="130" r="25" fill="url(#bloomiPetal5)" /><circle cx="70" cy="90" r="25" fill="url(#bloomiPetal6)" /></g><g transform="rotate(0 100 110)"><animateTransform attributeName="transform" type="rotate" from="0 100 110" to="-360 100 110" dur="30s" repeatCount="indefinite" /><circle cx="60" cy="80" r="2" fill="url(#bloomiPollen)" opacity="0.4" /><circle cx="140" cy="85" r="1.5" fill="url(#bloomiPollen)" opacity="0.3" /><circle cx="55" cy="140" r="1" fill="url(#bloomiPollen)" opacity="0.3" /><circle cx="145" cy="135" r="2" fill="url(#bloomiPollen)" opacity="0.2" /><circle cx="75" cy="60" r="1.5" fill="url(#bloomiPollen)" opacity="0.4" /></g><circle cx="100" cy="110" r="35" fill="url(#bloomiCenter)" data-blobbi-body="true" /><circle cx="100" cy="110" r="28" fill="url(#bloomiCenterHighlight)" opacity="0.6" /><path d="M 80 105 Q 88 108 96 105" stroke="#1f2937" stroke-width="3" fill="none" stroke-linecap="round" /><path d="M 104 105 Q 112 108 120 105" stroke="#1f2937" stroke-width="3" fill="none" stroke-linecap="round" /><circle cx="100" cy="120" r="2" fill="#1f2937" /><circle cx="70" cy="115" r="8" fill="url(#bloomiBlush)" opacity="0.6" /><circle cx="130" cy="115" r="8" fill="url(#bloomiBlush)" opacity="0.6" /><text x="150" y="60" font-size="10" fill="#666" opacity="0.8">Z</text><text x="157" y="55" font-size="8" fill="#666" opacity="0.6">z</text><text x="162" y="51" font-size="6" fill="#666" opacity="0.4">z</text><defs><radialGradient id="bloomiPetal1" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#fef3c7" /><stop offset="100%" stop-color="#fbbf24" /></radialGradient><radialGradient id="bloomiPetal2" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#fed7d7" /><stop offset="100%" stop-color="#f87171" /></radialGradient><radialGradient id="bloomiPetal3" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#fce7f3" /><stop offset="100%" stop-color="#f472b6" /></radialGradient><radialGradient id="bloomiPetal4" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#e0e7ff" /><stop offset="100%" stop-color="#8b5cf6" /></radialGradient><radialGradient id="bloomiPetal5" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#dcfce7" /><stop offset="100%" stop-color="#22c55e" /></radialGradient><radialGradient id="bloomiPetal6" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#dbeafe" /><stop offset="100%" stop-color="#3b82f6" /></radialGradient><radialGradient id="bloomiCenter" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#fef3c7" /><stop offset="50%" stop-color="#fbbf24" /><stop offset="100%" stop-color="#f59e0b" /></radialGradient><radialGradient id="bloomiCenterHighlight" cx="0.4" cy="0.3"><stop offset="0%" stop-color="#ffffff" /><stop offset="100%" stop-color="rgba(255,255,255,0.3)" /></radialGradient><radialGradient id="bloomiBlush" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#fce7f3" /><stop offset="100%" stop-color="#f472b6" /></radialGradient><radialGradient id="bloomiPollen" cx="0.5" cy="0.5"><stop offset="0%" stop-color="#fef3c7" /><stop offset="100%" stop-color="#fbbf24" /></radialGradient></defs></svg>`},breezy:{base:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><path d="M 100 40 Q 70 60 60 90 Q 55 120 70 140 Q 85 155 100 160 Q 115 155 130 140 Q 145 120 140 90 Q 130 60 100 40" fill="url(#breezyBody)" data-blobbi-body="true" /><path d="M 100 45 L 100 155" stroke="url(#breezyVein)" stroke-width="3" opacity="0.6" /><path d="M 100 70 L 80 85" stroke="url(#breezyVein)" stroke-width="2" opacity="0.5" /><path d="M 100 70 L 120 85" stroke="url(#breezyVein)" stroke-width="2" opacity="0.5" /><path d="M 100 100 L 75 115" stroke="url(#breezyVein)" stroke-width="2" opacity="0.5" /><path d="M 100 100 L 125 115" stroke="url(#breezyVein)" stroke-width="2" opacity="0.5" /><path d="M 100 130 L 85 140" stroke="url(#breezyVein)" stroke-width="2" opacity="0.5" /><path d="M 100 130 L 115 140" stroke="url(#breezyVein)" stroke-width="2" opacity="0.5" /><path d="M 100 50 Q 75 65 68 85 Q 65 105 75 120 Q 85 130 100 135 Q 115 130 125 120 Q 135 105 132 85 Q 125 65 100 50" fill="url(#breezyInner)" opacity="0.6" /><circle cx="85" cy="90" r="10" fill="white" /><circle cx="115" cy="90" r="10" fill="white" /><circle cx="85" cy="90" r="6" fill="#1f2937" /><circle cx="115" cy="90" r="6" fill="#1f2937" /><circle cx="87" cy="88" r="3" fill="white" /><circle cx="117" cy="88" r="3" fill="white" /><path d="M 85 110 Q 100 120 115 110" stroke="#1f2937" stroke-width="3" fill="none" stroke-linecap="round" /><path d="M 65 100 Q 55 95 50 105 Q 55 115 65 110" fill="url(#breezyArm)" /><path d="M 135 100 Q 145 95 150 105 Q 145 115 135 110" fill="url(#breezyArm)" /><ellipse cx="90" cy="155" rx="10" ry="8" fill="url(#breezyLeg)" /><ellipse cx="110" cy="155" rx="10" ry="8" fill="url(#breezyLeg)" /><g transform="translate(100 100)"><g><animateTransform attributeName="transform" type="rotate" from="0" to="360" dur="8s" repeatCount="indefinite" /><path d="M -50 -30 Q -55 -25 -50 -20 Q -45 -25 -50 -30" fill="url(#breezyFloating)" opacity="0.8" /></g></g><g transform="translate(100 100)"><g><animateTransform attributeName="transform" type="rotate" from="0" to="-360" dur="9s" repeatCount="indefinite" /><path d="M 50 -25 Q 45 -20 50 -15 Q 55 -20 50 -25" fill="url(#breezyFloating)" opacity="0.6" /></g></g><g transform="translate(100 100)"><g><animateTransform attributeName="transform" type="rotate" from="0" to="360" dur="7s" repeatCount="indefinite" /><path d="M -55 30 Q -60 35 -55 40 Q -50 35 -55 30" fill="url(#breezyFloating)" opacity="0.7" /></g></g><g transform="translate(100 100)"><g><animateTransform attributeName="transform" type="rotate" from="0" to="-360" dur="10s" repeatCount="indefinite" /><path d="M 55 25 Q 50 30 55 35 Q 60 30 55 25" fill="url(#breezyFloating)" opacity="0.5" /></g></g><defs><radialGradient id="breezyBody" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#86efac" /><stop offset="30%" stop-color="#4ade80" /><stop offset="70%" stop-color="#22c55e" /><stop offset="100%" stop-color="#16a34a" /></radialGradient><radialGradient id="breezyInner" cx="0.4" cy="0.3"><stop offset="0%" stop-color="#bbf7d0" /><stop offset="100%" stop-color="#86efac" /></radialGradient><linearGradient id="breezyVein" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" stop-color="#15803d" /><stop offset="50%" stop-color="#16a34a" /><stop offset="100%" stop-color="#15803d" /></linearGradient><radialGradient id="breezyArm" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#4ade80" /><stop offset="100%" stop-color="#16a34a" /></radialGradient><radialGradient id="breezyLeg" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#22c55e" /><stop offset="100%" stop-color="#15803d" /></radialGradient><radialGradient id="breezyFloating" cx="0.5" cy="0.5"><stop offset="0%" stop-color="#86efac" /><stop offset="100%" stop-color="#22c55e" /></radialGradient></defs></svg>`,sleeping:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><path d="M 100 40 Q 70 60 60 90 Q 55 120 70 140 Q 85 155 100 160 Q 115 155 130 140 Q 145 120 140 90 Q 130 60 100 40" fill="url(#breezyBody)" data-blobbi-body="true" /><path d="M 100 45 L 100 155" stroke="url(#breezyVein)" stroke-width="3" opacity="0.6" /><path d="M 100 70 L 80 85" stroke="url(#breezyVein)" stroke-width="2" opacity="0.5" /><path d="M 100 70 L 120 85" stroke="url(#breezyVein)" stroke-width="2" opacity="0.5" /><path d="M 100 100 L 75 115" stroke="url(#breezyVein)" stroke-width="2" opacity="0.5" /><path d="M 100 100 L 125 115" stroke="url(#breezyVein)" stroke-width="2" opacity="0.5" /><path d="M 100 130 L 85 140" stroke="url(#breezyVein)" stroke-width="2" opacity="0.5" /><path d="M 100 130 L 115 140" stroke="url(#breezyVein)" stroke-width="2" opacity="0.5" /><path d="M 100 50 Q 75 65 68 85 Q 65 105 75 120 Q 85 130 100 135 Q 115 130 125 120 Q 135 105 132 85 Q 125 65 100 50" fill="url(#breezyInner)" opacity="0.6" /><path d="M 75 90 Q 85 93 95 90" stroke="#1f2937" stroke-width="3" fill="none" stroke-linecap="round" /><path d="M 105 90 Q 115 93 125 90" stroke="#1f2937" stroke-width="3" fill="none" stroke-linecap="round" /><circle cx="100" cy="110" r="2" fill="#1f2937" /><path d="M 65 100 Q 55 95 50 105 Q 55 115 65 110" fill="url(#breezyArm)" /><path d="M 135 100 Q 145 95 150 105 Q 145 115 135 110" fill="url(#breezyArm)" /><ellipse cx="90" cy="155" rx="10" ry="8" fill="url(#breezyLeg)" /><ellipse cx="110" cy="155" rx="10" ry="8" fill="url(#breezyLeg)" /><g transform="translate(100 100)"><g><animateTransform attributeName="transform" type="rotate" from="0" to="360" dur="8s" repeatCount="indefinite" /><path d="M -50 -30 Q -55 -25 -50 -20 Q -45 -25 -50 -30" fill="url(#breezyFloating)" opacity="0.6" /></g></g><g transform="translate(100 100)"><g><animateTransform attributeName="transform" type="rotate" from="0" to="-360" dur="9s" repeatCount="indefinite" /><path d="M 50 -25 Q 45 -20 50 -15 Q 55 -20 50 -25" fill="url(#breezyFloating)" opacity="0.5" /></g></g><g transform="translate(100 100)"><g><animateTransform attributeName="transform" type="rotate" from="0" to="360" dur="7s" repeatCount="indefinite" /><path d="M -55 30 Q -60 35 -55 40 Q -50 35 -55 30" fill="url(#breezyFloating)" opacity="0.5" /></g></g><g transform="translate(100 100)"><g><animateTransform attributeName="transform" type="rotate" from="0" to="-360" dur="10s" repeatCount="indefinite" /><path d="M 55 25 Q 50 30 55 35 Q 60 30 55 25" fill="url(#breezyFloating)" opacity="0.4" /></g></g><text x="150" y="60" font-size="10" fill="#666" opacity="0.8">Z</text><text x="157" y="55" font-size="8" fill="#666" opacity="0.6">z</text><text x="162" y="51" font-size="6" fill="#666" opacity="0.4">z</text><defs><radialGradient id="breezyBody" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#86efac" /><stop offset="30%" stop-color="#4ade80" /><stop offset="70%" stop-color="#22c55e" /><stop offset="100%" stop-color="#16a34a" /></radialGradient><radialGradient id="breezyInner" cx="0.4" cy="0.3"><stop offset="0%" stop-color="#bbf7d0" /><stop offset="100%" stop-color="#86efac" /></radialGradient><linearGradient id="breezyVein" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" stop-color="#15803d" /><stop offset="50%" stop-color="#16a34a" /><stop offset="100%" stop-color="#15803d" /></linearGradient><radialGradient id="breezyArm" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#4ade80" /><stop offset="100%" stop-color="#16a34a" /></radialGradient><radialGradient id="breezyLeg" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#22c55e" /><stop offset="100%" stop-color="#15803d" /></radialGradient><radialGradient id="breezyFloating" cx="0.5" cy="0.5"><stop offset="0%" stop-color="#86efac" /><stop offset="100%" stop-color="#22c55e" /></radialGradient></defs></svg>`},cacti:{base:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><rect x="85" y="80" width="30" height="80" rx="15" fill="url(#cactiBody)" data-blobbi-body="true" /><rect x="60" y="100" width="20" height="40" rx="10" fill="url(#cactiArm)" /><rect x="120" y="110" width="20" height="35" rx="10" fill="url(#cactiArm)" /><line x1="92" y1="85" x2="92" y2="155" stroke="#65a30d" stroke-width="2" opacity="0.5" /><line x1="100" y1="85" x2="100" y2="155" stroke="#65a30d" stroke-width="2" opacity="0.5" /><line x1="108" y1="85" x2="108" y2="155" stroke="#65a30d" stroke-width="2" opacity="0.5" /><circle cx="90" cy="105" r="8" fill="white" /><circle cx="110" cy="105" r="8" fill="white" /><circle cx="90" cy="105" r="5" fill="#1f2937" /><circle cx="110" cy="105" r="5" fill="#1f2937" /><circle cx="92" cy="103" r="2" fill="white" /><circle cx="112" cy="103" r="2" fill="white" /><path d="M 92 120 Q 100 126 108 120" stroke="#1f2937" stroke-width="3" fill="none" stroke-linecap="round" /><circle cx="88" cy="90" r="1" fill="#65a30d" /><circle cx="95" cy="95" r="1" fill="#65a30d" /><circle cx="105" cy="92" r="1" fill="#65a30d" /><circle cx="112" cy="88" r="1" fill="#65a30d" /><circle cx="65" cy="110" r="1" fill="#65a30d" /><circle cx="70" cy="120" r="1" fill="#65a30d" /><circle cx="125" cy="115" r="1" fill="#65a30d" /><circle cx="130" cy="125" r="1" fill="#65a30d" /><path d="M 75 160 L 80 175 L 120 175 L 125 160 Z" fill="url(#cactiPot)" /><rect x="75" y="160" width="50" height="5" fill="url(#cactiPotRim)" rx="2" /><circle cx="100" cy="75" r="12" fill="url(#cactiFlower)" /><circle cx="100" cy="75" r="8" fill="url(#cactiFlowerCenter)" /><circle cx="100" cy="75" r="4" fill="#fbbf24" /><defs><radialGradient id="cactiBody" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#a3e635" /><stop offset="30%" stop-color="#84cc16" /><stop offset="70%" stop-color="#65a30d" /><stop offset="100%" stop-color="#4d7c0f" /></radialGradient><radialGradient id="cactiArm" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#84cc16" /><stop offset="100%" stop-color="#65a30d" /></radialGradient><radialGradient id="cactiPot" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#dc2626" /><stop offset="100%" stop-color="#991b1b" /></radialGradient><radialGradient id="cactiPotRim" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#ef4444" /><stop offset="100%" stop-color="#dc2626" /></radialGradient><radialGradient id="cactiFlower" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#fce7f3" /><stop offset="100%" stop-color="#f472b6" /></radialGradient><radialGradient id="cactiFlowerCenter" cx="0.5" cy="0.5"><stop offset="0%" stop-color="#fef3c7" /><stop offset="100%" stop-color="#fbbf24" /></radialGradient></defs></svg>`,sleeping:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><rect x="85" y="80" width="30" height="80" rx="15" fill="url(#cactiBody)" data-blobbi-body="true" /><rect x="60" y="100" width="20" height="40" rx="10" fill="url(#cactiArm)" /><rect x="120" y="110" width="20" height="35" rx="10" fill="url(#cactiArm)" /><line x1="92" y1="85" x2="92" y2="155" stroke="#65a30d" stroke-width="2" opacity="0.5" /><line x1="100" y1="85" x2="100" y2="155" stroke="#65a30d" stroke-width="2" opacity="0.5" /><line x1="108" y1="85" x2="108" y2="155" stroke="#65a30d" stroke-width="2" opacity="0.5" /><path d="M 82 105 Q 90 108 98 105" stroke="#1f2937" stroke-width="3" fill="none" stroke-linecap="round" /><path d="M 102 105 Q 110 108 118 105" stroke="#1f2937" stroke-width="3" fill="none" stroke-linecap="round" /><circle cx="100" cy="120" r="2" fill="#1f2937" /><circle cx="88" cy="90" r="1" fill="#65a30d" /><circle cx="95" cy="95" r="1" fill="#65a30d" /><circle cx="105" cy="92" r="1" fill="#65a30d" /><circle cx="112" cy="88" r="1" fill="#65a30d" /><circle cx="65" cy="110" r="1" fill="#65a30d" /><circle cx="70" cy="120" r="1" fill="#65a30d" /><circle cx="125" cy="115" r="1" fill="#65a30d" /><circle cx="130" cy="125" r="1" fill="#65a30d" /><path d="M 75 160 L 80 175 L 120 175 L 125 160 Z" fill="url(#cactiPot)" /><rect x="75" y="160" width="50" height="5" fill="url(#cactiPotRim)" rx="2" /><circle cx="100" cy="75" r="12" fill="url(#cactiFlower)" /><circle cx="100" cy="75" r="8" fill="url(#cactiFlowerCenter)" /><circle cx="100" cy="75" r="4" fill="#fbbf24" /><text x="150" y="60" font-size="10" fill="#666" opacity="0.8">Z</text><text x="157" y="55" font-size="8" fill="#666" opacity="0.6">z</text><text x="162" y="51" font-size="6" fill="#666" opacity="0.4">z</text><defs><radialGradient id="cactiBody" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#a3e635" /><stop offset="30%" stop-color="#84cc16" /><stop offset="70%" stop-color="#65a30d" /><stop offset="100%" stop-color="#4d7c0f" /></radialGradient><radialGradient id="cactiArm" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#84cc16" /><stop offset="100%" stop-color="#65a30d" /></radialGradient><radialGradient id="cactiPot" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#dc2626" /><stop offset="100%" stop-color="#991b1b" /></radialGradient><radialGradient id="cactiPotRim" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#ef4444" /><stop offset="100%" stop-color="#dc2626" /></radialGradient><radialGradient id="cactiFlower" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#fce7f3" /><stop offset="100%" stop-color="#f472b6" /></radialGradient><radialGradient id="cactiFlowerCenter" cx="0.5" cy="0.5"><stop offset="0%" stop-color="#fef3c7" /><stop offset="100%" stop-color="#fbbf24" /></radialGradient></defs></svg>`},catti:{base:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><defs><radialGradient id="cattiBody3D" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#fed7aa;stop-opacity:1" /><stop offset="40%" style="stop-color:#f97316;stop-opacity:1" /><stop offset="100%" style="stop-color:#c2410c;stop-opacity:1" /></radialGradient><radialGradient id="cattiEar3D" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#f97316;stop-opacity:1" /><stop offset="100%" style="stop-color:#c2410c;stop-opacity:1" /></radialGradient><radialGradient id="cattiEarInner" cx="0.4" cy="0.3"><stop offset="0%" style="stop-color:#fbbf24;stop-opacity:1" /><stop offset="100%" style="stop-color:#f59e0b;stop-opacity:1" /></radialGradient><radialGradient id="cattiEyeWhite3D" cx="0.3" cy="0.3"><stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" /><stop offset="100%" style="stop-color:#f3f4f6;stop-opacity:1" /></radialGradient><radialGradient id="cattiPupil3D" cx="0.3" cy="0.3"><stop offset="0%" style="stop-color:#374151;stop-opacity:1" /><stop offset="100%" style="stop-color:#1f2937;stop-opacity:1" /></radialGradient><radialGradient id="cattiNose3D" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#f472b6;stop-opacity:1" /><stop offset="100%" style="stop-color:#be185d;stop-opacity:1" /></radialGradient><radialGradient id="cattiNoseHighlight" cx="0.4" cy="0.3"><stop offset="0%" style="stop-color:#fce7f3;stop-opacity:1" /><stop offset="100%" style="stop-color:#f472b6;stop-opacity:1" /></radialGradient><radialGradient id="cattiTail3D" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#fed7aa;stop-opacity:1" /><stop offset="50%" style="stop-color:#f97316;stop-opacity:1" /><stop offset="100%" style="stop-color:#c2410c;stop-opacity:1" /></radialGradient><radialGradient id="cattiTailHighlight" cx="0.4" cy="0.3"><stop offset="0%" style="stop-color:#fef3c7;stop-opacity:1" /><stop offset="100%" style="stop-color:#fed7aa;stop-opacity:1" /></radialGradient><linearGradient id="cattiMouth3D" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" style="stop-color:#374151;stop-opacity:1" /><stop offset="50%" style="stop-color:#1f2937;stop-opacity:1" /><stop offset="100%" style="stop-color:#374151;stop-opacity:1" /></linearGradient></defs><ellipse cx="100" cy="120" rx="45" ry="60" fill="url(#cattiBody3D)" data-blobbi-body="true" /><path d="M 68 72 L 58 48 L 82 62 Z" fill="url(#cattiEar3D)" /><path d="M 132 72 L 142 48 L 118 62 Z" fill="url(#cattiEar3D)" /><path d="M 70 62 L 64 52 L 76 58 Z" fill="url(#cattiEarInner)" /><path d="M 130 62 L 136 52 L 124 58 Z" fill="url(#cattiEarInner)" /><ellipse cx="85" cy="100" rx="12" ry="16" fill="url(#cattiEyeWhite3D)" /><ellipse cx="115" cy="100" rx="12" ry="16" fill="url(#cattiEyeWhite3D)" /><ellipse cx="85" cy="100" rx="8" ry="12" fill="url(#cattiPupil3D)" /><ellipse cx="115" cy="100" rx="8" ry="12" fill="url(#cattiPupil3D)" /><ellipse cx="87" cy="97" rx="3" ry="4" fill="white" opacity="0.9" /><ellipse cx="117" cy="97" rx="3" ry="4" fill="white" opacity="0.9" /><path d="M 94 115 L 100 122 L 106 115 Z" fill="url(#cattiNose3D)" /><path d="M 96 116 L 100 120 L 104 116 Z" fill="url(#cattiNoseHighlight)" /><path d="M 100 122 Q 88 128 82 122" stroke="url(#cattiMouth3D)" stroke-width="2.5" fill="none" stroke-linecap="round" /><path d="M 100 122 Q 112 128 118 122" stroke="url(#cattiMouth3D)" stroke-width="2.5" fill="none" stroke-linecap="round" /><path d="M 145 140 Q 165 115 158 95 Q 148 75 165 65" stroke="url(#cattiTail3D)" stroke-width="22" fill="none" stroke-linecap="round" /><path d="M 145 140 Q 163 117 156 97 Q 148 79 163 69" stroke="url(#cattiTailHighlight)" stroke-width="16" fill="none" stroke-linecap="round" /><path d="M 48 108 Q 58 110 72 108" stroke="#1e293b" stroke-width="1.8" fill="none" stroke-linecap="round" /><path d="M 48 118 Q 58 120 72 118" stroke="#1e293b" stroke-width="1.8" fill="none" stroke-linecap="round" /><path d="M 128 108 Q 138 110 152 108" stroke="#1e293b" stroke-width="1.8" fill="none" stroke-linecap="round" /><path d="M 128 118 Q 138 120 152 118" stroke="#1e293b" stroke-width="1.8" fill="none" stroke-linecap="round" /><ellipse cx="75" cy="135" rx="3" ry="2" fill="rgba(255,255,255,0.2)" /><ellipse cx="125" cy="130" rx="2.5" ry="2" fill="rgba(255,255,255,0.2)" /><ellipse cx="90" cy="150" rx="2" ry="1.5" fill="rgba(255,255,255,0.15)" /></svg>`,sleeping:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><defs><radialGradient id="cattiBody3D" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#fed7aa;stop-opacity:1" /><stop offset="40%" style="stop-color:#f97316;stop-opacity:1" /><stop offset="100%" style="stop-color:#c2410c;stop-opacity:1" /></radialGradient><radialGradient id="cattiEar3D" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#f97316;stop-opacity:1" /><stop offset="100%" style="stop-color:#c2410c;stop-opacity:1" /></radialGradient><radialGradient id="cattiEarInner" cx="0.4" cy="0.3"><stop offset="0%" style="stop-color:#fbbf24;stop-opacity:1" /><stop offset="100%" style="stop-color:#f59e0b;stop-opacity:1" /></radialGradient><radialGradient id="cattiEyeWhite3D" cx="0.3" cy="0.3"><stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" /><stop offset="100%" style="stop-color:#f3f4f6;stop-opacity:1" /></radialGradient><radialGradient id="cattiPupil3D" cx="0.3" cy="0.3"><stop offset="0%" style="stop-color:#374151;stop-opacity:1" /><stop offset="100%" style="stop-color:#1f2937;stop-opacity:1" /></radialGradient><radialGradient id="cattiNose3D" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#f472b6;stop-opacity:1" /><stop offset="100%" style="stop-color:#be185d;stop-opacity:1" /></radialGradient><radialGradient id="cattiNoseHighlight" cx="0.4" cy="0.3"><stop offset="0%" style="stop-color:#fce7f3;stop-opacity:1" /><stop offset="100%" style="stop-color:#f472b6;stop-opacity:1" /></radialGradient><radialGradient id="cattiTail3D" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#fed7aa;stop-opacity:1" /><stop offset="50%" style="stop-color:#f97316;stop-opacity:1" /><stop offset="100%" style="stop-color:#c2410c;stop-opacity:1" /></radialGradient><radialGradient id="cattiTailHighlight" cx="0.4" cy="0.3"><stop offset="0%" style="stop-color:#fef3c7;stop-opacity:1" /><stop offset="100%" style="stop-color:#fed7aa;stop-opacity:1" /></radialGradient><linearGradient id="cattiMouth3D" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" style="stop-color:#374151;stop-opacity:1" /><stop offset="50%" style="stop-color:#1f2937;stop-opacity:1" /><stop offset="100%" style="stop-color:#374151;stop-opacity:1" /></linearGradient></defs><ellipse cx="100" cy="120" rx="45" ry="60" fill="url(#cattiBody3D)" data-blobbi-body="true" /><path d="M 68 72 L 58 48 L 82 62 Z" fill="url(#cattiEar3D)" /><path d="M 132 72 L 142 48 L 118 62 Z" fill="url(#cattiEar3D)" /><path d="M 70 62 L 64 52 L 76 58 Z" fill="url(#cattiEarInner)" /><path d="M 130 62 L 136 52 L 124 58 Z" fill="url(#cattiEarInner)" /><path d="M 73 100 Q 85 103 97 100" stroke="#1f2937" stroke-width="3" fill="none" stroke-linecap="round" /><path d="M 103 100 Q 115 103 127 100" stroke="#1f2937" stroke-width="3" fill="none" stroke-linecap="round" /><path d="M 94 115 L 100 122 L 106 115 Z" fill="url(#cattiNose3D)" /><path d="M 96 116 L 100 120 L 104 116 Z" fill="url(#cattiNoseHighlight)" /><circle cx="100" cy="125" r="2" fill="#1f2937" /><path d="M 145 140 Q 165 115 158 95 Q 148 75 165 65" stroke="url(#cattiTail3D)" stroke-width="22" fill="none" stroke-linecap="round" /><path d="M 145 140 Q 163 117 156 97 Q 148 79 163 69" stroke="url(#cattiTailHighlight)" stroke-width="16" fill="none" stroke-linecap="round" /><path d="M 48 108 Q 58 110 72 108" stroke="#1e293b" stroke-width="1.8" fill="none" stroke-linecap="round" /><path d="M 48 118 Q 58 120 72 118" stroke="#1e293b" stroke-width="1.8" fill="none" stroke-linecap="round" /><path d="M 128 108 Q 138 110 152 108" stroke="#1e293b" stroke-width="1.8" fill="none" stroke-linecap="round" /><path d="M 128 118 Q 138 120 152 118" stroke="#1e293b" stroke-width="1.8" fill="none" stroke-linecap="round" /><ellipse cx="75" cy="135" rx="3" ry="2" fill="rgba(255,255,255,0.2)" /><ellipse cx="125" cy="130" rx="2.5" ry="2" fill="rgba(255,255,255,0.2)" /><ellipse cx="90" cy="150" rx="2" ry="1.5" fill="rgba(255,255,255,0.15)" /><text x="150" y="60" font-size="10" fill="#666" opacity="0.8">Z</text><text x="157" y="55" font-size="8" fill="#666" opacity="0.6">z</text><text x="162" y="51" font-size="6" fill="#666" opacity="0.4">z</text></svg>`},cloudi:{base:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><circle cx="100" cy="120" r="45" fill="url(#cloudiBody)" data-blobbi-body="true" /><circle cx="75" cy="110" r="35" fill="url(#cloudiBody)" /><circle cx="125" cy="110" r="35" fill="url(#cloudiBody)" /><circle cx="85" cy="95" r="25" fill="url(#cloudiBody)" /><circle cx="115" cy="95" r="25" fill="url(#cloudiBody)" /><circle cx="100" cy="85" r="30" fill="url(#cloudiBody)" /><circle cx="90" cy="100" r="20" fill="url(#cloudiHighlight)" opacity="0.6" /><circle cx="110" cy="105" r="18" fill="url(#cloudiHighlight)" opacity="0.5" /><circle cx="100" cy="90" r="15" fill="url(#cloudiHighlight)" opacity="0.7" /><circle cx="88" cy="100" r="8" fill="white" /><circle cx="112" cy="100" r="8" fill="white" /><circle cx="88" cy="100" r="5" fill="#64748b" /><circle cx="112" cy="100" r="5" fill="#64748b" /><circle cx="90" cy="98" r="2" fill="white" /><circle cx="114" cy="98" r="2" fill="white" /><path d="M 92 115 Q 100 122 108 115" stroke="#64748b" stroke-width="3" fill="none" stroke-linecap="round" /><circle cx="70" cy="140" r="3" fill="url(#cloudiRain)" opacity="0.8" /><circle cx="130" cy="145" r="2.5" fill="url(#cloudiRain)" opacity="0.6" /><circle cx="85" cy="155" r="2" fill="url(#cloudiRain)" opacity="0.7" /><circle cx="115" cy="150" r="2.5" fill="url(#cloudiRain)" opacity="0.5" /><defs><radialGradient id="cloudiBody" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#ffffff" /><stop offset="50%" stop-color="#f1f5f9" /><stop offset="100%" stop-color="#e2e8f0" /></radialGradient><radialGradient id="cloudiHighlight" cx="0.4" cy="0.3"><stop offset="0%" stop-color="#ffffff" /><stop offset="100%" stop-color="rgba(255,255,255,0.5)" /></radialGradient><radialGradient id="cloudiRain" cx="0.5" cy="0.3"><stop offset="0%" stop-color="#60a5fa" /><stop offset="100%" stop-color="#3b82f6" /></radialGradient></defs></svg>`,sleeping:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><circle cx="100" cy="120" r="45" fill="url(#cloudiBody)" data-blobbi-body="true" /><circle cx="75" cy="110" r="35" fill="url(#cloudiBody)" /><circle cx="125" cy="110" r="35" fill="url(#cloudiBody)" /><circle cx="85" cy="95" r="25" fill="url(#cloudiBody)" /><circle cx="115" cy="95" r="25" fill="url(#cloudiBody)" /><circle cx="100" cy="85" r="30" fill="url(#cloudiBody)" /><circle cx="90" cy="100" r="20" fill="url(#cloudiHighlight)" opacity="0.6" /><circle cx="110" cy="105" r="18" fill="url(#cloudiHighlight)" opacity="0.5" /><circle cx="100" cy="90" r="15" fill="url(#cloudiHighlight)" opacity="0.7" /><path d="M 80 100 Q 88 103 96 100" stroke="#64748b" stroke-width="3" fill="none" stroke-linecap="round" /><path d="M 104 100 Q 112 103 120 100" stroke="#64748b" stroke-width="3" fill="none" stroke-linecap="round" /><circle cx="100" cy="115" r="2" fill="#64748b" /><g><animateTransform attributeName="transform" type="translate" values="0,0; 0,5; 0,0" dur="3s" repeatCount="indefinite" /><circle cx="70" cy="140" r="3" fill="url(#cloudiRain)" opacity="0.6" /><circle cx="130" cy="145" r="2.5" fill="url(#cloudiRain)" opacity="0.4" /><circle cx="85" cy="155" r="2" fill="url(#cloudiRain)" opacity="0.5" /><circle cx="115" cy="150" r="2.5" fill="url(#cloudiRain)" opacity="0.3" /></g><text x="150" y="60" font-size="10" fill="#666" opacity="0.8">Z</text><text x="157" y="55" font-size="8" fill="#666" opacity="0.6">z</text><text x="162" y="51" font-size="6" fill="#666" opacity="0.4">z</text><defs><radialGradient id="cloudiBody" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#ffffff" /><stop offset="50%" stop-color="#f1f5f9" /><stop offset="100%" stop-color="#e2e8f0" /></radialGradient><radialGradient id="cloudiHighlight" cx="0.4" cy="0.3"><stop offset="0%" stop-color="#ffffff" /><stop offset="100%" stop-color="rgba(255,255,255,0.5)" /></radialGradient><radialGradient id="cloudiRain" cx="0.5" cy="0.3"><stop offset="0%" stop-color="#60a5fa" /><stop offset="100%" stop-color="#3b82f6" /></radialGradient></defs></svg>`},crysti:{base:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><defs><radialGradient id="crystiBody" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#f3e8ff;stop-opacity:1" /><stop offset="30%" style="stop-color:#e9d5ff;stop-opacity:1" /><stop offset="70%" style="stop-color:#c084fc;stop-opacity:1" /><stop offset="100%" style="stop-color:#8b5cf6;stop-opacity:1" /></radialGradient><radialGradient id="crystiInner" cx="0.4" cy="0.3"><stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" /><stop offset="100%" style="stop-color:rgba(255,255,255,0.3);stop-opacity:1" /></radialGradient><linearGradient id="crystiFacet1" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" style="stop-color:#fbbf24;stop-opacity:1" /><stop offset="100%" style="stop-color:#f59e0b;stop-opacity:1" /></linearGradient><linearGradient id="crystiFacet2" x1="1" y1="0" x2="0" y2="1"><stop offset="0%" style="stop-color:#f472b6;stop-opacity:1" /><stop offset="100%" style="stop-color:#ec4899;stop-opacity:1" /></linearGradient><linearGradient id="crystiFacet3" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" style="stop-color:#34d399;stop-opacity:1" /><stop offset="100%" style="stop-color:#10b981;stop-opacity:1" /></linearGradient><linearGradient id="crystiFacet4" x1="0" y1="1" x2="1" y2="0"><stop offset="0%" style="stop-color:#06b6d4;stop-opacity:1" /><stop offset="100%" style="stop-color:#0891b2;stop-opacity:1" /></linearGradient><linearGradient id="crystiFacet5" x1="1" y1="1" x2="0" y2="0"><stop offset="0%" style="stop-color:#a78bfa;stop-opacity:1" /><stop offset="100%" style="stop-color:#7c3aed;stop-opacity:1" /></linearGradient><linearGradient id="crystiFacet6" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" style="stop-color:#fb7185;stop-opacity:1" /><stop offset="100%" style="stop-color:#e11d48;stop-opacity:1" /></linearGradient><radialGradient id="crystiEye" cx="0.3" cy="0.3"><stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" /><stop offset="100%" style="stop-color:#e9d5ff;stop-opacity:1" /></radialGradient><linearGradient id="crystiSmile" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" style="stop-color:#8b5cf6;stop-opacity:1" /><stop offset="50%" style="stop-color:#c084fc;stop-opacity:1" /><stop offset="100%" style="stop-color:#8b5cf6;stop-opacity:1" /></linearGradient></defs><path d="M 100 50 L 140 80 L 140 130 L 100 160 L 60 130 L 60 80 Z" fill="url(#crystiBody)" data-blobbi-body="true" /><path d="M 100 55 L 135 82 L 135 128 L 100 155 L 65 128 L 65 82 Z" fill="url(#crystiInner)" opacity="0.7" /><path d="M 100 50 L 125 70 L 100 105 L 75 70 Z" fill="url(#crystiFacet1)" opacity="0.8" /><path d="M 75 70 L 60 80 L 60 105 L 100 105 Z" fill="url(#crystiFacet2)" opacity="0.7" /><path d="M 125 70 L 140 80 L 140 105 L 100 105 Z" fill="url(#crystiFacet3)" opacity="0.7" /><path d="M 60 105 L 100 105 L 75 140 L 60 130 Z" fill="url(#crystiFacet4)" opacity="0.6" /><path d="M 100 105 L 140 105 L 140 130 L 125 140 Z" fill="url(#crystiFacet5)" opacity="0.6" /><path d="M 75 140 L 100 105 L 125 140 L 100 160 Z" fill="url(#crystiFacet6)" opacity="0.8" /><circle cx="88" cy="95" r="10" fill="url(#crystiEye)" /><circle cx="112" cy="95" r="10" fill="url(#crystiEye)" /><circle cx="88" cy="95" r="6" fill="#1e1b4b" /><circle cx="112" cy="95" r="6" fill="#1e1b4b" /><circle cx="90" cy="93" r="3" fill="white" /><circle cx="114" cy="93" r="3" fill="white" /><path d="M 90 115 Q 100 123 110 115" stroke="url(#crystiSmile)" stroke-width="3" fill="none" stroke-linecap="round" /><g><animateTransform attributeName="transform" type="rotate" from="0 100 100" to="360 100 100" dur="15s" repeatCount="indefinite" /><circle cx="65" cy="65" r="2" fill="#fbbf24" opacity="0.9" /><circle cx="135" cy="70" r="1.5" fill="#f472b6" opacity="0.8" /><circle cx="70" cy="140" r="1" fill="#06b6d4" opacity="0.7" /><circle cx="130" cy="135" r="2" fill="#fbbf24" opacity="0.6" /></g><g><animateTransform attributeName="transform" type="rotate" from="0 100 100" to="-360 100 100" dur="20s" repeatCount="indefinite" /><circle cx="50" cy="105" r="1.5" fill="#f472b6" opacity="0.8" /><circle cx="150" cy="110" r="1" fill="#06b6d4" opacity="0.9" /><circle cx="100" cy="40" r="1.5" fill="#fbbf24" opacity="0.7" /><circle cx="100" cy="170" r="1" fill="#f472b6" opacity="0.8" /></g></svg>`,sleeping:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><defs><radialGradient id="crystiBody" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#f3e8ff;stop-opacity:1" /><stop offset="30%" style="stop-color:#e9d5ff;stop-opacity:1" /><stop offset="70%" style="stop-color:#c084fc;stop-opacity:1" /><stop offset="100%" style="stop-color:#8b5cf6;stop-opacity:1" /></radialGradient><radialGradient id="crystiInner" cx="0.4" cy="0.3"><stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" /><stop offset="100%" style="stop-color:rgba(255,255,255,0.3);stop-opacity:1" /></radialGradient><linearGradient id="crystiFacet1" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" style="stop-color:#fbbf24;stop-opacity:1" /><stop offset="100%" style="stop-color:#f59e0b;stop-opacity:1" /></linearGradient><linearGradient id="crystiFacet2" x1="1" y1="0" x2="0" y2="1"><stop offset="0%" style="stop-color:#f472b6;stop-opacity:1" /><stop offset="100%" style="stop-color:#ec4899;stop-opacity:1" /></linearGradient><linearGradient id="crystiFacet3" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" style="stop-color:#34d399;stop-opacity:1" /><stop offset="100%" style="stop-color:#10b981;stop-opacity:1" /></linearGradient><linearGradient id="crystiFacet4" x1="0" y1="1" x2="1" y2="0"><stop offset="0%" style="stop-color:#06b6d4;stop-opacity:1" /><stop offset="100%" style="stop-color:#0891b2;stop-opacity:1" /></linearGradient><linearGradient id="crystiFacet5" x1="1" y1="1" x2="0" y2="0"><stop offset="0%" style="stop-color:#a78bfa;stop-opacity:1" /><stop offset="100%" style="stop-color:#7c3aed;stop-opacity:1" /></linearGradient><linearGradient id="crystiFacet6" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" style="stop-color:#fb7185;stop-opacity:1" /><stop offset="100%" style="stop-color:#e11d48;stop-opacity:1" /></linearGradient><radialGradient id="crystiEye" cx="0.3" cy="0.3"><stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" /><stop offset="100%" style="stop-color:#e9d5ff;stop-opacity:1" /></radialGradient><linearGradient id="crystiSmile" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" style="stop-color:#8b5cf6;stop-opacity:1" /><stop offset="50%" style="stop-color:#c084fc;stop-opacity:1" /><stop offset="100%" style="stop-color:#8b5cf6;stop-opacity:1" /></linearGradient></defs><path d="M 100 50 L 140 80 L 140 130 L 100 160 L 60 130 L 60 80 Z" fill="url(#crystiBody)" data-blobbi-body="true" /><path d="M 100 55 L 135 82 L 135 128 L 100 155 L 65 128 L 65 82 Z" fill="url(#crystiInner)" opacity="0.7" /><path d="M 100 50 L 125 70 L 100 105 L 75 70 Z" fill="url(#crystiFacet1)" opacity="0.8" /><path d="M 75 70 L 60 80 L 60 105 L 100 105 Z" fill="url(#crystiFacet2)" opacity="0.7" /><path d="M 125 70 L 140 80 L 140 105 L 100 105 Z" fill="url(#crystiFacet3)" opacity="0.7" /><path d="M 60 105 L 100 105 L 75 140 L 60 130 Z" fill="url(#crystiFacet4)" opacity="0.6" /><path d="M 100 105 L 140 105 L 140 130 L 125 140 Z" fill="url(#crystiFacet5)" opacity="0.6" /><path d="M 75 140 L 100 105 L 125 140 L 100 160 Z" fill="url(#crystiFacet6)" opacity="0.8" /><path d="M 78 95 Q 88 98 98 95" stroke="#1e1b4b" stroke-width="3" fill="none" stroke-linecap="round" /><path d="M 102 95 Q 112 98 122 95" stroke="#1e1b4b" stroke-width="3" fill="none" stroke-linecap="round" /><circle cx="100" cy="115" r="2" fill="#8b5cf6" /><g><animateTransform attributeName="transform" type="rotate" from="0 100 100" to="360 100 100" dur="15s" repeatCount="indefinite" /><circle cx="65" cy="65" r="2" fill="#fbbf24" opacity="0.6" /><circle cx="135" cy="70" r="1.5" fill="#f472b6" opacity="0.5" /><circle cx="70" cy="140" r="1" fill="#06b6d4" opacity="0.4" /><circle cx="130" cy="135" r="2" fill="#fbbf24" opacity="0.3" /></g><g><animateTransform attributeName="transform" type="rotate" from="0 100 100" to="-360 100 100" dur="20s" repeatCount="indefinite" /><circle cx="50" cy="105" r="1.5" fill="#f472b6" opacity="0.5" /><circle cx="150" cy="110" r="1" fill="#06b6d4" opacity="0.6" /><circle cx="100" cy="40" r="1.5" fill="#fbbf24" opacity="0.4" /><circle cx="100" cy="170" r="1" fill="#f472b6" opacity="0.5" /></g><text x="150" y="60" font-size="10" fill="#666" opacity="0.8">Z</text><text x="157" y="55" font-size="8" fill="#666" opacity="0.6">z</text><text x="162" y="51" font-size="6" fill="#666" opacity="0.4">z</text></svg>`},droppi:{base:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><defs><radialGradient id="droppiBody" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#67e8f9;stop-opacity:1" /><stop offset="30%" style="stop-color:#22d3ee;stop-opacity:1" /><stop offset="70%" style="stop-color:#06b6d4;stop-opacity:1" /><stop offset="100%" style="stop-color:#0891b2;stop-opacity:1" /></radialGradient><radialGradient id="droppiInner" cx="0.4" cy="0.3"><stop offset="0%" style="stop-color:#e0f2fe;stop-opacity:1" /><stop offset="100%" style="stop-color:#7dd3fc;stop-opacity:1" /></radialGradient><radialGradient id="droppiHighlight" cx="0.3" cy="0.3"><stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" /><stop offset="100%" style="stop-color:rgba(255,255,255,0.3);stop-opacity:1" /></radialGradient><radialGradient id="droppiArm" cx="0.3" cy="0.3"><stop offset="0%" style="stop-color:#22d3ee;stop-opacity:1" /><stop offset="100%" style="stop-color:#0891b2;stop-opacity:1" /></radialGradient><radialGradient id="droppiLeg" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#06b6d4;stop-opacity:1" /><stop offset="100%" style="stop-color:#0284c7;stop-opacity:1" /></radialGradient><radialGradient id="droppiDroplet" cx="0.5" cy="0.5"><stop offset="0%" style="stop-color:#7dd3fc;stop-opacity:1" /><stop offset="100%" style="stop-color:#06b6d4;stop-opacity:1" /></radialGradient></defs><path d="M 100 40 Q 100 30 100 40 Q 135 60 140 110 Q 140 150 100 165 Q 60 150 60 110 Q 65 60 100 40" fill="url(#droppiBody)" data-blobbi-body="true" /><ellipse cx="100" cy="100" rx="35" ry="45" fill="url(#droppiInner)" opacity="0.6" /><ellipse cx="90" cy="80" rx="20" ry="25" fill="url(#droppiHighlight)" opacity="0.7" /><circle cx="85" cy="95" r="12" fill="white" /><circle cx="115" cy="95" r="12" fill="white" /><circle cx="85" cy="95" r="8" fill="#0891b2" /><circle cx="115" cy="95" r="8" fill="#0891b2" /><circle cx="88" cy="92" r="4" fill="white" /><circle cx="118" cy="92" r="4" fill="white" /><path d="M 88 115 Q 100 123 112 115" stroke="#0891b2" stroke-width="3" fill="none" stroke-linecap="round" /><ellipse cx="60" cy="110" rx="10" ry="18" fill="url(#droppiArm)" transform="rotate(-25 60 110)" /><ellipse cx="140" cy="110" rx="10" ry="18" fill="url(#droppiArm)" transform="rotate(25 140 110)" /><ellipse cx="85" cy="160" rx="12" ry="10" fill="url(#droppiLeg)" /><ellipse cx="115" cy="160" rx="12" ry="10" fill="url(#droppiLeg)" /><g transform="translate(100 110)"><g><animateTransform attributeName="transform" type="rotate" from="0" to="360" dur="8s" repeatCount="indefinite" /><circle cx="-45" cy="-35" r="3" fill="url(#droppiDroplet)" opacity="0.8" /></g></g><g transform="translate(100 110)"><g><animateTransform attributeName="transform" type="rotate" from="0" to="-360" dur="9s" repeatCount="indefinite" /><circle cx="45" cy="-30" r="2.5" fill="url(#droppiDroplet)" opacity="0.6" /></g></g><g transform="translate(100 110)"><g><animateTransform attributeName="transform" type="rotate" from="0" to="360" dur="7s" repeatCount="indefinite" /><circle cx="-50" cy="25" r="2" fill="url(#droppiDroplet)" opacity="0.7" /></g></g><g transform="translate(100 110)"><g><animateTransform attributeName="transform" type="rotate" from="0" to="-360" dur="10s" repeatCount="indefinite" /><circle cx="50" cy="20" r="2.5" fill="url(#droppiDroplet)" opacity="0.5" /></g></g></svg>`,sleeping:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><defs><radialGradient id="droppiBody" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#67e8f9;stop-opacity:1" /><stop offset="30%" style="stop-color:#22d3ee;stop-opacity:1" /><stop offset="70%" style="stop-color:#06b6d4;stop-opacity:1" /><stop offset="100%" style="stop-color:#0891b2;stop-opacity:1" /></radialGradient><radialGradient id="droppiInner" cx="0.4" cy="0.3"><stop offset="0%" style="stop-color:#e0f2fe;stop-opacity:1" /><stop offset="100%" style="stop-color:#7dd3fc;stop-opacity:1" /></radialGradient><radialGradient id="droppiHighlight" cx="0.3" cy="0.3"><stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" /><stop offset="100%" style="stop-color:rgba(255,255,255,0.3);stop-opacity:1" /></radialGradient><radialGradient id="droppiArm" cx="0.3" cy="0.3"><stop offset="0%" style="stop-color:#22d3ee;stop-opacity:1" /><stop offset="100%" style="stop-color:#0891b2;stop-opacity:1" /></radialGradient><radialGradient id="droppiLeg" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#06b6d4;stop-opacity:1" /><stop offset="100%" style="stop-color:#0284c7;stop-opacity:1" /></radialGradient><radialGradient id="droppiDroplet" cx="0.5" cy="0.5"><stop offset="0%" style="stop-color:#7dd3fc;stop-opacity:1" /><stop offset="100%" style="stop-color:#06b6d4;stop-opacity:1" /></radialGradient></defs><path d="M 100 40 Q 100 30 100 40 Q 135 60 140 110 Q 140 150 100 165 Q 60 150 60 110 Q 65 60 100 40" fill="url(#droppiBody)" data-blobbi-body="true" /><ellipse cx="100" cy="100" rx="35" ry="45" fill="url(#droppiInner)" opacity="0.6" /><ellipse cx="90" cy="80" rx="20" ry="25" fill="url(#droppiHighlight)" opacity="0.7" /><path d="M 73 95 Q 85 98 97 95" stroke="#0891b2" stroke-width="3" fill="none" stroke-linecap="round" /><path d="M 103 95 Q 115 98 127 95" stroke="#0891b2" stroke-width="3" fill="none" stroke-linecap="round" /><circle cx="100" cy="115" r="2" fill="#0891b2" /><ellipse cx="60" cy="110" rx="10" ry="18" fill="url(#droppiArm)" transform="rotate(-25 60 110)" /><ellipse cx="140" cy="110" rx="10" ry="18" fill="url(#droppiArm)" transform="rotate(25 140 110)" /><ellipse cx="85" cy="160" rx="12" ry="10" fill="url(#droppiLeg)" /><ellipse cx="115" cy="160" rx="12" ry="10" fill="url(#droppiLeg)" /><g transform="translate(100 110)"><g><animateTransform attributeName="transform" type="rotate" from="0" to="360" dur="12s" repeatCount="indefinite" /><circle cx="-45" cy="-35" r="3" fill="url(#droppiDroplet)" opacity="0.5" /></g></g><g transform="translate(100 110)"><g><animateTransform attributeName="transform" type="rotate" from="0" to="-360" dur="15s" repeatCount="indefinite" /><circle cx="45" cy="-30" r="2.5" fill="url(#droppiDroplet)" opacity="0.4" /></g></g><g transform="translate(100 110)"><g><animateTransform attributeName="transform" type="rotate" from="0" to="360" dur="10s" repeatCount="indefinite" /><circle cx="-50" cy="25" r="2" fill="url(#droppiDroplet)" opacity="0.4" /></g></g><g transform="translate(100 110)"><g><animateTransform attributeName="transform" type="rotate" from="0" to="-360" dur="18s" repeatCount="indefinite" /><circle cx="50" cy="20" r="2.5" fill="url(#droppiDroplet)" opacity="0.3" /></g></g><text x="150" y="60" font-size="10" fill="#666" opacity="0.8">Z</text><text x="157" y="55" font-size="8" fill="#666" opacity="0.6">z</text><text x="162" y="51" font-size="6" fill="#666" opacity="0.4">z</text></svg>`},flammi:{base:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><radialGradient id="flammiBody" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#fbbf24" /><stop offset="30%" stop-color="#f97316" /><stop offset="70%" stop-color="#ef4444" /><stop offset="100%" stop-color="#dc2626" /></radialGradient><radialGradient id="flammiInner" cx="0.4" cy="0.3"><stop offset="0%" stop-color="#fde047" /><stop offset="50%" stop-color="#fbbf24" /><stop offset="100%" stop-color="#f97316" /></radialGradient><radialGradient id="flammiCore" cx="0.5" cy="0.4"><stop offset="0%" stop-color="#fef3c7" /><stop offset="100%" stop-color="#fde047" /></radialGradient><radialGradient id="flammiArm" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#f97316" /><stop offset="100%" stop-color="#dc2626" /></radialGradient><radialGradient id="flammiLeg" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#ef4444" /><stop offset="100%" stop-color="#b91c1c" /></radialGradient><radialGradient id="flammiEmber" cx="0.5" cy="0.5"><stop offset="0%" stop-color="#fde047" /><stop offset="100%" stop-color="#f97316" /></radialGradient></defs><g transform="rotate(0 100 110)"><path d="M45 80 Q50 65 55 80 Q50 90 45 80 Z" fill="url(#flammiEmber)" opacity="0.8" /><animateTransform attributeName="transform" type="rotate" from="0 100 110" to="360 100 110" dur="4s" repeatCount="indefinite" /></g><g transform="rotate(0 100 110)"><path d="M155 85 Q160 70 165 85 Q160 95 155 85 Z" fill="url(#flammiEmber)" opacity="0.6" /><animateTransform attributeName="transform" type="rotate" from="0 100 110" to="-360 100 110" dur="6s" repeatCount="indefinite" /></g><g transform="rotate(0 100 110)"><path d="M40 130 Q45 115 50 130 Q45 140 40 130 Z" fill="url(#flammiEmber)" opacity="0.7" /><animateTransform attributeName="transform" type="rotate" from="0 100 110" to="360 100 110" dur="7s" repeatCount="indefinite" /></g><g transform="rotate(0 100 110)"><path d="M160 125 Q165 110 170 125 Q165 135 160 125 Z" fill="url(#flammiEmber)" opacity="0.5" /><animateTransform attributeName="transform" type="rotate" from="0 100 110" to="-360 100 110" dur="5s" repeatCount="indefinite" /></g><path d="M 100 160 Q 60 140 50 110 Q 45 80 70 60 Q 80 40 100 25 Q 120 40 130 60 Q 155 80 150 110 Q 140 140 100 160 Z" fill="url(#flammiBody)" data-blobbi-body="true" /><path d="M 100 155 Q 65 138 58 115 Q 55 90 75 70 Q 82 50 100 35 Q 118 50 125 70 Q 145 90 142 115 Q 135 138 100 155 Z" fill="url(#flammiInner)" opacity="0.8" /><path d="M 100 145 Q 70 130 65 110 Q 62 95 80 80 Q 85 65 100 55 Q 115 65 120 80 Q 138 95 135 110 Q 130 130 100 145 Z" fill="url(#flammiCore)" opacity="0.9" /><circle cx="88" cy="100" r="10" fill="white" /><circle cx="112" cy="100" r="10" fill="white" /><circle cx="88" cy="100" r="6" fill="#1f2937" /><circle cx="112" cy="100" r="6" fill="#1f2937" /><circle cx="90" cy="98" r="3" fill="white" /><circle cx="114" cy="98" r="3" fill="white" /><path d="M 88 115 Q 100 125 112 115" stroke="#1f2937" stroke-width="3" fill="none" stroke-linecap="round" /><ellipse cx="55" cy="110" rx="8" ry="15" fill="url(#flammiArm)" transform="rotate(-30 55 110)" /><ellipse cx="145" cy="110" rx="8" ry="15" fill="url(#flammiArm)" transform="rotate(30 145 110)" /><ellipse cx="90" cy="155" rx="10" ry="8" fill="url(#flammiLeg)" /><ellipse cx="110" cy="155" rx="10" ry="8" fill="url(#flammiLeg)" /></svg>`,sleeping:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><radialGradient id="flammiBody" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#fbbf24" /><stop offset="30%" stop-color="#f97316" /><stop offset="70%" stop-color="#ef4444" /><stop offset="100%" stop-color="#dc2626" /></radialGradient><radialGradient id="flammiInner" cx="0.4" cy="0.3"><stop offset="0%" stop-color="#fde047" /><stop offset="50%" stop-color="#fbbf24" /><stop offset="100%" stop-color="#f97316" /></radialGradient><radialGradient id="flammiCore" cx="0.5" cy="0.4"><stop offset="0%" stop-color="#fef3c7" /><stop offset="100%" stop-color="#fde047" /></radialGradient><radialGradient id="flammiArm" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#f97316" /><stop offset="100%" stop-color="#dc2626" /></radialGradient><radialGradient id="flammiLeg" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#ef4444" /><stop offset="100%" stop-color="#b91c1c" /></radialGradient><radialGradient id="flammiEmber" cx="0.5" cy="0.5"><stop offset="0%" stop-color="#fde047" /><stop offset="100%" stop-color="#f97316" /></radialGradient></defs><g transform="rotate(0 100 110)"><path d="M45 80 Q50 65 55 80 Q50 90 45 80 Z" fill="url(#flammiEmber)" opacity="0.5" /><animateTransform attributeName="transform" type="rotate" from="0 100 110" to="360 100 110" dur="8s" repeatCount="indefinite" /></g><g transform="rotate(0 100 110)"><path d="M155 85 Q160 70 165 85 Q160 95 155 85 Z" fill="url(#flammiEmber)" opacity="0.4" /><animateTransform attributeName="transform" type="rotate" from="0 100 110" to="-360 100 110" dur="12s" repeatCount="indefinite" /></g><g transform="rotate(0 100 110)"><path d="M40 130 Q45 115 50 130 Q45 140 40 130 Z" fill="url(#flammiEmber)" opacity="0.4" /><animateTransform attributeName="transform" type="rotate" from="0 100 110" to="360 100 110" dur="14s" repeatCount="indefinite" /></g><g transform="rotate(0 100 110)"><path d="M160 125 Q165 110 170 125 Q165 135 160 125 Z" fill="url(#flammiEmber)" opacity="0.3" /><animateTransform attributeName="transform" type="rotate" from="0 100 110" to="-360 100 110" dur="10s" repeatCount="indefinite" /></g><path d="M 100 160 Q 60 140 50 110 Q 45 80 70 60 Q 80 40 100 25 Q 120 40 130 60 Q 155 80 150 110 Q 140 140 100 160 Z" fill="url(#flammiBody)" data-blobbi-body="true" /><path d="M 100 155 Q 65 138 58 115 Q 55 90 75 70 Q 82 50 100 35 Q 118 50 125 70 Q 145 90 142 115 Q 135 138 100 155 Z" fill="url(#flammiInner)" opacity="0.8" /><path d="M 100 145 Q 70 130 65 110 Q 62 95 80 80 Q 85 65 100 55 Q 115 65 120 80 Q 138 95 135 110 Q 130 130 100 145 Z" fill="url(#flammiCore)" opacity="0.9" /><path d="M 78 100 Q 88 103 98 100" stroke="#1f2937" stroke-width="3" fill="none" stroke-linecap="round" /><path d="M 102 100 Q 112 103 122 100" stroke="#1f2937" stroke-width="3" fill="none" stroke-linecap="round" /><circle cx="100" cy="115" r="2" fill="#1f2937" /><ellipse cx="55" cy="110" rx="8" ry="15" fill="url(#flammiArm)" transform="rotate(-30 55 110)" /><ellipse cx="145" cy="110" rx="8" ry="15" fill="url(#flammiArm)" transform="rotate(30 145 110)" /><ellipse cx="90" cy="155" rx="10" ry="8" fill="url(#flammiLeg)" /><ellipse cx="110" cy="155" rx="10" ry="8" fill="url(#flammiLeg)" /><text x="150" y="60" font-size="10" fill="#666" opacity="0.8">Z</text><text x="157" y="55" font-size="8" fill="#666" opacity="0.6">z</text><text x="162" y="51" font-size="6" fill="#666" opacity="0.4">z</text></svg>`},froggi:{base:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><defs><radialGradient id="froggiBody3D" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#86efac;stop-opacity:1" /><stop offset="40%" style="stop-color:#22c55e;stop-opacity:1" /><stop offset="100%" style="stop-color:#15803d;stop-opacity:1" /></radialGradient><radialGradient id="froggiEyeBase3D" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#4ade80;stop-opacity:1" /><stop offset="100%" style="stop-color:#16a34a;stop-opacity:1" /></radialGradient><radialGradient id="froggiEyeWhite3D" cx="0.3" cy="0.3"><stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" /><stop offset="70%" style="stop-color:#f5f5f4;stop-opacity:1" /><stop offset="100%" style="stop-color:#e7e5e4;stop-opacity:1" /></radialGradient><radialGradient id="froggiPupil3D" cx="0.3" cy="0.3"><stop offset="0%" style="stop-color:#374151;stop-opacity:1" /><stop offset="100%" style="stop-color:#1e293b;stop-opacity:1" /></radialGradient><linearGradient id="froggiMouth3D" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" style="stop-color:#374151;stop-opacity:1" /><stop offset="50%" style="stop-color:#1e293b;stop-opacity:1" /><stop offset="100%" style="stop-color:#374151;stop-opacity:1" /></linearGradient><linearGradient id="froggiMouthHighlight" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" style="stop-color:rgba(255,255,255,0.3);stop-opacity:1" /><stop offset="50%" style="stop-color:rgba(255,255,255,0.1);stop-opacity:1" /><stop offset="100%" style="stop-color:rgba(255,255,255,0.3);stop-opacity:1" /></linearGradient><radialGradient id="froggiNostril3D" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#16a34a;stop-opacity:1" /><stop offset="100%" style="stop-color:#14532d;stop-opacity:1" /></radialGradient><radialGradient id="froggiNostrilHighlight" cx="0.4" cy="0.3"><stop offset="0%" style="stop-color:#4ade80;stop-opacity:1" /><stop offset="100%" style="stop-color:#16a34a;stop-opacity:1" /></radialGradient><radialGradient id="froggiFeet3D" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#4ade80;stop-opacity:1" /><stop offset="100%" style="stop-color:#16a34a;stop-opacity:1" /></radialGradient><radialGradient id="froggiFeetHighlight" cx="0.4" cy="0.3"><stop offset="0%" style="stop-color:#86efac;stop-opacity:1" /><stop offset="100%" style="stop-color:#4ade80;stop-opacity:1" /></radialGradient><linearGradient id="froggiToe3D" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" style="stop-color:#16a34a;stop-opacity:1" /><stop offset="100%" style="stop-color:#14532d;stop-opacity:1" /></linearGradient></defs><ellipse cx="100" cy="120" rx="70" ry="50" fill="url(#froggiBody3D)" data-blobbi-body="true" /><circle cx="70" cy="80" r="27" fill="url(#froggiEyeBase3D)" /><circle cx="130" cy="80" r="27" fill="url(#froggiEyeBase3D)" /><circle cx="70" cy="80" r="22" fill="url(#froggiEyeWhite3D)" /><circle cx="130" cy="80" r="22" fill="url(#froggiEyeWhite3D)" /><circle cx="70" cy="80" r="16" fill="url(#froggiPupil3D)" /><circle cx="130" cy="80" r="16" fill="url(#froggiPupil3D)" /><circle cx="74" cy="76" r="6" fill="white" opacity="0.9" /><circle cx="134" cy="76" r="6" fill="white" opacity="0.9" /><path d="M 45 120 Q 100 145 155 120" stroke="url(#froggiMouth3D)" stroke-width="5" fill="none" stroke-linecap="round" /><path d="M 50 122 Q 100 142 150 122" stroke="url(#froggiMouthHighlight)" stroke-width="3" fill="none" stroke-linecap="round" /><ellipse cx="90" cy="110" rx="4" ry="6" fill="url(#froggiNostril3D)" /><ellipse cx="110" cy="110" rx="4" ry="6" fill="url(#froggiNostril3D)" /><ellipse cx="90" cy="108" rx="2" ry="3" fill="url(#froggiNostrilHighlight)" /><ellipse cx="110" cy="108" rx="2" ry="3" fill="url(#froggiNostrilHighlight)" /><ellipse cx="60" cy="160" rx="22" ry="12" fill="url(#froggiFeet3D)" /><ellipse cx="140" cy="160" rx="22" ry="12" fill="url(#froggiFeet3D)" /><ellipse cx="60" cy="158" rx="18" ry="8" fill="url(#froggiFeetHighlight)" /><ellipse cx="140" cy="158" rx="18" ry="8" fill="url(#froggiFeetHighlight)" /><path d="M 43 160 Q 47 155 52 160" stroke="url(#froggiToe3D)" stroke-width="2.5" fill="none" stroke-linecap="round" /><path d="M 53 160 Q 57 155 62 160" stroke="url(#froggiToe3D)" stroke-width="2.5" fill="none" stroke-linecap="round" /><path d="M 63 160 Q 67 155 72 160" stroke="url(#froggiToe3D)" stroke-width="2.5" fill="none" stroke-linecap="round" /><path d="M 123 160 Q 127 155 132 160" stroke="url(#froggiToe3D)" stroke-width="2.5" fill="none" stroke-linecap="round" /><path d="M 133 160 Q 137 155 142 160" stroke="url(#froggiToe3D)" stroke-width="2.5" fill="none" stroke-linecap="round" /><path d="M 143 160 Q 147 155 152 160" stroke="url(#froggiToe3D)" stroke-width="2.5" fill="none" stroke-linecap="round" /><ellipse cx="75" cy="135" rx="4" ry="3" fill="rgba(255,255,255,0.2)" /><ellipse cx="125" cy="130" rx="3.5" ry="2.5" fill="rgba(255,255,255,0.2)" /><ellipse cx="85" cy="145" rx="3" ry="2" fill="rgba(255,255,255,0.15)" /><ellipse cx="115" cy="140" rx="3.5" ry="2.5" fill="rgba(255,255,255,0.15)" /></svg>`,sleeping:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><defs><radialGradient id="froggiBody3D" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#86efac;stop-opacity:1" /><stop offset="40%" style="stop-color:#22c55e;stop-opacity:1" /><stop offset="100%" style="stop-color:#15803d;stop-opacity:1" /></radialGradient><radialGradient id="froggiEyeBase3D" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#4ade80;stop-opacity:1" /><stop offset="100%" style="stop-color:#16a34a;stop-opacity:1" /></radialGradient><radialGradient id="froggiEyeWhite3D" cx="0.3" cy="0.3"><stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" /><stop offset="70%" style="stop-color:#f5f5f4;stop-opacity:1" /><stop offset="100%" style="stop-color:#e7e5e4;stop-opacity:1" /></radialGradient><radialGradient id="froggiPupil3D" cx="0.3" cy="0.3"><stop offset="0%" style="stop-color:#374151;stop-opacity:1" /><stop offset="100%" style="stop-color:#1e293b;stop-opacity:1" /></radialGradient><linearGradient id="froggiMouth3D" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" style="stop-color:#374151;stop-opacity:1" /><stop offset="50%" style="stop-color:#1e293b;stop-opacity:1" /><stop offset="100%" style="stop-color:#374151;stop-opacity:1" /></linearGradient><linearGradient id="froggiMouthHighlight" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" style="stop-color:rgba(255,255,255,0.3);stop-opacity:1" /><stop offset="50%" style="stop-color:rgba(255,255,255,0.1);stop-opacity:1" /><stop offset="100%" style="stop-color:rgba(255,255,255,0.3);stop-opacity:1" /></linearGradient><radialGradient id="froggiNostril3D" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#16a34a;stop-opacity:1" /><stop offset="100%" style="stop-color:#14532d;stop-opacity:1" /></radialGradient><radialGradient id="froggiNostrilHighlight" cx="0.4" cy="0.3"><stop offset="0%" style="stop-color:#4ade80;stop-opacity:1" /><stop offset="100%" style="stop-color:#16a34a;stop-opacity:1" /></radialGradient><radialGradient id="froggiFeet3D" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#4ade80;stop-opacity:1" /><stop offset="100%" style="stop-color:#16a34a;stop-opacity:1" /></radialGradient><radialGradient id="froggiFeetHighlight" cx="0.4" cy="0.3"><stop offset="0%" style="stop-color:#86efac;stop-opacity:1" /><stop offset="100%" style="stop-color:#4ade80;stop-opacity:1" /></radialGradient><linearGradient id="froggiToe3D" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" style="stop-color:#16a34a;stop-opacity:1" /><stop offset="100%" style="stop-color:#14532d;stop-opacity:1" /></linearGradient></defs><ellipse cx="100" cy="120" rx="70" ry="50" fill="url(#froggiBody3D)" data-blobbi-body="true" /><circle cx="70" cy="80" r="27" fill="url(#froggiEyeBase3D)" /><circle cx="130" cy="80" r="27" fill="url(#froggiEyeBase3D)" /><path d="M 54 80 Q 70 83 86 80" stroke="#1e293b" stroke-width="3" fill="none" stroke-linecap="round" /><path d="M 114 80 Q 130 83 146 80" stroke="#1e293b" stroke-width="3" fill="none" stroke-linecap="round" /><circle cx="100" cy="125" r="2" fill="#1e293b" /><ellipse cx="90" cy="110" rx="4" ry="6" fill="url(#froggiNostril3D)" /><ellipse cx="110" cy="110" rx="4" ry="6" fill="url(#froggiNostril3D)" /><ellipse cx="90" cy="108" rx="2" ry="3" fill="url(#froggiNostrilHighlight)" /><ellipse cx="110" cy="108" rx="2" ry="3" fill="url(#froggiNostrilHighlight)" /><ellipse cx="60" cy="160" rx="22" ry="12" fill="url(#froggiFeet3D)" /><ellipse cx="140" cy="160" rx="22" ry="12" fill="url(#froggiFeet3D)" /><ellipse cx="60" cy="158" rx="18" ry="8" fill="url(#froggiFeetHighlight)" /><ellipse cx="140" cy="158" rx="18" ry="8" fill="url(#froggiFeetHighlight)" /><path d="M 43 160 Q 47 155 52 160" stroke="url(#froggiToe3D)" stroke-width="2.5" fill="none" stroke-linecap="round" /><path d="M 53 160 Q 57 155 62 160" stroke="url(#froggiToe3D)" stroke-width="2.5" fill="none" stroke-linecap="round" /><path d="M 63 160 Q 67 155 72 160" stroke="url(#froggiToe3D)" stroke-width="2.5" fill="none" stroke-linecap="round" /><path d="M 123 160 Q 127 155 132 160" stroke="url(#froggiToe3D)" stroke-width="2.5" fill="none" stroke-linecap="round" /><path d="M 133 160 Q 137 155 142 160" stroke="url(#froggiToe3D)" stroke-width="2.5" fill="none" stroke-linecap="round" /><path d="M 143 160 Q 147 155 152 160" stroke="url(#froggiToe3D)" stroke-width="2.5" fill="none" stroke-linecap="round" /><ellipse cx="75" cy="135" rx="4" ry="3" fill="rgba(255,255,255,0.2)" /><ellipse cx="125" cy="130" rx="3.5" ry="2.5" fill="rgba(255,255,255,0.2)" /><ellipse cx="85" cy="145" rx="3" ry="2" fill="rgba(255,255,255,0.15)" /><ellipse cx="115" cy="140" rx="3.5" ry="2.5" fill="rgba(255,255,255,0.15)" /><text x="150" y="60" font-size="10" fill="#666" opacity="0.8">Z</text><text x="157" y="55" font-size="8" fill="#666" opacity="0.6">z</text><text x="162" y="51" font-size="6" fill="#666" opacity="0.4">z</text></svg>`},leafy:{base:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><rect x="96" y="120" width="8" height="55" fill="url(#leafyStem)" rx="4" /><rect x="98" y="125" width="4" height="50" fill="url(#leafyStemHighlight)" rx="2" opacity="0.6" /><ellipse cx="85" cy="140" rx="15" ry="8" fill="url(#leafyStemLeaf)" transform="rotate(-30 85 140)" /><ellipse cx="115" cy="150" rx="15" ry="8" fill="url(#leafyStemLeaf)" transform="rotate(30 115 150)" /><ellipse cx="87" cy="140" rx="10" ry="5" fill="url(#leafyStemLeafHighlight)" transform="rotate(-30 87 140)" opacity="0.7" /><ellipse cx="113" cy="150" rx="10" ry="5" fill="url(#leafyStemLeafHighlight)" transform="rotate(30 113 150)" opacity="0.7" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(0 100 85)" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(22.5 100 85)" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(45 100 85)" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(67.5 100 85)" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(90 100 85)" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(112.5 100 85)" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(135 100 85)" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(157.5 100 85)" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(180 100 85)" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(202.5 100 85)" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(225 100 85)" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(247.5 100 85)" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(270 100 85)" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(292.5 100 85)" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(315 100 85)" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(337.5 100 85)" /><circle cx="100" cy="85" r="30" fill="url(#leafyCenter)" data-blobbi-body="true" /><circle cx="100" cy="85" r="25" fill="url(#leafyCenterInner)" /><circle cx="90" cy="82" r="8" fill="white" /><circle cx="110" cy="82" r="8" fill="white" /><circle cx="90" cy="82" r="5" fill="#1f2937" /><circle cx="110" cy="82" r="5" fill="#1f2937" /><circle cx="92" cy="80" r="2" fill="white" /><circle cx="112" cy="80" r="2" fill="white" /><path d="M 88 92 Q 100 100 112 92" stroke="#1f2937" stroke-width="3" fill="none" stroke-linecap="round" /><circle cx="55" cy="60" r="2" fill="url(#leafyPollen)" opacity="0.8" /><circle cx="145" cy="65" r="1.5" fill="url(#leafyPollen)" opacity="0.6" /><circle cx="50" cy="110" r="1" fill="url(#leafyPollen)" opacity="0.7" /><circle cx="150" cy="105" r="2" fill="url(#leafyPollen)" opacity="0.5" /><circle cx="75" cy="45" r="1.5" fill="url(#leafyPollen)" opacity="0.9" /><circle cx="125" cy="50" r="1" fill="url(#leafyPollen)" opacity="0.8" /><path d="M 75 160 L 80 175 L 120 175 L 125 160 Z" fill="url(#leafyPot)" /><rect x="75" y="160" width="50" height="5" fill="url(#leafyPotRim)" rx="2" /><defs><radialGradient id="leafyStem" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#22c55e" /><stop offset="100%" stop-color="#15803d" /></radialGradient><radialGradient id="leafyStemHighlight" cx="0.4" cy="0.3"><stop offset="0%" stop-color="#4ade80" /><stop offset="100%" stop-color="#22c55e" /></radialGradient><radialGradient id="leafyStemLeaf" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#4ade80" /><stop offset="100%" stop-color="#16a34a" /></radialGradient><radialGradient id="leafyStemLeafHighlight" cx="0.4" cy="0.3"><stop offset="0%" stop-color="#86efac" /><stop offset="100%" stop-color="#4ade80" /></radialGradient><radialGradient id="leafyPetal" cx="0.3" cy="0.3"><stop offset="100%" stop-color="#eab308" /><stop offset="30%" stop-color="#fde047" /><stop offset="0%" stop-color="#ffce09" /></radialGradient><radialGradient id="leafyCenter" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#a16207" /><stop offset="50%" stop-color="#92400e" /><stop offset="100%" stop-color="#78350f" /></radialGradient><radialGradient id="leafyCenterInner" cx="0.4" cy="0.3"><stop offset="0%" stop-color="#d97706" /><stop offset="100%" stop-color="#a16207" /></radialGradient><radialGradient id="leafySeed" cx="0.5" cy="0.5"><stop offset="0%" stop-color="#451a03" /><stop offset="100%" stop-color="#292524" /></radialGradient><radialGradient id="leafyArm" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#4ade80" /><stop offset="100%" stop-color="#16a34a" /></radialGradient><radialGradient id="leafyRoot" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#a16207" /><stop offset="100%" stop-color="#78350f" /></radialGradient><radialGradient id="leafyPollen" cx="0.5" cy="0.5"><stop offset="0%" stop-color="#fef3c7" /><stop offset="100%" stop-color="#fde047" /></radialGradient><radialGradient id="leafyPot" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#dc2626" /><stop offset="100%" stop-color="#991b1b" /></radialGradient><radialGradient id="leafyPotRim" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#ef4444" /><stop offset="100%" stop-color="#dc2626" /></radialGradient></defs></svg>`,sleeping:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><rect x="96" y="120" width="8" height="55" fill="url(#leafyStem)" rx="4" /><rect x="98" y="125" width="4" height="50" fill="url(#leafyStemHighlight)" rx="2" opacity="0.6" /><ellipse cx="85" cy="140" rx="15" ry="8" fill="url(#leafyStemLeaf)" transform="rotate(-30 85 140)" /><ellipse cx="115" cy="150" rx="15" ry="8" fill="url(#leafyStemLeaf)" transform="rotate(30 115 150)" /><ellipse cx="87" cy="140" rx="10" ry="5" fill="url(#leafyStemLeafHighlight)" transform="rotate(-30 87 140)" opacity="0.7" /><ellipse cx="113" cy="150" rx="10" ry="5" fill="url(#leafyStemLeafHighlight)" transform="rotate(30 113 150)" opacity="0.7" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(0 100 85)" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(22.5 100 85)" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(45 100 85)" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(67.5 100 85)" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(90 100 85)" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(112.5 100 85)" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(135 100 85)" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(157.5 100 85)" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(180 100 85)" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(202.5 100 85)" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(225 100 85)" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(247.5 100 85)" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(270 100 85)" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(292.5 100 85)" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(315 100 85)" /><ellipse cx="100" cy="85" rx="45" ry="12" fill="url(#leafyPetal)" transform="rotate(337.5 100 85)" /><circle cx="100" cy="85" r="30" fill="url(#leafyCenter)" data-blobbi-body="true" /><circle cx="100" cy="85" r="25" fill="url(#leafyCenterInner)" /><path d="M 82 82 Q 90 85 98 82" stroke="#1f2937" stroke-width="3" fill="none" stroke-linecap="round" /><path d="M 102 82 Q 110 85 118 82" stroke="#1f2937" stroke-width="3" fill="none" stroke-linecap="round" /><circle cx="100" cy="92" r="2" fill="#1f2937" /><ellipse cx="60" cy="85" rx="12" ry="6" fill="url(#leafyArm)" transform="rotate(-20 60 85)" /><ellipse cx="140" cy="85" rx="12" ry="6" fill="url(#leafyArm)" transform="rotate(20 140 85)" /><ellipse cx="95" cy="170" rx="8" ry="6" fill="url(#leafyRoot)" /><ellipse cx="105" cy="170" rx="8" ry="6" fill="url(#leafyRoot)" /><g><animateTransform attributeName="transform" type="translate" values="0,0; 2,3; 0,0" dur="4s" repeatCount="indefinite" /><circle cx="55" cy="60" r="2" fill="url(#leafyPollen)" opacity="0.5" /><circle cx="145" cy="65" r="1.5" fill="url(#leafyPollen)" opacity="0.4" /><circle cx="50" cy="110" r="1" fill="url(#leafyPollen)" opacity="0.4" /><circle cx="150" cy="105" r="2" fill="url(#leafyPollen)" opacity="0.3" /><circle cx="75" cy="45" r="1.5" fill="url(#leafyPollen)" opacity="0.6" /><circle cx="125" cy="50" r="1" fill="url(#leafyPollen)" opacity="0.5" /></g><text x="150" y="60" font-size="10" fill="#666" opacity="0.8">Z</text><text x="157" y="55" font-size="8" fill="#666" opacity="0.6">z</text><text x="162" y="51" font-size="6" fill="#666" opacity="0.4">z</text><defs><radialGradient id="leafyStem" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#22c55e" /><stop offset="100%" stop-color="#15803d" /></radialGradient><radialGradient id="leafyStemHighlight" cx="0.4" cy="0.3"><stop offset="0%" stop-color="#4ade80" /><stop offset="100%" stop-color="#22c55e" /></radialGradient><radialGradient id="leafyStemLeaf" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#4ade80" /><stop offset="100%" stop-color="#16a34a" /></radialGradient><radialGradient id="leafyStemLeafHighlight" cx="0.4" cy="0.3"><stop offset="0%" stop-color="#86efac" /><stop offset="100%" stop-color="#4ade80" /></radialGradient><radialGradient id="leafyPetal" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#fef3c7" /><stop offset="30%" stop-color="#fde047" /><stop offset="100%" stop-color="#eab308" /></radialGradient><radialGradient id="leafyCenter" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#a16207" /><stop offset="50%" stop-color="#92400e" /><stop offset="100%" stop-color="#78350f" /></radialGradient><radialGradient id="leafyCenterInner" cx="0.4" cy="0.3"><stop offset="0%" stop-color="#d97706" /><stop offset="100%" stop-color="#a16207" /></radialGradient><radialGradient id="leafySeed" cx="0.5" cy="0.5"><stop offset="0%" stop-color="#451a03" /><stop offset="100%" stop-color="#292524" /></radialGradient><radialGradient id="leafyArm" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#4ade80" /><stop offset="100%" stop-color="#16a34a" /></radialGradient><radialGradient id="leafyRoot" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#a16207" /><stop offset="100%" stop-color="#78350f" /></radialGradient><radialGradient id="leafyPollen" cx="0.5" cy="0.5"><stop offset="0%" stop-color="#fef3c7" /><stop offset="100%" stop-color="#fde047" /></radialGradient></defs></svg>`},mushie:{base:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><ellipse cx="100" cy="140" rx="25" ry="40" fill="url(#mushieStem)" /><ellipse cx="100" cy="135" rx="20" ry="35" fill="url(#mushieStemHighlight)" opacity="0.6" /><path d="M 50 110 Q 50 70 100 60 Q 150 70 150 110 Z" fill="url(#mushieCap)" data-blobbi-body="true" /><path d="M 55 108 Q 55 75 100 65 Q 145 75 145 108 Z" fill="url(#mushieCapHighlight)" opacity="0.7" /><circle cx="80" cy="85" r="8" fill="white" opacity="0.8" /><circle cx="120" cy="80" r="10" fill="white" opacity="0.8" /><circle cx="100" cy="95" r="6" fill="white" opacity="0.7" /><circle cx="130" cy="100" r="5" fill="white" opacity="0.6" /><circle cx="70" cy="100" r="5" fill="white" opacity="0.6" /><circle cx="88" cy="130" r="8" fill="white" /><circle cx="112" cy="130" r="8" fill="white" /><circle cx="88" cy="130" r="5" fill="#1f2937" /><circle cx="112" cy="130" r="5" fill="#1f2937" /><circle cx="90" cy="128" r="2" fill="white" /><circle cx="114" cy="128" r="2" fill="white" /><path d="M 88 145 Q 100 153 112 145" stroke="#1f2937" stroke-width="3" fill="none" stroke-linecap="round" /><ellipse cx="70" cy="140" rx="8" ry="12" fill="url(#mushieArm)" transform="rotate(-20 70 140)" /><ellipse cx="130" cy="140" rx="8" ry="12" fill="url(#mushieArm)" transform="rotate(20 130 140)" /><circle cx="55" cy="120" r="2" fill="url(#mushieSpore)" opacity="0.8" /><circle cx="145" cy="115" r="1.5" fill="url(#mushieSpore)" opacity="0.6" /><circle cx="50" cy="90" r="1" fill="url(#mushieSpore)" opacity="0.7" /><circle cx="150" cy="95" r="2" fill="url(#mushieSpore)" opacity="0.5" /><circle cx="65" cy="70" r="1.5" fill="url(#mushieSpore)" opacity="0.6" /><circle cx="135" cy="65" r="1" fill="url(#mushieSpore)" opacity="0.8" /><defs><radialGradient id="mushieStem" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#fef3c7" /><stop offset="30%" stop-color="#fde68a" /><stop offset="70%" stop-color="#fbbf24" /><stop offset="100%" stop-color="#f59e0b" /></radialGradient><radialGradient id="mushieStemHighlight" cx="0.4" cy="0.3"><stop offset="0%" stop-color="#ffffff" /><stop offset="100%" stop-color="rgba(255,255,255,0.3)" /></radialGradient><radialGradient id="mushieCap" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#f87171" /><stop offset="30%" stop-color="#ef4444" /><stop offset="70%" stop-color="#dc2626" /><stop offset="100%" stop-color="#b91c1c" /></radialGradient><radialGradient id="mushieCapHighlight" cx="0.4" cy="0.3"><stop offset="0%" stop-color="#fca5a5" /><stop offset="100%" stop-color="#f87171" /></radialGradient><radialGradient id="mushieArm" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#fde68a" /><stop offset="100%" stop-color="#f59e0b" /></radialGradient><radialGradient id="mushieSpore" cx="0.5" cy="0.5"><stop offset="0%" stop-color="#c084fc" /><stop offset="100%" stop-color="#8b5cf6" /></radialGradient></defs></svg>`,sleeping:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><ellipse cx="100" cy="140" rx="25" ry="40" fill="url(#mushieStem)" /><ellipse cx="100" cy="135" rx="20" ry="35" fill="url(#mushieStemHighlight)" opacity="0.6" /><path d="M 50 110 Q 50 70 100 60 Q 150 70 150 110 Z" fill="url(#mushieCap)" data-blobbi-body="true" /><path d="M 55 108 Q 55 75 100 65 Q 145 75 145 108 Z" fill="url(#mushieCapHighlight)" opacity="0.7" /><circle cx="80" cy="85" r="8" fill="white" opacity="0.8" /><circle cx="120" cy="80" r="10" fill="white" opacity="0.8" /><circle cx="100" cy="95" r="6" fill="white" opacity="0.7" /><circle cx="130" cy="100" r="5" fill="white" opacity="0.6" /><circle cx="70" cy="100" r="5" fill="white" opacity="0.6" /><path d="M 80 130 Q 88 133 96 130" stroke="#1f2937" stroke-width="3" fill="none" stroke-linecap="round" /><path d="M 104 130 Q 112 133 120 130" stroke="#1f2937" stroke-width="3" fill="none" stroke-linecap="round" /><circle cx="100" cy="145" r="2" fill="#1f2937" /><ellipse cx="70" cy="140" rx="8" ry="12" fill="url(#mushieArm)" transform="rotate(-20 70 140)" /><ellipse cx="130" cy="140" rx="8" ry="12" fill="url(#mushieArm)" transform="rotate(20 130 140)" /><g><animateTransform attributeName="transform" type="translate" values="0,0; 1,2; 0,0" dur="5s" repeatCount="indefinite" /><circle cx="55" cy="120" r="2" fill="url(#mushieSpore)" opacity="0.5" /><circle cx="145" cy="115" r="1.5" fill="url(#mushieSpore)" opacity="0.4" /><circle cx="50" cy="90" r="1" fill="url(#mushieSpore)" opacity="0.4" /><circle cx="150" cy="95" r="2" fill="url(#mushieSpore)" opacity="0.3" /><circle cx="65" cy="70" r="1.5" fill="url(#mushieSpore)" opacity="0.4" /><circle cx="135" cy="65" r="1" fill="url(#mushieSpore)" opacity="0.5" /></g><text x="150" y="60" font-size="10" fill="#666" opacity="0.8">Z</text><text x="157" y="55" font-size="8" fill="#666" opacity="0.6">z</text><text x="162" y="51" font-size="6" fill="#666" opacity="0.4">z</text><defs><radialGradient id="mushieStem" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#fef3c7" /><stop offset="30%" stop-color="#fde68a" /><stop offset="70%" stop-color="#fbbf24" /><stop offset="100%" stop-color="#f59e0b" /></radialGradient><radialGradient id="mushieStemHighlight" cx="0.4" cy="0.3"><stop offset="0%" stop-color="#ffffff" /><stop offset="100%" stop-color="rgba(255,255,255,0.3)" /></radialGradient><radialGradient id="mushieCap" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#f87171" /><stop offset="30%" stop-color="#ef4444" /><stop offset="70%" stop-color="#dc2626" /><stop offset="100%" stop-color="#b91c1c" /></radialGradient><radialGradient id="mushieCapHighlight" cx="0.4" cy="0.3"><stop offset="0%" stop-color="#fca5a5" /><stop offset="100%" stop-color="#f87171" /></radialGradient><radialGradient id="mushieArm" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#fde68a" /><stop offset="100%" stop-color="#f59e0b" /></radialGradient><radialGradient id="mushieSpore" cx="0.5" cy="0.5"><stop offset="0%" stop-color="#c084fc" /><stop offset="100%" stop-color="#8b5cf6" /></radialGradient></defs></svg>`},owli:{base:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><defs><radialGradient id="owliBody3D" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#d6d3d1;stop-opacity:1" /><stop offset="40%" style="stop-color:#a8a29e;stop-opacity:1" /><stop offset="100%" style="stop-color:#78716c;stop-opacity:1" /></radialGradient><radialGradient id="owliEar3D" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#a8a29e;stop-opacity:1" /><stop offset="100%" style="stop-color:#57534e;stop-opacity:1" /></radialGradient><radialGradient id="owliEarInner" cx="0.4" cy="0.3"><stop offset="0%" style="stop-color:#fbbf24;stop-opacity:1" /><stop offset="100%" style="stop-color:#d97706;stop-opacity:1" /></radialGradient><radialGradient id="owliEyeWhite3D" cx="0.3" cy="0.3"><stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" /><stop offset="70%" style="stop-color:#f5f5f4;stop-opacity:1" /><stop offset="100%" style="stop-color:#e7e5e4;stop-opacity:1" /></radialGradient><radialGradient id="owliPupil3D" cx="0.3" cy="0.3"><stop offset="0%" style="stop-color:#374151;stop-opacity:1" /><stop offset="100%" style="stop-color:#1e293b;stop-opacity:1" /></radialGradient><radialGradient id="owliBeak3D" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#fbbf24;stop-opacity:1" /><stop offset="50%" style="stop-color:#f59e0b;stop-opacity:1" /><stop offset="100%" style="stop-color:#d97706;stop-opacity:1" /></radialGradient><radialGradient id="owliBeakHighlight" cx="0.4" cy="0.3"><stop offset="0%" style="stop-color:#fef3c7;stop-opacity:1" /><stop offset="100%" style="stop-color:#fbbf24;stop-opacity:1" /></radialGradient><radialGradient id="owliWing3D" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#a8a29e;stop-opacity:1" /><stop offset="100%" style="stop-color:#57534e;stop-opacity:1" /></radialGradient><radialGradient id="owliWingHighlight" cx="0.4" cy="0.3"><stop offset="0%" style="stop-color:#d6d3d1;stop-opacity:1" /><stop offset="100%" style="stop-color:#a8a29e;stop-opacity:1" /></radialGradient></defs><circle cx="100" cy="110" r="60" fill="url(#owliBody3D)" data-blobbi-body="true" /><path d="M 60 70 L 70 48 L 82 70 Z" fill="url(#owliEar3D)" /><path d="M 118 70 L 130 48 L 140 70 Z" fill="url(#owliEar3D)" /><path d="M 65 65 L 70 52 L 77 65 Z" fill="url(#owliEarInner)" /><path d="M 123 65 L 130 52 L 135 65 Z" fill="url(#owliEarInner)" /><circle cx="80" cy="100" r="22" fill="url(#owliEyeWhite3D)" /><circle cx="120" cy="100" r="22" fill="url(#owliEyeWhite3D)" /><circle cx="80" cy="100" r="14" fill="url(#owliPupil3D)" /><circle cx="120" cy="100" r="14" fill="url(#owliPupil3D)" /><circle cx="84" cy="96" r="5" fill="white" opacity="0.9" /><circle cx="124" cy="96" r="5" fill="white" opacity="0.9" /><path d="M 100 112 L 94 122 L 100 128 L 106 122 Z" fill="url(#owliBeak3D)" /><path d="M 100 114 L 96 120 L 100 124 L 104 120 Z" fill="url(#owliBeakHighlight)" /><ellipse cx="48" cy="110" rx="16" ry="32" fill="url(#owliWing3D)" transform="rotate(-20 48 110)" /><ellipse cx="152" cy="110" rx="16" ry="32" fill="url(#owliWing3D)" transform="rotate(20 152 110)" /><ellipse cx="50" cy="108" rx="12" ry="25" fill="url(#owliWingHighlight)" transform="rotate(-20 50 108)" /><ellipse cx="150" cy="108" rx="12" ry="25" fill="url(#owliWingHighlight)" transform="rotate(20 150 108)" /><circle cx="70" cy="130" r="3" fill="rgba(255,255,255,0.2)" /><circle cx="130" cy="125" r="2.5" fill="rgba(255,255,255,0.2)" /><circle cx="85" cy="140" r="2" fill="rgba(255,255,255,0.15)" /><circle cx="115" cy="135" r="2.5" fill="rgba(255,255,255,0.15)" /></svg>`,sleeping:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><defs><radialGradient id="owliBody3D" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#d6d3d1;stop-opacity:1" /><stop offset="40%" style="stop-color:#a8a29e;stop-opacity:1" /><stop offset="100%" style="stop-color:#78716c;stop-opacity:1" /></radialGradient><radialGradient id="owliEar3D" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#a8a29e;stop-opacity:1" /><stop offset="100%" style="stop-color:#57534e;stop-opacity:1" /></radialGradient><radialGradient id="owliEarInner" cx="0.4" cy="0.3"><stop offset="0%" style="stop-color:#fbbf24;stop-opacity:1" /><stop offset="100%" style="stop-color:#d97706;stop-opacity:1" /></radialGradient><radialGradient id="owliEyeWhite3D" cx="0.3" cy="0.3"><stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" /><stop offset="70%" style="stop-color:#f5f5f4;stop-opacity:1" /><stop offset="100%" style="stop-color:#e7e5e4;stop-opacity:1" /></radialGradient><radialGradient id="owliPupil3D" cx="0.3" cy="0.3"><stop offset="0%" style="stop-color:#374151;stop-opacity:1" /><stop offset="100%" style="stop-color:#1e293b;stop-opacity:1" /></radialGradient><radialGradient id="owliBeak3D" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#fbbf24;stop-opacity:1" /><stop offset="50%" style="stop-color:#f59e0b;stop-opacity:1" /><stop offset="100%" style="stop-color:#d97706;stop-opacity:1" /></radialGradient><radialGradient id="owliBeakHighlight" cx="0.4" cy="0.3"><stop offset="0%" style="stop-color:#fef3c7;stop-opacity:1" /><stop offset="100%" style="stop-color:#fbbf24;stop-opacity:1" /></radialGradient><radialGradient id="owliWing3D" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#a8a29e;stop-opacity:1" /><stop offset="100%" style="stop-color:#57534e;stop-opacity:1" /></radialGradient><radialGradient id="owliWingHighlight" cx="0.4" cy="0.3"><stop offset="0%" style="stop-color:#d6d3d1;stop-opacity:1" /><stop offset="100%" style="stop-color:#a8a29e;stop-opacity:1" /></radialGradient></defs><circle cx="100" cy="110" r="60" fill="url(#owliBody3D)" data-blobbi-body="true" /><path d="M 60 70 L 70 48 L 82 70 Z" fill="url(#owliEar3D)" /><path d="M 118 70 L 130 48 L 140 70 Z" fill="url(#owliEar3D)" /><path d="M 65 65 L 70 52 L 77 65 Z" fill="url(#owliEarInner)" /><path d="M 123 65 L 130 52 L 135 65 Z" fill="url(#owliEarInner)" /><circle cx="80" cy="100" r="22" fill="url(#owliEyeWhite3D)" /><circle cx="120" cy="100" r="22" fill="url(#owliEyeWhite3D)" /><path d="M 58 100 Q 80 103 102 100" stroke="#1e293b" stroke-width="3" fill="none" stroke-linecap="round" /><path d="M 98 100 Q 120 103 142 100" stroke="#1e293b" stroke-width="3" fill="none" stroke-linecap="round" /><path d="M 100 112 L 94 122 L 100 128 L 106 122 Z" fill="url(#owliBeak3D)" /><path d="M 100 114 L 96 120 L 100 124 L 104 120 Z" fill="url(#owliBeakHighlight)" /><ellipse cx="48" cy="110" rx="16" ry="32" fill="url(#owliWing3D)" transform="rotate(-20 48 110)" /><ellipse cx="152" cy="110" rx="16" ry="32" fill="url(#owliWing3D)" transform="rotate(20 152 110)" /><ellipse cx="50" cy="108" rx="12" ry="25" fill="url(#owliWingHighlight)" transform="rotate(-20 50 108)" /><ellipse cx="150" cy="108" rx="12" ry="25" fill="url(#owliWingHighlight)" transform="rotate(20 150 108)" /><circle cx="70" cy="130" r="3" fill="rgba(255,255,255,0.2)" /><circle cx="130" cy="125" r="2.5" fill="rgba(255,255,255,0.2)" /><circle cx="85" cy="140" r="2" fill="rgba(255,255,255,0.15)" /><circle cx="115" cy="135" r="2.5" fill="rgba(255,255,255,0.15)" /><text x="150" y="60" font-size="10" fill="#666" opacity="0.8">Z</text><text x="157" y="55" font-size="8" fill="#666" opacity="0.6">z</text><text x="162" y="51" font-size="6" fill="#666" opacity="0.4">z</text></svg>`},pandi:{base:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><defs><radialGradient id="pandiEyeWhite3D" cx="0.3" cy="0.3"><stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" /><stop offset="70%" style="stop-color:#f5f5f4;stop-opacity:1" /><stop offset="100%" style="stop-color:#e7e5e4;stop-opacity:1" /></radialGradient><radialGradient id="pandiPupil3D" cx="0.3" cy="0.3"><stop offset="0%" style="stop-color:#374151;stop-opacity:1" /><stop offset="100%" style="stop-color:#1e293b;stop-opacity:1" /></radialGradient><radialGradient id="pandiNose3D" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#1f2937;stop-opacity:1" /><stop offset="100%" style="stop-color:#374151;stop-opacity:1" /></radialGradient><linearGradient id="pandiMouth3D" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" style="stop-color:#374151;stop-opacity:1" /><stop offset="50%" style="stop-color:#1e293b;stop-opacity:1" /><stop offset="100%" style="stop-color:#374151;stop-opacity:1" /></linearGradient><radialGradient id="pandiArm3D" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#1f2937;stop-opacity:1" /><stop offset="100%" style="stop-color:#374151;stop-opacity:1" /></radialGradient><radialGradient id="pandiLeg3D" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#1f2937;stop-opacity:1" /><stop offset="100%" style="stop-color:#374151;stop-opacity:1" /></radialGradient></defs><circle cx="100" cy="120" r="55" fill="#f8fafc" stroke="#e2e8f0" stroke-width="2" data-blobbi-body="true" /><circle cx="100" cy="85" r="45" fill="#f8fafc" stroke="#e2e8f0" stroke-width="2" /><circle cx="70" cy="45" r="18" fill="#1f2937" data-blobbi-skip="true" /><circle cx="130" cy="45" r="18" fill="#1f2937" data-blobbi-skip="true" /><circle cx="70" cy="45" r="12" fill="#374151" data-blobbi-skip="true" /><circle cx="130" cy="45" r="12" fill="#374151" data-blobbi-skip="true" /><circle cx="85" cy="82" r="20" fill="#1f2937" data-blobbi-skip="true" /><circle cx="115" cy="82" r="20" fill="#1f2937" data-blobbi-skip="true" /><circle cx="85" cy="82" r="12" fill="url(#pandiEyeWhite3D)" /><circle cx="115" cy="82" r="12" fill="url(#pandiEyeWhite3D)" /><circle cx="85" cy="82" r="8" fill="url(#pandiPupil3D)" /><circle cx="115" cy="82" r="8" fill="url(#pandiPupil3D)" /><circle cx="88" cy="79" r="3" fill="white" /><circle cx="118" cy="79" r="3" fill="white" /><path d="M 100 95 L 95 105 L 105 105 Z" fill="url(#pandiNose3D)" /><path d="M 90 110 Q 100 118 110 110" stroke="url(#pandiMouth3D)" stroke-width="3" fill="none" stroke-linecap="round" /><circle cx="45" cy="120" r="15" fill="url(#pandiArm3D)" /><circle cx="155" cy="120" r="15" fill="url(#pandiArm3D)" /><circle cx="80" cy="165" r="18" fill="url(#pandiLeg3D)" /><circle cx="120" cy="165" r="18" fill="url(#pandiLeg3D)" /></svg>`,sleeping:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><defs><radialGradient id="pandiEyeWhite3D" cx="0.3" cy="0.3"><stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" /><stop offset="70%" style="stop-color:#f5f5f4;stop-opacity:1" /><stop offset="100%" style="stop-color:#e7e5e4;stop-opacity:1" /></radialGradient><radialGradient id="pandiPupil3D" cx="0.3" cy="0.3"><stop offset="0%" style="stop-color:#374151;stop-opacity:1" /><stop offset="100%" style="stop-color:#1e293b;stop-opacity:1" /></radialGradient><radialGradient id="pandiNose3D" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#1f2937;stop-opacity:1" /><stop offset="100%" style="stop-color:#374151;stop-opacity:1" /></radialGradient><linearGradient id="pandiMouth3D" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" style="stop-color:#374151;stop-opacity:1" /><stop offset="50%" style="stop-color:#1e293b;stop-opacity:1" /><stop offset="100%" style="stop-color:#374151;stop-opacity:1" /></linearGradient><radialGradient id="pandiArm3D" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#1f2937;stop-opacity:1" /><stop offset="100%" style="stop-color:#374151;stop-opacity:1" /></radialGradient><radialGradient id="pandiLeg3D" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#1f2937;stop-opacity:1" /><stop offset="100%" style="stop-color:#374151;stop-opacity:1" /></radialGradient></defs><circle cx="100" cy="120" r="55" fill="#f8fafc" stroke="#e2e8f0" stroke-width="2" data-blobbi-body="true" /><circle cx="100" cy="85" r="45" fill="#f8fafc" stroke="#e2e8f0" stroke-width="2" /><circle cx="70" cy="45" r="18" fill="#1f2937" data-blobbi-skip="true" /><circle cx="130" cy="45" r="18" fill="#1f2937" data-blobbi-skip="true" /><circle cx="70" cy="45" r="12" fill="#374151" data-blobbi-skip="true" /><circle cx="130" cy="45" r="12" fill="#374151" data-blobbi-skip="true" /><circle cx="85" cy="82" r="20" fill="#1f2937" data-blobbi-skip="true" /><circle cx="115" cy="82" r="20" fill="#1f2937" data-blobbi-skip="true" /><circle cx="85" cy="82" r="12" fill="url(#pandiEyeWhite3D)" /><circle cx="115" cy="82" r="12" fill="url(#pandiEyeWhite3D)" /><path d="M 73 85 Q 85 88 97 85" stroke="#1e293b" stroke-width="3" fill="none" stroke-linecap="round" /><path d="M 103 85 Q 115 88 127 85" stroke="#1e293b" stroke-width="3" fill="none" stroke-linecap="round" /><path d="M 100 95 L 95 105 L 105 105 Z" fill="url(#pandiNose3D)" /><circle cx="100" cy="110" r="2" fill="#1e293b" /><circle cx="55" cy="120" r="15" fill="url(#pandiArm3D)" /><circle cx="145" cy="120" r="15" fill="url(#pandiArm3D)" /><circle cx="80" cy="165" r="18" fill="url(#pandiLeg3D)" /><circle cx="120" cy="165" r="18" fill="url(#pandiLeg3D)" /><text x="150" y="60" font-size="10" fill="#666" opacity="0.8">Z</text><text x="157" y="55" font-size="8" fill="#666" opacity="0.6">z</text><text x="162" y="51" font-size="6" fill="#666" opacity="0.4">z</text></svg>`},rocky:{base:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><g transform="rotate(0 100 110)"><circle cx="50" cy="80" r="4" fill="url(#rockyPebble)" opacity="0.8" /><animateTransform attributeName="transform" type="rotate" from="0 100 110" to="360 100 110" dur="5s" repeatCount="indefinite" /></g><g transform="rotate(0 100 110)"><circle cx="150" cy="85" r="3" fill="url(#rockyPebble)" opacity="0.6" /><animateTransform attributeName="transform" type="rotate" from="0 100 110" to="-360 100 110" dur="6s" repeatCount="indefinite" /></g><g transform="rotate(0 100 110)"><circle cx="45" cy="140" r="2.5" fill="url(#rockyPebble)" opacity="0.7" /><animateTransform attributeName="transform" type="rotate" from="0 100 110" to="360 100 110" dur="8s" repeatCount="indefinite" /></g><g transform="rotate(0 100 110)"><circle cx="155" cy="135" r="3.5" fill="url(#rockyPebble)" opacity="0.5" /><animateTransform attributeName="transform" type="rotate" from="0 100 110" to="-360 100 110" dur="4s" repeatCount="indefinite" /></g><path d="M 100 50 L 130 70 L 140 110 L 130 150 L 100 165 L 70 150 L 60 110 L 70 70 Z" fill="url(#rockyBody)" data-blobbi-body="true" /><path d="M 100 55 L 125 72 L 135 108 L 125 145 L 100 158 L 75 145 L 65 108 L 75 72 Z" fill="url(#rockyInner)" opacity="0.8" /><path d="M 75 80 L 125 85" stroke="#57534e" stroke-width="2" opacity="0.5" /><path d="M 70 110 L 130 115" stroke="#57534e" stroke-width="2" opacity="0.5" /><path d="M 80 140 L 120 135" stroke="#57534e" stroke-width="2" opacity="0.5" /><circle cx="85" cy="95" r="12" fill="white" /><circle cx="115" cy="95" r="12" fill="white" /><circle cx="85" cy="95" r="8" fill="#1f2937" /><circle cx="115" cy="95" r="8" fill="#1f2937" /><circle cx="88" cy="92" r="4" fill="white" /><circle cx="118" cy="92" r="4" fill="white" /><path d="M 88 115 Q 100 123 112 115" stroke="#1f2937" stroke-width="4" fill="none" stroke-linecap="round" /><ellipse cx="55" cy="110" rx="12" ry="8" fill="url(#rockyArm)" transform="rotate(-15 55 110)" /><ellipse cx="145" cy="110" rx="12" ry="8" fill="url(#rockyArm)" transform="rotate(15 145 110)" /><ellipse cx="85" cy="160" rx="15" ry="10" fill="url(#rockyLeg)" /><ellipse cx="115" cy="160" rx="15" ry="10" fill="url(#rockyLeg)" /><defs><radialGradient id="rockyBody" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#a8a29e" /><stop offset="30%" stop-color="#78716c" /><stop offset="70%" stop-color="#57534e" /><stop offset="100%" stop-color="#44403c" /></radialGradient><radialGradient id="rockyInner" cx="0.4" cy="0.3"><stop offset="0%" stop-color="#d6d3d1" /><stop offset="100%" stop-color="#a8a29e" /></radialGradient><radialGradient id="rockyArm" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#78716c" /><stop offset="100%" stop-color="#44403c" /></radialGradient><radialGradient id="rockyLeg" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#57534e" /><stop offset="100%" stop-color="#292524" /></radialGradient><radialGradient id="rockyPebble" cx="0.5" cy="0.5"><stop offset="0%" stop-color="#a8a29e" /><stop offset="100%" stop-color="#57534e" /></radialGradient></defs></svg>`,sleeping:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><ellipse cx="105" cy="185" rx="50" ry="8" fill="rgba(0,0,0,0.2)" /><g transform="rotate(0 100 110)"><circle cx="50" cy="80" r="4" fill="url(#rockyPebble)" opacity="0.5" /><animateTransform attributeName="transform" type="rotate" from="0 100 110" to="360 100 110" dur="10s" repeatCount="indefinite" /></g><g transform="rotate(0 100 110)"><circle cx="150" cy="85" r="3" fill="url(#rockyPebble)" opacity="0.4" /><animateTransform attributeName="transform" type="rotate" from="0 100 110" to="-360 100 110" dur="12s" repeatCount="indefinite" /></g><g transform="rotate(0 100 110)"><circle cx="45" cy="140" r="2.5" fill="url(#rockyPebble)" opacity="0.4" /><animateTransform attributeName="transform" type="rotate" from="0 100 110" to="360 100 110" dur="16s" repeatCount="indefinite" /></g><g transform="rotate(0 100 110)"><circle cx="155" cy="135" r="3.5" fill="url(#rockyPebble)" opacity="0.3" /><animateTransform attributeName="transform" type="rotate" from="0 100 110" to="-360 100 110" dur="8s" repeatCount="indefinite" /></g><path d="M 100 50 L 130 70 L 140 110 L 130 150 L 100 165 L 70 150 L 60 110 L 70 70 Z" fill="url(#rockyBody)" data-blobbi-body="true" /><path d="M 100 55 L 125 72 L 135 108 L 125 145 L 100 158 L 75 145 L 65 108 L 75 72 Z" fill="url(#rockyInner)" opacity="0.8" /><path d="M 75 80 L 125 85" stroke="#57534e" stroke-width="2" opacity="0.5" /><path d="M 70 110 L 130 115" stroke="#57534e" stroke-width="2" opacity="0.5" /><path d="M 80 140 L 120 135" stroke="#57534e" stroke-width="2" opacity="0.5" /><path d="M 73 95 Q 85 98 97 95" stroke="#1f2937" stroke-width="3" fill="none" stroke-linecap="round" /><path d="M 103 95 Q 115 98 127 95" stroke="#1f2937" stroke-width="3" fill="none" stroke-linecap="round" /><circle cx="100" cy="115" r="2" fill="#1f2937" /><ellipse cx="55" cy="110" rx="12" ry="8" fill="url(#rockyArm)" transform="rotate(-15 55 110)" /><ellipse cx="145" cy="110" rx="12" ry="8" fill="url(#rockyArm)" transform="rotate(15 145 110)" /><ellipse cx="85" cy="160" rx="15" ry="10" fill="url(#rockyLeg)" /><ellipse cx="115" cy="160" rx="15" ry="10" fill="url(#rockyLeg)" /><text x="150" y="60" font-size="10" fill="#666" opacity="0.8">Z</text><text x="157" y="55" font-size="8" fill="#666" opacity="0.6">z</text><text x="162" y="51" font-size="6" fill="#666" opacity="0.4">z</text><defs><radialGradient id="rockyBody" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#a8a29e" /><stop offset="30%" stop-color="#78716c" /><stop offset="70%" stop-color="#57534e" /><stop offset="100%" stop-color="#44403c" /></radialGradient><radialGradient id="rockyInner" cx="0.4" cy="0.3"><stop offset="0%" stop-color="#d6d3d1" /><stop offset="100%" stop-color="#a8a29e" /></radialGradient><radialGradient id="rockyArm" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#78716c" /><stop offset="100%" stop-color="#44403c" /></radialGradient><radialGradient id="rockyLeg" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#57534e" /><stop offset="100%" stop-color="#292524" /></radialGradient><radialGradient id="rockyPebble" cx="0.5" cy="0.5"><stop offset="0%" stop-color="#a8a29e" /><stop offset="100%" stop-color="#57534e" /></radialGradient></defs></svg>`},rosey:{base:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><rect x="98" y="120" width="4" height="50" fill="url(#roseyStem)" rx="2" /><path d="M 98 130 L 94 128" stroke="#15803d" stroke-width="2" stroke-linecap="round" /><path d="M 102 145 L 106 143" stroke="#15803d" stroke-width="2" stroke-linecap="round" /><ellipse cx="85" cy="145" rx="12" ry="8" fill="url(#roseyLeaf)" transform="rotate(-30 85 140)" /><ellipse cx="110" cy="150" rx="12" ry="8" fill="url(#roseyLeaf)" transform="rotate(30 115 150)" /><circle cx="100" cy="90" r="35" fill="url(#roseyPetal1)" data-blobbi-body="true" /><path d="M 100 60 Q 120 70 125 90 Q 120 110 100 120 Q 80 110 75 90 Q 80 70 100 60" fill="url(#roseyPetal2)" /><path d="M 100 65 Q 115 73 118 90 Q 115 107 100 115 Q 85 107 82 90 Q 85 73 100 65" fill="url(#roseyPetal3)" /><circle cx="100" cy="90" r="20" fill="url(#roseyCenter)" /><circle cx="90" cy="85" r="8" fill="white" /><circle cx="110" cy="85" r="8" fill="white" /><circle cx="90" cy="85" r="5" fill="#1f2937" /><circle cx="110" cy="85" r="5" fill="#1f2937" /><circle cx="92" cy="83" r="2" fill="white" /><circle cx="112" cy="83" r="2" fill="white" /><path d="M 92 100 Q 100 106 108 100" stroke="#1f2937" stroke-width="3" fill="none" stroke-linecap="round" /><circle cx="75" cy="95" r="6" fill="url(#roseyBlush)" opacity="0.6" /><circle cx="125" cy="95" r="6" fill="url(#roseyBlush)" opacity="0.6" /><ellipse cx="55" cy="70" rx="8" ry="5" fill="url(#roseyFloatingPetal)" opacity="0.8" transform="rotate(45 55 70)" /><ellipse cx="145" cy="75" rx="7" ry="4" fill="url(#roseyFloatingPetal)" opacity="0.6" transform="rotate(-30 145 75)" /><ellipse cx="50" cy="120" rx="6" ry="3.5" fill="url(#roseyFloatingPetal)" opacity="0.7" transform="rotate(60 50 120)" /><ellipse cx="150" cy="115" rx="7" ry="4" fill="url(#roseyFloatingPetal)" opacity="0.5" transform="rotate(-45 150 115)" /><path d="M 75 160 L 80 175 L 120 175 L 125 160 Z" fill="url(#leafyPot)" /><rect x="75" y="160" width="50" height="5" fill="url(#leafyPotRim)" rx="2" /><defs><radialGradient id="roseyStem" cx="0.5" cy="0.5"><stop offset="0%" stop-color="#22c55e" /><stop offset="100%" stop-color="#15803d" /></radialGradient><radialGradient id="roseyLeaf" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#4ade80" /><stop offset="100%" stop-color="#16a34a" /></radialGradient><radialGradient id="roseyPetal1" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#fce7f3" /><stop offset="30%" stop-color="#f9a8d4" /><stop offset="70%" stop-color="#f472b6" /><stop offset="100%" stop-color="#ec4899" /></radialGradient><radialGradient id="roseyPetal2" cx="0.4" cy="0.3"><stop offset="0%" stop-color="#fbcfe8" /><stop offset="100%" stop-color="#f472b6" /></radialGradient><radialGradient id="roseyPetal3" cx="0.5" cy="0.4"><stop offset="0%" stop-color="#fce7f3" /><stop offset="100%" stop-color="#f9a8d4" /></radialGradient><radialGradient id="roseyCenter" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#f9a8d4" /><stop offset="100%" stop-color="#ec4899" /></radialGradient><radialGradient id="roseyBlush" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#fce7f3" /><stop offset="100%" stop-color="#f472b6" /></radialGradient><radialGradient id="roseyArm" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#f9a8d4" /><stop offset="100%" stop-color="#ec4899" /></radialGradient><radialGradient id="roseyFloatingPetal" cx="0.5" cy="0.5"><stop offset="0%" stop-color="#fbcfe8" /><stop offset="100%" stop-color="#f472b6" /></radialGradient><radialGradient id="leafyPot" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#dc2626" /><stop offset="100%" stop-color="#991b1b" /></radialGradient><radialGradient id="leafyPotRim" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#ef4444" /><stop offset="100%" stop-color="#dc2626" /></radialGradient></defs></svg>`,sleeping:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><rect x="98" y="120" width="4" height="50" fill="url(#roseyStem)" rx="2" /><path d="M 98 130 L 94 128" stroke="#15803d" stroke-width="2" stroke-linecap="round" /><path d="M 102 145 L 106 143" stroke="#15803d" stroke-width="2" stroke-linecap="round" /><ellipse cx="85" cy="140" rx="12" ry="8" fill="url(#roseyLeaf)" transform="rotate(-30 85 140)" /><ellipse cx="115" cy="150" rx="12" ry="8" fill="url(#roseyLeaf)" transform="rotate(30 115 150)" /><circle cx="100" cy="90" r="35" fill="url(#roseyPetal1)" data-blobbi-body="true" /><path d="M 100 60 Q 120 70 125 90 Q 120 110 100 120 Q 80 110 75 90 Q 80 70 100 60" fill="url(#roseyPetal2)" /><path d="M 100 65 Q 115 73 118 90 Q 115 107 100 115 Q 85 107 82 90 Q 85 73 100 65" fill="url(#roseyPetal3)" /><circle cx="100" cy="90" r="20" fill="url(#roseyCenter)" /><path d="M 82 85 Q 90 88 98 85" stroke="#1f2937" stroke-width="3" fill="none" stroke-linecap="round" /><path d="M 102 85 Q 110 88 118 85" stroke="#1f2937" stroke-width="3" fill="none" stroke-linecap="round" /><circle cx="100" cy="100" r="2" fill="#1f2937" /><circle cx="75" cy="95" r="6" fill="url(#roseyBlush)" opacity="0.6" /><circle cx="125" cy="95" r="6" fill="url(#roseyBlush)" opacity="0.6" /><ellipse cx="70" cy="90" rx="8" ry="12" fill="url(#roseyArm)" transform="rotate(-30 70 90)" /><ellipse cx="130" cy="90" rx="8" ry="12" fill="url(#roseyArm)" transform="rotate(30 130 90)" /><g><animateTransform attributeName="transform" type="translate" values="0,0; 2,3; 0,0" dur="6s" repeatCount="indefinite" /><ellipse cx="55" cy="70" rx="8" ry="5" fill="url(#roseyFloatingPetal)" opacity="0.5" transform="rotate(45 55 70)" /><ellipse cx="145" cy="75" rx="7" ry="4" fill="url(#roseyFloatingPetal)" opacity="0.4" transform="rotate(-30 145 75)" /><ellipse cx="50" cy="120" rx="6" ry="3.5" fill="url(#roseyFloatingPetal)" opacity="0.4" transform="rotate(60 50 120)" /><ellipse cx="150" cy="115" rx="7" ry="4" fill="url(#roseyFloatingPetal)" opacity="0.3" transform="rotate(-45 150 115)" /></g><text x="150" y="60" font-size="10" fill="#666" opacity="0.8">Z</text><text x="157" y="55" font-size="8" fill="#666" opacity="0.6">z</text><text x="162" y="51" font-size="6" fill="#666" opacity="0.4">z</text><defs><radialGradient id="roseyStem" cx="0.5" cy="0.5"><stop offset="0%" stop-color="#22c55e" /><stop offset="100%" stop-color="#15803d" /></radialGradient><radialGradient id="roseyLeaf" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#4ade80" /><stop offset="100%" stop-color="#16a34a" /></radialGradient><radialGradient id="roseyPetal1" cx="0.3" cy="0.2"><stop offset="0%" stop-color="#fce7f3" /><stop offset="30%" stop-color="#f9a8d4" /><stop offset="70%" stop-color="#f472b6" /><stop offset="100%" stop-color="#ec4899" /></radialGradient><radialGradient id="roseyPetal2" cx="0.4" cy="0.3"><stop offset="0%" stop-color="#fbcfe8" /><stop offset="100%" stop-color="#f472b6" /></radialGradient><radialGradient id="roseyPetal3" cx="0.5" cy="0.4"><stop offset="0%" stop-color="#fce7f3" /><stop offset="100%" stop-color="#f9a8d4" /></radialGradient><radialGradient id="roseyCenter" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#f9a8d4" /><stop offset="100%" stop-color="#ec4899" /></radialGradient><radialGradient id="roseyBlush" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#fce7f3" /><stop offset="100%" stop-color="#f472b6" /></radialGradient><radialGradient id="roseyArm" cx="0.3" cy="0.3"><stop offset="0%" stop-color="#f9a8d4" /><stop offset="100%" stop-color="#ec4899" /></radialGradient><radialGradient id="roseyFloatingPetal" cx="0.5" cy="0.5"><stop offset="0%" stop-color="#fbcfe8" /><stop offset="100%" stop-color="#f472b6" /></radialGradient></defs></svg>`},starri:{base:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><defs><radialGradient id="starriBody" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#4c1d95;stop-opacity:1" /><stop offset="30%" style="stop-color:#3730a3;stop-opacity:1" /><stop offset="70%" style="stop-color:#1e1b4b;stop-opacity:1" /><stop offset="100%" style="stop-color:#0f172a;stop-opacity:1" /></radialGradient><radialGradient id="starriInner" cx="0.4" cy="0.3"><stop offset="0%" style="stop-color:#fbbf24;stop-opacity:1" /><stop offset="50%" style="stop-color:#f59e0b;stop-opacity:1" /><stop offset="100%" style="stop-color:#d97706;stop-opacity:1" /></radialGradient><radialGradient id="starriEye" cx="0.3" cy="0.3"><stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" /><stop offset="100%" style="stop-color:#e0e7ff;stop-opacity:1" /></radialGradient><linearGradient id="starriSmile" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" style="stop-color:#fbbf24;stop-opacity:1" /><stop offset="50%" style="stop-color:#f59e0b;stop-opacity:1" /><stop offset="100%" style="stop-color:#fbbf24;stop-opacity:1" /></linearGradient><radialGradient id="starriDust1" cx="0.5" cy="0.5"><stop offset="0%" style="stop-color:#fbbf24;stop-opacity:1" /><stop offset="100%" style="stop-color:#f59e0b;stop-opacity:1" /></radialGradient><radialGradient id="starriDust2" cx="0.5" cy="0.5"><stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" /><stop offset="100%" style="stop-color:#e0e7ff;stop-opacity:1" /></radialGradient><radialGradient id="starriDust3" cx="0.5" cy="0.5"><stop offset="0%" style="stop-color:#c084fc;stop-opacity:1" /><stop offset="100%" style="stop-color:#8b5cf6;stop-opacity:1" /></radialGradient><linearGradient id="starriConstellation" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" style="stop-color:#fbbf24;stop-opacity:1" /><stop offset="100%" style="stop-color:#c084fc;stop-opacity:1" /></linearGradient></defs><path d="M 100 25 L 115 75 L 165 75 L 125 110 L 140 160 L 100 130 L 60 160 L 75 110 L 35 75 L 85 75 Z" fill="url(#starriBody)" data-blobbi-body="true" /><path d="M 100 35 L 112 70 L 150 70 L 120 95 L 132 135 L 100 115 L 68 135 L 80 95 L 50 70 L 88 70 Z" fill="url(#starriInner)" opacity="0.8" /><circle cx="88" cy="95" r="10" fill="url(#starriEye)" /><circle cx="112" cy="95" r="10" fill="url(#starriEye)" /><circle cx="88" cy="95" r="6" fill="#1e1b4b" /><circle cx="112" cy="95" r="6" fill="#1e1b4b" /><circle cx="90" cy="93" r="3" fill="white" /><circle cx="114" cy="93" r="3" fill="white" /><path d="M 88 115 Q 100 125 112 115" stroke="url(#starriSmile)" stroke-width="4" fill="none" stroke-linecap="round" /><circle cx="55" cy="60" r="2" fill="url(#starriDust1)" opacity="0.9" /><circle cx="145" cy="65" r="1.5" fill="url(#starriDust2)" opacity="0.8" /><circle cx="60" cy="140" r="2.5" fill="url(#starriDust3)" opacity="0.7" /><circle cx="140" cy="135" r="2" fill="url(#starriDust1)" opacity="0.6" /><circle cx="40" cy="100" r="1.5" fill="url(#starriDust2)" opacity="0.8" /><circle cx="160" cy="105" r="2" fill="url(#starriDust3)" opacity="0.9" /><path d="M 55 60 L 70 45 L 130 50 L 145 65" stroke="url(#starriConstellation)" stroke-width="1.5" opacity="0.5" /><path d="M 40 100 L 60 140 L 140 135 L 160 105" stroke="url(#starriConstellation)" stroke-width="1.5" opacity="0.5" /></svg>`,sleeping:`<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><defs><radialGradient id="starriBody" cx="0.3" cy="0.2"><stop offset="0%" style="stop-color:#4c1d95;stop-opacity:1" /><stop offset="30%" style="stop-color:#3730a3;stop-opacity:1" /><stop offset="70%" style="stop-color:#1e1b4b;stop-opacity:1" /><stop offset="100%" style="stop-color:#0f172a;stop-opacity:1" /></radialGradient><radialGradient id="starriInner" cx="0.4" cy="0.3"><stop offset="0%" style="stop-color:#fbbf24;stop-opacity:1" /><stop offset="50%" style="stop-color:#f59e0b;stop-opacity:1" /><stop offset="100%" style="stop-color:#d97706;stop-opacity:1" /></radialGradient><radialGradient id="starriEye" cx="0.3" cy="0.3"><stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" /><stop offset="100%" style="stop-color:#e0e7ff;stop-opacity:1" /></radialGradient><linearGradient id="starriSmile" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" style="stop-color:#fbbf24;stop-opacity:1" /><stop offset="50%" style="stop-color:#f59e0b;stop-opacity:1" /><stop offset="100%" style="stop-color:#fbbf24;stop-opacity:1" /></linearGradient><radialGradient id="starriDust1" cx="0.5" cy="0.5"><stop offset="0%" style="stop-color:#fbbf24;stop-opacity:1" /><stop offset="100%" style="stop-color:#f59e0b;stop-opacity:1" /></radialGradient><radialGradient id="starriDust2" cx="0.5" cy="0.5"><stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" /><stop offset="100%" style="stop-color:#e0e7ff;stop-opacity:1" /></radialGradient><radialGradient id="starriDust3" cx="0.5" cy="0.5"><stop offset="0%" style="stop-color:#c084fc;stop-opacity:1" /><stop offset="100%" style="stop-color:#8b5cf6;stop-opacity:1" /></radialGradient><linearGradient id="starriConstellation" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" style="stop-color:#fbbf24;stop-opacity:1" /><stop offset="100%" style="stop-color:#c084fc;stop-opacity:1" /></linearGradient></defs><path d="M 100 25 L 115 75 L 165 75 L 125 110 L 140 160 L 100 130 L 60 160 L 75 110 L 35 75 L 85 75 Z" fill="url(#starriBody)" data-blobbi-body="true" /><path d="M 100 35 L 112 70 L 150 70 L 120 95 L 132 135 L 100 115 L 68 135 L 80 95 L 50 70 L 88 70 Z" fill="url(#starriInner)" opacity="0.8" /><circle cx="88" cy="95" r="10" fill="url(#starriEye)" /><circle cx="112" cy="95" r="10" fill="url(#starriEye)" /><path d="M 78 95 Q 88 98 98 95" stroke="#1e1b4b" stroke-width="3" fill="none" stroke-linecap="round" /><path d="M 102 95 Q 112 98 122 95" stroke="#1e1b4b" stroke-width="3" fill="none" stroke-linecap="round" /><circle cx="100" cy="115" r="2" fill="#f59e0b" /><g><animateTransform attributeName="transform" type="translate" values="0,0; 1,2; 0,0" dur="4s" repeatCount="indefinite" /><circle cx="55" cy="60" r="2" fill="url(#starriDust1)" opacity="0.6" /><circle cx="145" cy="65" r="1.5" fill="url(#starriDust2)" opacity="0.5" /><circle cx="60" cy="140" r="2.5" fill="url(#starriDust3)" opacity="0.4" /><circle cx="140" cy="135" r="2" fill="url(#starriDust1)" opacity="0.4" /><circle cx="40" cy="100" r="1.5" fill="url(#starriDust2)" opacity="0.5" /><circle cx="160" cy="105" r="2" fill="url(#starriDust3)" opacity="0.6" /></g><path d="M 55 60 L 70 45 L 130 50 L 145 65" stroke="url(#starriConstellation)" stroke-width="1.5" opacity="0.3" /><path d="M 40 100 L 60 140 L 140 135 L 160 105" stroke="url(#starriConstellation)" stroke-width="1.5" opacity="0.3" /><text x="150" y="60" font-size="10" fill="#666" opacity="0.8">Z</text><text x="157" y="55" font-size="8" fill="#666" opacity="0.6">z</text><text x="162" y="51" font-size="6" fill="#666" opacity="0.4">z</text></svg>`}};function Dn(e){return En[e]?.base??An(e)}function On(e){return En[e]?.sleeping??An(e)}function kn(e,t={}){let{isSleeping:n=!1}=t,r=s(e);return{form:r,svg:n?On(r):Dn(r)}}function An(e){return`
    <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
      <defs>
        <radialGradient id="fallbackAdultGradient" cx="0.3" cy="0.25">
          <stop offset="0%" style="stop-color:#a78bfa"/>
          <stop offset="60%" style="stop-color:#8b5cf6"/>
          <stop offset="100%" style="stop-color:#7c3aed"/>
        </radialGradient>
      </defs>
      <!-- Body -->
      <ellipse cx="100" cy="110" rx="50" ry="60" fill="url(#fallbackAdultGradient)" />
      <!-- Eyes -->
      <ellipse cx="82" cy="95" rx="10" ry="12" fill="#fff" />
      <ellipse cx="118" cy="95" rx="10" ry="12" fill="#fff" />
      <circle cx="82" cy="96" r="7" fill="#374151" />
      <circle cx="118" cy="96" r="7" fill="#374151" />
      <circle cx="84" cy="94" r="2.5" fill="white" />
      <circle cx="120" cy="94" r="2.5" fill="white" />
      <!-- Mouth -->
      <path d="M 88 120 Q 100 130 112 120" stroke="#374151" stroke-width="3" fill="none" stroke-linecap="round" />
      <!-- Form label (dev only) -->
      <text x="100" y="180" text-anchor="middle" font-size="12" fill="#666">${e}</text>
    </svg>
  `}function U(e,t,n=`0.3`,r=`0.2`,i){return`<radialGradient id="${e}" cx="${n}" cy="${r}">
      <stop offset="0%" style="stop-color:${i??B(t,40)};stop-opacity:1" />
      <stop offset="40%" style="stop-color:${B(i||t,20)};stop-opacity:1" />
      <stop offset="100%" style="stop-color:${t};stop-opacity:1" />
    </radialGradient>`}function W(e,t,n=`0.3`,r=`0.3`){return`<radialGradient id="${e}" cx="${n}" cy="${r}">
      <stop offset="0%" style="stop-color:${B(t,25)};stop-opacity:1" />
      <stop offset="100%" style="stop-color:${t};stop-opacity:1" />
    </radialGradient>`}function G(e,t,n=`0.3`,r=`0.2`,i){return`<radialGradient id="${e}" cx="${n}" cy="${r}">
      <stop offset="0%" style="stop-color:${i??B(t,50)};stop-opacity:1" />
      <stop offset="30%" style="stop-color:${i?B(i,20):B(t,25)};stop-opacity:1" />
      <stop offset="70%" style="stop-color:${t};stop-opacity:1" />
      <stop offset="100%" style="stop-color:${V(t,15)};stop-opacity:1" />
    </radialGradient>`}function jn(e,t,n=`0.3`,r=`0.2`,i){return`<radialGradient id="${e}" cx="${n}" cy="${r}">
      <stop offset="0%" style="stop-color:${i??B(t,50)};stop-opacity:1" />
      <stop offset="30%" style="stop-color:${i?B(i,20):B(t,30)};stop-opacity:1" />
      <stop offset="70%" style="stop-color:${B(t,15)};stop-opacity:1" />
      <stop offset="100%" style="stop-color:${t};stop-opacity:1" />
    </radialGradient>`}function Mn(e,t){return`<radialGradient id="${e}" cx="0.3" cy="0.3">
      <stop offset="0%" style="stop-color:${B(t,20)};stop-opacity:1" />
      <stop offset="100%" style="stop-color:${t};stop-opacity:1" />
    </radialGradient>`}function K(e,t,n){let r=RegExp(`<(radial|linear)Gradient[^>]*id=["']${t}["'][^>]*>[\\s\\S]*?<\\/(radial|linear)Gradient>`,`i`),i=e.match(r);return i?e.replace(i[0],n):e}function Nn(e,t,n){let r=e;r=K(r,`cattiBody3D`,U(`cattiBody3D`,t,`0.3`,`0.2`,n)),r=K(r,`cattiEar3D`,W(`cattiEar3D`,t));let i=B(t,20);r=K(r,`cattiEarInner`,W(`cattiEarInner`,i,`0.4`,`0.3`));let a=B(t,40);return r=K(r,`cattiTail3D`,`<radialGradient id="cattiTail3D" cx="0.3" cy="0.2">
      <stop offset="0%" style="stop-color:${B(t,35)};stop-opacity:1" />
      <stop offset="50%" style="stop-color:${B(t,15)};stop-opacity:1" />
      <stop offset="100%" style="stop-color:${V(t,15)};stop-opacity:1" />
    </radialGradient>`),r=K(r,`cattiTailHighlight`,W(`cattiTailHighlight`,a,`0.4`,`0.3`)),r}function Pn(e,t,n){let r=e;r=K(r,`droppiBody`,G(`droppiBody`,t,`0.3`,`0.2`,n));let i=B(t,45);return r=K(r,`droppiInner`,W(`droppiInner`,i,`0.4`,`0.3`)),r=K(r,`droppiArm`,W(`droppiArm`,B(t,15))),r=K(r,`droppiLeg`,W(`droppiLeg`,V(t,5),`0.3`,`0.2`)),r=K(r,`droppiDroplet`,W(`droppiDroplet`,B(t,30),`0.5`,`0.5`)),r}function Fn(e,t,n){let r=e;r=K(r,`flammiBody`,G(`flammiBody`,t,`0.3`,`0.2`,n));let i=B(t,25);r=K(r,`flammiInner`,`<radialGradient id="flammiInner" cx="0.4" cy="0.3">
      <stop offset="0%" style="stop-color:${B(i,30)};stop-opacity:1" />
      <stop offset="50%" style="stop-color:${i};stop-opacity:1" />
      <stop offset="100%" style="stop-color:${B(t,10)};stop-opacity:1" />
    </radialGradient>`);let a=B(t,50);return r=K(r,`flammiCore`,W(`flammiCore`,a,`0.5`,`0.4`)),r=K(r,`flammiArm`,W(`flammiArm`,B(t,10))),r=K(r,`flammiLeg`,W(`flammiLeg`,t,`0.3`,`0.2`)),r=K(r,`flammiEmber`,W(`flammiEmber`,B(t,35),`0.5`,`0.5`)),r}function In(e,t,n){let r=e;r=K(r,`froggiBody3D`,U(`froggiBody3D`,t,`0.3`,`0.2`,n)),r=K(r,`froggiEyeBase3D`,W(`froggiEyeBase3D`,B(t,15)));let i=B(t,20);return r=K(r,`froggiFeet3D`,W(`froggiFeet3D`,i,`0.3`,`0.2`)),r=K(r,`froggiFeetHighlight`,W(`froggiFeetHighlight`,B(i,20),`0.4`,`0.3`)),r=K(r,`froggiToe3D`,`<linearGradient id="froggiToe3D" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0%" style="stop-color:${V(t,10)};stop-opacity:1" />
      <stop offset="100%" style="stop-color:${V(t,25)};stop-opacity:1" />
    </linearGradient>`),r}function Ln(e,t,n){let r=e,i=n??B(t,15),a=n?B(n,20):B(t,25);return r=K(r,`leafyPetal`,`<radialGradient id="leafyPetal" cx="0.3" cy="0.3">
      <stop offset="100%" style="stop-color:${V(t,15)};stop-opacity:1" />
      <stop offset="30%" style="stop-color:${a};stop-opacity:1" />
      <stop offset="0%" style="stop-color:${i};stop-opacity:1" />
    </radialGradient>`),r}function Rn(e,t,n){let r=e;return r=K(r,`mushieCap`,G(`mushieCap`,t,`0.3`,`0.2`,n)),r=K(r,`mushieCapHighlight`,W(`mushieCapHighlight`,B(t,25),`0.4`,`0.3`)),r}function zn(e,t,n){let r=e;return r=K(r,`rockyBody`,G(`rockyBody`,t,`0.3`,`0.2`,n)),r=K(r,`rockyInner`,W(`rockyInner`,B(t,35),`0.4`,`0.3`)),r=K(r,`rockyArm`,W(`rockyArm`,t)),r=K(r,`rockyLeg`,W(`rockyLeg`,V(t,10),`0.3`,`0.2`)),r=K(r,`rockyPebble`,W(`rockyPebble`,B(t,15),`0.5`,`0.5`)),r}function Bn(e,t,n){let r=e;return r=K(r,`roseyPetal1`,jn(`roseyPetal1`,t,`0.3`,`0.2`,n)),r=K(r,`roseyPetal2`,W(`roseyPetal2`,B(t,15),`0.4`,`0.3`)),r=K(r,`roseyPetal3`,W(`roseyPetal3`,B(t,30),`0.5`,`0.4`)),r=K(r,`roseyCenter`,W(`roseyCenter`,B(t,10))),r=K(r,`roseyFloatingPetal`,W(`roseyFloatingPetal`,B(t,20),`0.5`,`0.5`)),r}function Vn(e,t,n){let r=e,i=n??B(t,35),a=n?B(n,20):B(t,15);return r=K(r,`starriInner`,`<radialGradient id="starriInner" cx="0.4" cy="0.3">
      <stop offset="0%" style="stop-color:${i};stop-opacity:1" />
      <stop offset="50%" style="stop-color:${a};stop-opacity:1" />
      <stop offset="100%" style="stop-color:${t};stop-opacity:1" />
    </radialGradient>`),r}function Hn(e,t,n){let r=e;return r=K(r,`breezyBody`,G(`breezyBody`,t,`0.3`,`0.2`,n)),r=K(r,`breezyInner`,W(`breezyInner`,B(t,40),`0.4`,`0.3`)),r=K(r,`breezyVein`,`<linearGradient id="breezyVein" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0%" style="stop-color:${V(t,20)};stop-opacity:1" />
      <stop offset="50%" style="stop-color:${V(t,10)};stop-opacity:1" />
      <stop offset="100%" style="stop-color:${V(t,20)};stop-opacity:1" />
    </linearGradient>`),r=K(r,`breezyArm`,W(`breezyArm`,B(t,15))),r=K(r,`breezyLeg`,W(`breezyLeg`,t,`0.3`,`0.2`)),r=K(r,`breezyFloating`,W(`breezyFloating`,B(t,25),`0.5`,`0.5`)),r}function Un(e,t,n){let r=e;r=K(r,`bloomiPetal1`,W(`bloomiPetal1`,B(t,30))),r=K(r,`bloomiPetal2`,W(`bloomiPetal2`,B(t,20))),r=K(r,`bloomiPetal3`,W(`bloomiPetal3`,B(t,10))),r=K(r,`bloomiPetal4`,W(`bloomiPetal4`,t)),r=K(r,`bloomiPetal5`,W(`bloomiPetal5`,V(t,10))),r=K(r,`bloomiPetal6`,W(`bloomiPetal6`,V(t,5)));let i=n??B(t,45),a=n?B(n,20):B(t,35);return r=K(r,`bloomiCenter`,`<radialGradient id="bloomiCenter" cx="0.3" cy="0.2">
      <stop offset="0%" style="stop-color:${i};stop-opacity:1" />
      <stop offset="50%" style="stop-color:${a};stop-opacity:1" />
      <stop offset="100%" style="stop-color:${B(t,25)};stop-opacity:1" />
    </radialGradient>`),r=K(r,`bloomiPollen`,W(`bloomiPollen`,B(t,40),`0.5`,`0.5`)),r}function Wn(e,t,n){let r=e;return r=K(r,`cactiBody`,G(`cactiBody`,t,`0.3`,`0.2`,n)),r=K(r,`cactiArm`,W(`cactiArm`,B(t,10))),r}function Gn(e,t,n){let r=e,i=n??B(t,45),a=n?B(n,20):B(t,30);return r=K(r,`cloudiBody`,`<radialGradient id="cloudiBody" cx="0.3" cy="0.2">
      <stop offset="0%" style="stop-color:${i};stop-opacity:1" />
      <stop offset="50%" style="stop-color:${a};stop-opacity:1" />
      <stop offset="100%" style="stop-color:${B(t,15)};stop-opacity:1" />
    </radialGradient>`),r=K(r,`cloudiHighlight`,`<radialGradient id="cloudiHighlight" cx="0.4" cy="0.3">
      <stop offset="0%" style="stop-color:${B(t,50)};stop-opacity:1" />
      <stop offset="100%" style="stop-color:${B(t,40)};stop-opacity:0.5" />
    </radialGradient>`),r=K(r,`cloudiRain`,W(`cloudiRain`,V(t,10),`0.5`,`0.3`)),r}function Kn(e,t,n){let r=e;return r=K(r,`crystiBody`,G(`crystiBody`,t,`0.3`,`0.2`,n)),r=K(r,`crystiInner`,`<radialGradient id="crystiInner" cx="0.4" cy="0.3">
      <stop offset="0%" style="stop-color:${B(t,50)};stop-opacity:1" />
      <stop offset="100%" style="stop-color:${B(t,35)};stop-opacity:0.3" />
    </radialGradient>`),r}function qn(e,t,n){let r=e;return r=K(r,`owliBody3D`,U(`owliBody3D`,t,`0.3`,`0.2`,n)),r=K(r,`owliEar3D`,W(`owliEar3D`,V(t,10),`0.3`,`0.2`)),r=K(r,`owliWing3D`,W(`owliWing3D`,V(t,15),`0.3`,`0.2`)),r=K(r,`owliWingHighlight`,W(`owliWingHighlight`,B(t,10),`0.4`,`0.3`)),r}function Jn(e,t,n){let r=e,i=a(t),s=o(i.h,Math.min(i.s,30),95),c=o(i.h,Math.min(i.s,20),90),l=a(n??t),u=o(l.h,30,20),d=o(l.h,20,27);return r=r.replaceAll(`fill="#f8fafc"`,`fill="${s}"`),r=r.replaceAll(`stroke="#e2e8f0"`,`stroke="${c}"`),r=r.replaceAll(`fill="#1f2937" data-blobbi-skip="true"`,`fill="${u}" data-blobbi-skip="true"`),r=r.replaceAll(`fill="#374151" data-blobbi-skip="true"`,`fill="${d}" data-blobbi-skip="true"`),r=K(r,`pandiArm3D`,`<radialGradient id="pandiArm3D" cx="0.3" cy="0.2">
      <stop offset="0%" style="stop-color:${u};stop-opacity:1" />
      <stop offset="100%" style="stop-color:${d};stop-opacity:1" />
    </radialGradient>`),r=K(r,`pandiLeg3D`,`<radialGradient id="pandiLeg3D" cx="0.3" cy="0.2">
      <stop offset="0%" style="stop-color:${u};stop-opacity:1" />
      <stop offset="100%" style="stop-color:${d};stop-opacity:1" />
    </radialGradient>`),r=K(r,`pandiNose3D`,`<radialGradient id="pandiNose3D" cx="0.3" cy="0.2">
      <stop offset="0%" style="stop-color:${u};stop-opacity:1" />
      <stop offset="100%" style="stop-color:${d};stop-opacity:1" />
    </radialGradient>`),r=K(r,`pandiMouth3D`,`<linearGradient id="pandiMouth3D" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0%" style="stop-color:${d};stop-opacity:1" />
      <stop offset="50%" style="stop-color:${u};stop-opacity:1" />
      <stop offset="100%" style="stop-color:${d};stop-opacity:1" />
    </linearGradient>`),r=r.replaceAll(`stroke="#1e293b"`,`stroke="${u}"`),r=r.replaceAll(`fill="#1e293b"`,`fill="${u}"`),r}var Yn={bloomi:Un,breezy:Hn,cacti:Wn,catti:Nn,cloudi:Gn,crysti:Kn,droppi:Pn,flammi:Fn,froggi:In,leafy:Ln,mushie:Rn,owli:qn,pandi:Jn,rocky:zn,rosey:Bn,starri:Vn};function Xn(e,t,n,r=!1,i){let a=e;if(a=Qt(a),!n.baseColor&&!n.secondaryColor&&!n.eyeColor)return i&&(a=Zt(a,i)),a;if(n.baseColor){let e=Yn[t];a=e?e(a,n.baseColor,n.secondaryColor):Zn(a,t,n.baseColor)}return n.eyeColor&&!r&&(a=$n(a,t,n.eyeColor)),i&&(a=Zt(a,i)),a}function Zn(e,t,n){let r=e,i=[RegExp(`<radialGradient[^>]*id=["'](${t}Body3D)["'][^>]*>[\\s\\S]*?<\\/radialGradient>`,`i`),RegExp(`<radialGradient[^>]*id=["'](${t}Body)["'][^>]*>[\\s\\S]*?<\\/radialGradient>`,`i`)];for(let e of i){let t=r.match(e);if(t){let e=t[1],i=U(e,n);r=r.replace(t[0],i);break}}return r}var Qn={bloomi:`#1f2937`,breezy:`#1f2937`,cacti:`#1f2937`,cloudi:`#64748b`,crysti:`#1e1b4b`,droppi:`#0891b2`,flammi:`#1f2937`,leafy:`#1f2937`,mushie:`#1f2937`,rocky:`#1f2937`,rosey:`#1f2937`,starri:`#1e1b4b`};function $n(e,t,n){let r=e,i=[RegExp(`<radialGradient[^>]*id=["'](${t}Pupil3D)["'][^>]*>[\\s\\S]*?<\\/radialGradient>`,`i`),RegExp(`<radialGradient[^>]*id=["'](${t}Pupil)["'][^>]*>[\\s\\S]*?<\\/radialGradient>`,`i`)];for(let e of i){let t=r.match(e);if(t){let e=t[1],i=Mn(e,n);return r=r.replace(t[0],i),r}}let a=Qn[t];if(a){let e=r.match(/<!-- Pupils[^>]*-->([\s\S]*?)(?=<!--|$)/);if(e){let t=e[0],i=t.replaceAll(`fill="${a}"`,`fill="${n}" data-blobbi-pupil="true"`);r=r.replace(t,i)}}return r}function er(e,t,n,r=!1){return Xn(e,t,{baseColor:n.baseColor,secondaryColor:n.secondaryColor,eyeColor:n.eyeColor},r,n.id)}function tr({blobbi:e,isSleeping:t,recipe:n,recipeLabel:r,emotion:i=`neutral`,bodyEffects:a,className:o}){let s=xn(n),c=Cn(e.id),l=(0,L.useMemo)(()=>{let{form:t,svg:o}=kn(e,{isSleeping:!1}),s=yn(er(o,t,e,!1),{baseColor:e.baseColor,instanceId:c});if(n)s=z(s,n,r??`status`,`adult`,t,c);else if(i!==`neutral`){let e=vt(i);s=z(s,e,i,`adult`,t,c)}return a&&!n&&(s=gt(s,{...a,idPrefix:a.idPrefix??c})),s},[e.id,e.baseColor,e.secondaryColor,e.eyeColor,e.adult?.evolutionForm,e.seed,c,s,r,i,a]);return(0,R.jsx)(`div`,{className:o,dangerouslySetInnerHTML:{__html:(0,L.useMemo)(()=>un(l),[l])}})}function nr({blobbi:e,reaction:t=`idle`,lookMode:n=`follow-pointer`,disableBlink:i=!1,externalEyeOffset:a,externalEyeOffsetRef:o,renderMode:s=`page`,recipe:c,recipeLabel:l,emotion:u=`neutral`,bodyEffects:d,className:f}){let p=Wt(e),m=(0,L.useRef)(null),h=s===`companion`,g=p?`idle`:t;return Ht(m,{isSleeping:p,maxMovement:2.5,lookMode:n,disableBlink:i,disableTracking:h}),Ut({containerRef:m,externalEyeOffset:a,externalEyeOffsetRef:o,isSleeping:p,variant:`adult`}),(0,R.jsx)(`div`,{ref:m,className:r(`relative flex items-center justify-center`,!h&&(g===`listening`||g===`swaying`||g===`happy`)&&`animate-blobbi-sway`,!h&&g===`singing`&&`animate-blobbi-bounce`,f),children:(0,R.jsx)(tr,{blobbi:e,isSleeping:p,recipe:c,recipeLabel:l,emotion:u,bodyEffects:d,className:`size-full`})})}var q={common:[`#ffffff`,`#f2f2f2`,`#e6e6ff`],uncommon:[`#99ccff`,`#ccffcc`,`#ffffcc`],rare:[`#cc99ff`,`#ffb3cc`,`#66ffcc`],legendary:[`#6633cc`,`#ff3399`,`#00ffff`]},J={common:[`#ffffff`,`#cccccc`,`#ffcc99`],uncommon:[`#99ccff`,`#ccffcc`,`#ffccff`],rare:[`#6666ff`,`#33cc99`,`#ff6699`],legendary:[`#9900cc`,`#ff0033`,`#00ffff`]},Y={common:[`#cccccc`,`#f0f0f0`,`#aabbcc`],uncommon:[`#99ccff`,`#ccffcc`,`#ffcc99`],rare:[`#ff99ff`,`#9966ff`,`#66cccc`],legendary:[`#9933ff`,`#ff3399`,`#00ffcc`]},X={common:[`small`],uncommon:[`medium`],rare:[`large`],legendary:[`tiny`]},rr={common:[`dot_center`,`oval_spots`],uncommon:[`ring_mark`],rare:[`rune_top`],legendary:[`sigil_eye`]},ir={common:[`Hatchling`,`Watcher of the Nest`],uncommon:[`Tender of Flames`,`Whisperer`],rare:[`Echo of Ancients`,`Shellbound Hero`],legendary:[`Defender of the Grove`,`The Primordial`]},ar={common:[`#2D3748`,`#4A5568`,`#1A202C`],uncommon:[`#3182CE`,`#38A169`,`#D69E2E`],rare:[`#9F7AEA`,`#ED64A6`,`#F56565`],legendary:[`#00F5FF`,`#FFD700`,`#FF1493`]};[...q.common,...q.uncommon,...q.rare,...q.legendary,...J.common,...J.uncommon,...J.rare,...J.legendary],[...Y.common,...Y.uncommon,...Y.rare,...Y.legendary],[...X.common,...X.uncommon,...X.rare,...X.legendary],[...rr.common,...rr.uncommon,...rr.rare,...rr.legendary],[...ir.common,...ir.uncommon,...ir.rare,...ir.legendary],[...ar.common,...ar.uncommon,...ar.rare,...ar.legendary];function or(e){return/^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(e)}function sr(e){return or(e)}function cr(e){return or(e)}[...q.common,...J.common],[...q.uncommon,...J.uncommon],[...q.rare,...J.rare],[...q.legendary,...J.legendary];function Z(...e){return e.filter(Boolean).join(` `)}var lr={sigil_eye:(0,R.jsxs)(`svg`,{viewBox:`0 0 192 240`,className:`w-full h-full`,children:[(0,R.jsx)(`defs`,{children:(0,R.jsx)(`filter`,{id:`sigil-glow`,x:`-50%`,y:`-50%`,width:`200%`,height:`200%`,children:(0,R.jsx)(`feDropShadow`,{dx:`0`,dy:`0`,stdDeviation:`1`,floodColor:`rgba(130,85,30,0.6)`,floodOpacity:`0.8`})})}),(0,R.jsxs)(`g`,{transform:`translate(96, 45) scale(0.35) translate(-96, -120)`,children:[(0,R.jsx)(`path`,{d:`M30 120 Q96 50, 162 120 Q96 190, 30 120 Z`,fill:`none`,stroke:`rgba(130,85,30,0.6)`,strokeWidth:`3`,filter:`url(#sigil-glow)`}),(0,R.jsx)(`circle`,{cx:`96`,cy:`120`,r:`35`,fill:`rgba(130,85,30,0.25)`}),(0,R.jsx)(`circle`,{cx:`96`,cy:`120`,r:`12`,fill:`rgba(80,50,20,0.7)`}),(0,R.jsxs)(`g`,{stroke:`rgba(130,85,30,0.4)`,strokeWidth:`1.5`,children:[(0,R.jsx)(`line`,{x1:`96`,y1:`75`,x2:`96`,y2:`55`}),(0,R.jsx)(`line`,{x1:`130`,y1:`90`,x2:`150`,y2:`80`}),(0,R.jsx)(`line`,{x1:`145`,y1:`140`,x2:`165`,y2:`150`}),(0,R.jsx)(`line`,{x1:`32`,y1:`155`,x2:`47`,y2:`140`}),(0,R.jsx)(`line`,{x1:`50`,y1:`90`,x2:`30`,y2:`80`})]})]})]}),shimmer_band:(0,R.jsxs)(`svg`,{viewBox:`0 0 192 240`,className:`w-full h-full`,children:[(0,R.jsxs)(`defs`,{children:[(0,R.jsxs)(`linearGradient`,{id:`grad-continuous`,x1:`0%`,y1:`0%`,x2:`100%`,y2:`0%`,children:[(0,R.jsx)(`stop`,{offset:`0%`,stopColor:`#00ffcc`,stopOpacity:`0.4`}),(0,R.jsx)(`stop`,{offset:`50%`,stopColor:`#0099ff`,stopOpacity:`0.25`}),(0,R.jsx)(`stop`,{offset:`100%`,stopColor:`#001144`,stopOpacity:`0.05`})]}),(0,R.jsx)(`filter`,{id:`shimmer-glow`,x:`-50%`,y:`-50%`,width:`200%`,height:`200%`,children:(0,R.jsx)(`feDropShadow`,{dx:`0`,dy:`0`,stdDeviation:`2`,floodColor:`#00ffcc`,floodOpacity:`0.4`})})]}),(0,R.jsxs)(`g`,{stroke:`url(#grad-continuous)`,fill:`none`,strokeWidth:`2`,filter:`url(#shimmer-glow)`,children:[(0,R.jsx)(`path`,{d:`M0 100 C30 90, 40 120, 55 130 C70 140, 80 130, 96 138`}),(0,R.jsx)(`path`,{d:`M0 120 C25 115, 35 135, 50 145 C65 155, 80 145, 96 150`})]}),(0,R.jsxs)(`g`,{fill:`url(#grad-continuous)`,children:[(0,R.jsx)(`circle`,{cx:`30`,cy:`100`,r:`2.5`}),(0,R.jsx)(`circle`,{cx:`40`,cy:`120`,r:`2.5`}),(0,R.jsx)(`circle`,{cx:`25`,cy:`115`,r:`2.5`}),(0,R.jsx)(`circle`,{cx:`35`,cy:`135`,r:`2.5`}),(0,R.jsx)(`circle`,{cx:`70`,cy:`140`,r:`2.5`}),(0,R.jsx)(`circle`,{cx:`80`,cy:`130`,r:`2.5`}),(0,R.jsx)(`circle`,{cx:`65`,cy:`155`,r:`2.5`}),(0,R.jsx)(`circle`,{cx:`80`,cy:`145`,r:`2.5`})]}),(0,R.jsxs)(`g`,{stroke:`url(#grad-continuous)`,fill:`none`,strokeWidth:`2`,filter:`url(#shimmer-glow)`,children:[(0,R.jsx)(`path`,{d:`M192 110 C160 100, 150 130, 138 140 C125 150, 110 140, 96 138`}),(0,R.jsx)(`path`,{d:`M192 130 C165 120, 152 145, 140 155 C125 165, 110 152, 96 150`})]}),(0,R.jsxs)(`g`,{fill:`url(#grad-continuous)`,children:[(0,R.jsx)(`circle`,{cx:`160`,cy:`100`,r:`2.5`}),(0,R.jsx)(`circle`,{cx:`150`,cy:`130`,r:`2.5`}),(0,R.jsx)(`circle`,{cx:`165`,cy:`120`,r:`2.5`}),(0,R.jsx)(`circle`,{cx:`152`,cy:`145`,r:`2.5`}),(0,R.jsx)(`circle`,{cx:`125`,cy:`150`,r:`2.5`}),(0,R.jsx)(`circle`,{cx:`110`,cy:`140`,r:`2.5`}),(0,R.jsx)(`circle`,{cx:`125`,cy:`165`,r:`2.5`}),(0,R.jsx)(`circle`,{cx:`110`,cy:`152`,r:`2.5`})]})]}),rune_top:(0,R.jsxs)(`svg`,{viewBox:`0 0 192 240`,className:`w-full h-full`,children:[(0,R.jsx)(`defs`,{children:(0,R.jsx)(`filter`,{id:`rune-glow`,x:`-50%`,y:`-50%`,width:`200%`,height:`200%`,children:(0,R.jsx)(`feDropShadow`,{dx:`0`,dy:`0`,stdDeviation:`1`,floodColor:`rgba(130, 85, 30, 0.7)`,floodOpacity:`0.6`})})}),(0,R.jsx)(`g`,{transform:`translate(96, 40) scale(0.4) translate(-40, -40)`,children:(0,R.jsxs)(`g`,{stroke:`rgba(130, 85, 30, 0.6)`,strokeWidth:`2`,fill:`none`,filter:`url(#rune-glow)`,children:[(0,R.jsx)(`path`,{d:`M20 20 L20 60`}),(0,R.jsx)(`path`,{d:`M40 20 L40 60`}),(0,R.jsx)(`path`,{d:`M20 40 L40 40`}),(0,R.jsx)(`path`,{d:`M10 60 L30 20 L50 60 Z`}),(0,R.jsx)(`path`,{d:`M20 45 L40 45`}),(0,R.jsx)(`path`,{d:`M10 60 C10 75, 50 75, 50 60`})]})})]}),ring_mark:(0,R.jsxs)(`svg`,{viewBox:`0 0 192 240`,className:`w-full h-full`,children:[(0,R.jsx)(`defs`,{children:(0,R.jsx)(`filter`,{id:`ring-glow`,x:`-50%`,y:`-50%`,width:`200%`,height:`200%`,children:(0,R.jsx)(`feDropShadow`,{dx:`0`,dy:`0`,stdDeviation:`1`,floodColor:`rgba(130, 85, 30, 0.3)`,floodOpacity:`0.5`})})}),(0,R.jsx)(`path`,{d:`M110 105 C125 105, 135 115, 135 130 C135 145, 125 155, 110 155 C95 155, 85 145, 85 130 C85 115, 95 105, 110 105 Z`,fill:`none`,stroke:`rgba(130, 85, 30, 0.18)`,strokeWidth:`3`,filter:`url(#ring-glow)`}),(0,R.jsx)(`path`,{d:`M110 110 C122 110, 130 118, 130 130 C130 142, 122 150, 110 150 C98 150, 90 142, 90 130 C90 118, 98 110, 110 110 Z`,fill:`none`,stroke:`rgba(130, 85, 30, 0.10)`,strokeWidth:`2`})]}),oval_spots:(0,R.jsxs)(`svg`,{viewBox:`0 0 192 240`,className:`w-full h-full`,children:[(0,R.jsx)(`defs`,{children:(0,R.jsx)(`filter`,{id:`spots-blur`,x:`-50%`,y:`-50%`,width:`200%`,height:`200%`,children:(0,R.jsx)(`feGaussianBlur`,{stdDeviation:`0.5`})})}),(0,R.jsx)(`path`,{d:`M60 130 C72 120, 110 120, 118 135 C122 150, 92 155, 74 145 C62 140, 54 138, 60 130 Z`,fill:`rgba(130, 85, 30, 0.25)`,filter:`url(#spots-blur)`})]}),glow_crack_pattern:(0,R.jsxs)(`svg`,{viewBox:`0 0 200 200`,className:`w-full h-full`,children:[(0,R.jsx)(`defs`,{children:(0,R.jsxs)(`filter`,{id:`crack-glow`,x:`-50%`,y:`-50%`,width:`200%`,height:`200%`,children:[(0,R.jsx)(`feDropShadow`,{dx:`0`,dy:`0`,stdDeviation:`2`,floodColor:`#00ffe0`,floodOpacity:`0.9`}),(0,R.jsx)(`feDropShadow`,{dx:`0`,dy:`0`,stdDeviation:`4`,floodColor:`#00ffe0`,floodOpacity:`0.6`}),(0,R.jsx)(`feDropShadow`,{dx:`0`,dy:`0`,stdDeviation:`6`,floodColor:`#00ffe0`,floodOpacity:`0.3`})]})}),(0,R.jsxs)(`g`,{stroke:`#00ffe0`,strokeWidth:`2`,fill:`none`,filter:`url(#crack-glow)`,strokeLinejoin:`round`,children:[(0,R.jsx)(`path`,{d:`M30 30 L35 40 L28 50 L37 58 L32 67 L40 75`}),(0,R.jsx)(`path`,{d:`M28 50 L23 53`,strokeWidth:`1`}),(0,R.jsx)(`path`,{d:`M37 58 L42 62`,strokeWidth:`1`}),(0,R.jsx)(`path`,{d:`M32 67 L30 72`,strokeWidth:`1`}),(0,R.jsx)(`path`,{d:`M80 20 L82 30 L78 40 L84 50 L81 60 L86 68`}),(0,R.jsx)(`path`,{d:`M78 40 L73 43`,strokeWidth:`1`}),(0,R.jsx)(`path`,{d:`M84 50 L88 53`,strokeWidth:`1`}),(0,R.jsx)(`path`,{d:`M81 60 L79 65`,strokeWidth:`1`}),(0,R.jsx)(`path`,{d:`M130 90 L135 95 L130 100 L136 105 L131 110 L137 115`}),(0,R.jsx)(`path`,{d:`M130 100 L125 102`,strokeWidth:`1`}),(0,R.jsx)(`path`,{d:`M136 105 L140 108`,strokeWidth:`1`}),(0,R.jsx)(`path`,{d:`M131 110 L129 115`,strokeWidth:`1`}),(0,R.jsx)(`path`,{d:`M170 150 L165 160 L172 170 L163 178 L168 185 L160 190`}),(0,R.jsx)(`path`,{d:`M172 170 L177 173`,strokeWidth:`1`}),(0,R.jsx)(`path`,{d:`M163 178 L158 182`,strokeWidth:`1`}),(0,R.jsx)(`path`,{d:`M168 185 L170 190`,strokeWidth:`1`})]})]}),dot_center:(0,R.jsxs)(`svg`,{viewBox:`0 0 192 240`,className:`w-full h-full`,children:[(0,R.jsx)(`defs`,{children:(0,R.jsx)(`filter`,{id:`dot-blur`,x:`-50%`,y:`-50%`,width:`200%`,height:`200%`,children:(0,R.jsx)(`feGaussianBlur`,{stdDeviation:`0.5`})})}),(0,R.jsx)(`path`,{d:`M90 112 C95 108, 105 110, 107 118 C108 124, 100 128, 92 127 C86 126, 84 120, 90 112 Z`,fill:`rgba(120, 75, 30, 0.22)`,filter:`url(#dot-blur)`})]})},ur=(e,t)=>{if(!t)return``;switch(e){case`sigil_eye`:return`animate-pulse`;case`shimmer_band`:return``;case`glow_crack_pattern`:return`animate-glow-pulse`;case`rune_top`:return`animate-rune-glow`;default:return``}},dr=(0,L.memo)(({specialMark:e,className:t,animated:n,opacity:r=1})=>{let i=lr[e],a=ur(e,n);return i?(0,R.jsx)(`div`,{className:Z(t,a),style:{opacity:r},children:i}):null});dr.displayName=`MemoizedSVG`;var fr=({specialMark:e,className:t,animated:n=!1,opacity:r=1})=>{let i=(0,L.useMemo)(()=>({position:`absolute`,pointerEvents:`none`,top:0,left:0,width:`100%`,height:`100%`,zIndex:10}),[]);return lr[e]?(0,R.jsx)(`div`,{style:i,className:Z(`special-mark-container`,t),children:(0,R.jsx)(dr,{specialMark:e,className:`w-full h-full`,animated:n,opacity:r})}):(console.warn(`Unsupported special mark: ${e}`),null)},pr=({specialMark:e,className:t})=>{let n=(0,L.useMemo)(()=>{let t={position:`absolute`,pointerEvents:`none`};switch(e){case`dot_center`:return{...t,top:`50%`,left:`50%`,transform:`translate(-50%, -50%)`,width:`8px`,height:`8px`,background:`rgba(0, 0, 0, 0.3)`,borderRadius:`50%`};case`ring_mark`:return{...t,top:`40%`,left:`50%`,transform:`translate(-50%, -50%)`,width:`20px`,height:`20px`,border:`2px solid rgba(0, 0, 0, 0.2)`,borderRadius:`50%`};default:return{...t,top:`45%`,left:`50%`,transform:`translate(-50%, -50%)`,width:`12px`,height:`8px`,background:`rgba(130, 85, 30, 0.3)`,borderRadius:`50%`}}},[e]);return n?(0,R.jsx)(`div`,{style:n,className:t}):null},mr=[`sigil_eye`,`shimmer_band`,`rune_top`,`ring_mark`,`oval_spots`,`glow_crack_pattern`,`dot_center`],Q=e=>mr.includes(e),hr=(e=null,t={})=>{let{animated:n=!0,opacity:r=1,autoAnimate:i=!0,performanceMode:a=!1}=t,[o,s]=(0,L.useState)(()=>({mark:e,isAnimated:n&&i,opacity:r,isSupported:e?Q(e):!1,useFallback:!1})),c=(0,L.useMemo)(()=>{if(a)return!0;if(typeof navigator<`u`){if(window.matchMedia(`(prefers-reduced-motion: reduce)`).matches)return!0;let e=navigator.connection;if(e&&e.effectiveType&&[`slow-2g`,`2g`].includes(e.effectiveType))return!0;let t=navigator.deviceMemory;if(t&&t<4)return!0}return!1},[a]),l=(0,L.useCallback)(e=>{s(t=>({...t,mark:e,isSupported:e?Q(e):!1,useFallback:c||(e?!Q(e):!1)}))},[c]),u=(0,L.useCallback)(()=>{s(e=>({...e,isAnimated:!e.isAnimated}))},[]),d=(0,L.useCallback)(e=>{let t=Math.max(0,Math.min(1,e));s(e=>({...e,opacity:t}))},[]);(0,L.useEffect)(()=>{s(e=>({...e,isAnimated:n&&i&&!c,useFallback:c||(e.mark?!Q(e.mark):!1)}))},[n,i,c]),(0,L.useEffect)(()=>{if(!i||!o.mark)return;let e=[`sigil_eye`,`glow_crack_pattern`,`rune_top`].includes(o.mark);s(t=>({...t,isAnimated:n&&e&&!c}))},[o.mark,n,i,c]);let f=(0,L.useCallback)(e=>{Q(e)&&console.debug(`Preloading special mark: ${e}`)},[]),p=(0,L.useCallback)(()=>{if(!o.isAnimated||!o.mark)return``;switch(o.mark){case`sigil_eye`:return`animate-sigil-pulse`;case`shimmer_band`:return``;case`glow_crack_pattern`:return`animate-glow-pulse`;case`rune_top`:return`animate-rune-glow`;default:return`animate-mystical-float`}},[o.isAnimated,o.mark]),m=(0,L.useCallback)(()=>({specialMark:o.mark,animated:o.isAnimated,opacity:o.opacity,className:p(),useFallback:o.useFallback}),[o,p]);return{specialMark:o.mark,isAnimated:o.isAnimated,opacity:o.opacity,isSupported:o.isSupported,useFallback:o.useFallback,performanceMode:c,setSpecialMark:l,toggleAnimation:u,setOpacity:d,preloadSpecialMark:f,getAnimationClass:p,getOptimizedProps:m,isValidMark:e=>Q(e)}};function gr(e=[]){let t=new Map;return e.forEach(([e,n])=>{e&&n&&t.set(e,n)}),t}function _r(e){if(!e)return!1;if(e.themeVariant===`divine`||e.crossoverApp===`divine`)return!0;let t=gr(e.tags);return t.get(`theme`)===`divine`||t.get(`crossover_app`)===`divine`}function vr(e){return!e||e.lifeStage!==`egg`?!1:_r(e)}function $(e,t,n,r=!0){let i=[],a=r?1:-1;for(let r=0;r<=40;r++){let o=r/40*a*2*2*Math.PI,s=r/40*n,c=e+s*Math.cos(o),l=t+s*Math.sin(o);r===0?i.push(`M ${c.toFixed(2)} ${l.toFixed(2)}`):i.push(`L ${c.toFixed(2)} ${l.toFixed(2)}`)}return i.join(` `)}var yr=e=>{console.warn(`Using legacy special mark rendering for: ${e}. Consider updating to use SpecialMarkRenderer.`);let t={position:`absolute`,pointerEvents:`none`};switch(e){case`dot_center`:return(0,R.jsx)(`div`,{style:{...t,top:`50%`,left:`50%`,transform:`translate(-50%, -50%)`,width:`8px`,height:`8px`,background:`rgba(0, 0, 0, 0.3)`,borderRadius:`50%`}});default:return null}},br=({blobbi:e,sizeVariant:t=`medium`,className:n,animated:r=!1,reaction:a=`idle`,cracking:o=!1,warmth:s=50,forceInlineSvg:c=!1,statusEffects:l,tourVisualState:u=`idle`,onTourEggClick:d})=>{let f=L.useMemo(()=>{let t=new Map;return e?.tags?.forEach(([e,n])=>{typeof e==`string`&&typeof n==`string`&&t.set(e,n)}),t},[e?.tags]),p=hr(e?.specialMark||null,{animated:r,autoAnimate:!0,performanceMode:!1}),m={tiny:.9,small:.94,medium:.97,large:1},h=m[t]||m.medium,[g,_]=(0,L.useState)(!1),v=(0,L.useCallback)(()=>{if(d&&(u===`glowing_waiting_click`||u===`crack_stage_1`||u===`crack_stage_2`||u===`crack_stage_3`)){_(!0),i(),d();return}g||o||(i(),_(!0))},[g,o,d,u]),y=(0,L.useCallback)(()=>{_(!1)},[]),b=u===`show_hatch_card`||u===`glowing_waiting_click`,x=(0,L.useRef)(null);(0,L.useEffect)(()=>{if(!b){x.current&&=(clearInterval(x.current),null);return}return _(!0),x.current=setInterval(()=>{_(e=>e||!0)},2500),()=>{x.current&&=(clearInterval(x.current),null)}},[b]);let S=u!==`idle`&&u!==`hatching`,C=u===`crack_stage_1`?1:u===`crack_stage_2`?2:u===`crack_stage_3`||u===`opening`?3:0,w=`#55C4A2`,ee=e=>{let t=parseInt(e.slice(1,3),16)/255,n=parseInt(e.slice(3,5),16)/255,r=parseInt(e.slice(5,7),16)/255,i=Math.max(t,n,r),a=Math.min(t,n,r),o=i-a,s=0,c=0,l=(i+a)/2;if(o!==0){switch(c=l>.5?o/(2-i-a):o/(i+a),i){case t:s=(n-r)/o+(n<r?6:0);break;case n:s=(r-t)/o+2;break;case r:s=(t-n)/o+4;break}s/=6}return[s*360,c*100,l*100]},T=(e,t,n)=>{e/=360,t/=100,n/=100;let r=(e,t,n)=>(n<0&&(n+=1),n>1&&--n,n<1/6?e+(t-e)*6*n:n<1/2?t:n<2/3?e+(t-e)*(2/3-n)*6:e),i,a,o;if(t===0)i=a=o=n;else{let s=n<.5?n*(1+t):n+t-n*t,c=2*n-s;i=r(c,s,e+1/3),a=r(c,s,e),o=r(c,s,e-1/3)}let s=e=>{let t=Math.round(e*255).toString(16);return t.length===1?`0`+t:t};return`#${s(i)}${s(a)}${s(o)}`},E=e=>{try{let[t,n,r]=ee(e),i=Math.max(r-25,10),a=Math.min(r+20,90),o=r<30?Math.min(n+15,100):n;return{shadow:T(t,n,i),base:e,highlight:T(t,o,a)}}catch{return{shadow:e,base:e,highlight:e}}},D=e?vr(e):!1,O=s,te=()=>{if(D)return w;if(e?.baseColor&&sr(e.baseColor))return e.baseColor;let t=f.get(`base_color`);return t&&sr(t)?t:O<30?`#f2f2f2`:O<50?`#e6e6ff`:O<70?`#ffffcc`:O<85?`#ccffcc`:`#99ccfa`},ne=e=>D?`rgba(122, 217, 185, 0.5)`:e<30?`rgba(59, 130, 246, 0.3)`:e<50?`rgba(147, 197, 253, 0.3)`:e<70?`rgba(251, 191, 36, 0.3)`:e<85?`rgba(245, 158, 11, 0.4)`:`rgba(239, 68, 68, 0.4)`,k=te(),re=e?.secondaryColor&&cr(e.secondaryColor)&&!D?e.secondaryColor:void 0,A=ne(O),j=e?.specialMark||(D?`divine_wordmark`:null),ie=()=>{let e=E(D?w:k);if(D)return`
        radial-gradient(circle at 30% 25%, ${e.highlight} 0%, ${e.base} 40%, ${e.shadow} 100%),
        radial-gradient(circle at 70% 80%, ${e.highlight} 0%, transparent 45%),
        linear-gradient(145deg, ${e.shadow} 0%, ${e.base} 50%, ${e.shadow} 100%)
      `;if(re){let t=E(re);return`
        radial-gradient(circle at 35% 25%, ${e.highlight} 0%, ${e.base} 30%, ${e.shadow} 70%),
        radial-gradient(circle at 65% 75%, ${t.highlight}40 0%, transparent 50%)
      `}return`radial-gradient(circle at 30% 25%, ${e.highlight} 0%, ${e.base} 40%, ${e.shadow} 100%)`},{shadow:ae,highlight:oe}=E(D?w:k);return(0,R.jsx)(`div`,{className:Z(`w-full h-full`,`relative flex items-center justify-center`,n),style:{width:`100%`,height:`100%`,position:`relative`,display:`flex`,alignItems:`center`,justifyContent:`center`},children:(0,R.jsxs)(`div`,{className:`relative flex items-center justify-center`,style:{width:`100%`,height:`100%`,position:`relative`,display:`flex`,alignItems:`center`,justifyContent:`center`,transform:`scale(${h})`},children:[(()=>{let e=u===`glowing_waiting_click`||u===`crack_stage_1`||u===`crack_stage_2`||u===`crack_stage_3`,t=u===`opening`||u===`hatching`;return(0,R.jsx)(`div`,{className:Z(`absolute rounded-full blur-xl transition-all duration-1000`,r&&!e&&!t&&`animate-pulse`,e&&`animate-egg-tour-glow`,t&&`animate-egg-tour-glow`),style:{width:t?`200%`:e?`150%`:`120%`,height:t?`200%`:e?`150%`:`120%`,background:t?`radial-gradient(circle, #fff 0%, ${A} 40%, transparent 70%)`:e?`radial-gradient(circle, ${A} 0%, ${A}80 30%, transparent 70%)`:`radial-gradient(circle, ${A} 0%, transparent 70%)`,zIndex:0}})})(),(0,R.jsxs)(`div`,{onClick:v,onAnimationEnd:e=>{e.animationName===`egg-tap-wiggle`&&y()},className:Z(`relative transition-all duration-500 z-10 cursor-pointer`,g&&!o&&`animate-egg-tap-wiggle`,!g&&(a===`listening`||a===`swaying`||a===`happy`)&&`animate-egg-sway`,!g&&a===`singing`&&`animate-egg-bounce`,r&&O>60&&`animate-egg-warmth`,(o||C>=1&&u!==`opening`)&&`animate-egg-crack`,u===`opening`&&`animate-egg-tour-open`,u===`hatching`&&`opacity-0`),style:{width:`80%`,height:`100%`,background:ie(),borderRadius:`50% 50% 50% 50% / 60% 60% 40% 40%`,boxShadow:`
              inset -0.5em -0.5em 1em ${ae}33,
              inset 0.5em 0.5em 1em ${oe}26
            `,filter:o||C>=1?`brightness(1.1)`:`brightness(1)`},children:[(0,R.jsx)(`div`,{className:`absolute`,style:{top:`20%`,left:`25%`,width:`30%`,height:`25%`,background:`linear-gradient(135deg, ${E(D?w:k).highlight}80 0%, transparent 100%)`,borderRadius:`50%`,filter:`blur(2px)`}}),j&&(j===`divine_wordmark`?(0,R.jsx)(`div`,{className:`absolute`,style:{right:`15%`,bottom:`10%`,transform:`rotate(-18deg)`,fontFamily:`"Pacifico", system-ui, cursive`,fontSize:`1.2em`,color:`#FFFFFF`,textShadow:`0 1px 2px rgba(0,0,0,0.35)`,pointerEvents:`none`,whiteSpace:`nowrap`},children:`diVine`}):Q(j)?(0,R.jsx)(fr,{specialMark:j,animated:p.isAnimated,opacity:p.opacity,className:p.getAnimationClass()}):p.useFallback?(0,R.jsx)(pr,{specialMark:j}):yr(j)),(o||S)&&(()=>{let e=o?3:C;return(0,R.jsxs)(`svg`,{className:`absolute inset-0 pointer-events-none w-full h-full transition-opacity duration-300`,viewBox:`0 0 120 125`,preserveAspectRatio:`xMidYMid meet`,style:{height:`100%`},children:[e===0&&(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`path`,{d:`M53 63 L57 60 L63 64 L67 61`,stroke:`rgba(0, 0, 0, 0.5)`,strokeWidth:`1.2`,fill:`none`,strokeLinecap:`round`,strokeLinejoin:`round`}),(0,R.jsx)(`path`,{d:`M57 60 L56 57`,stroke:`rgba(0, 0, 0, 0.35)`,strokeWidth:`0.8`,fill:`none`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M63 64 L65 67`,stroke:`rgba(0, 0, 0, 0.35)`,strokeWidth:`0.8`,fill:`none`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M54 64 L58 61 L64 65`,stroke:`rgba(255, 255, 255, 0.12)`,strokeWidth:`0.6`,fill:`none`,strokeLinecap:`round`})]}),e===1&&(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`path`,{d:`M42 61 L48 64 L53 60 L60 65 L67 59 L73 63 L78 60`,stroke:`rgba(0, 0, 0, 0.55)`,strokeWidth:`1.5`,fill:`none`,strokeLinecap:`round`,strokeLinejoin:`round`}),(0,R.jsx)(`path`,{d:`M43 62 L49 65 L54 61 L61 66 L68 60 L74 64`,stroke:`rgba(255, 255, 255, 0.12)`,strokeWidth:`0.6`,fill:`none`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M48 64 L46 69`,stroke:`rgba(0, 0, 0, 0.4)`,strokeWidth:`1`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M67 59 L65 54`,stroke:`rgba(0, 0, 0, 0.4)`,strokeWidth:`1`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M73 63 L76 68`,stroke:`rgba(0, 0, 0, 0.35)`,strokeWidth:`0.9`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M53 60 L51 56`,stroke:`rgba(0, 0, 0, 0.3)`,strokeWidth:`0.7`,strokeLinecap:`round`})]}),e===2&&(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`path`,{d:`M30 63 L37 60 L44 65 L52 59 L60 64 L68 58 L76 63 L83 59 L90 64`,stroke:`rgba(0, 0, 0, 0.6)`,strokeWidth:`2`,fill:`none`,strokeLinecap:`round`,strokeLinejoin:`round`}),(0,R.jsx)(`path`,{d:`M31 64 L38 61 L45 66 L53 60 L61 65 L69 59 L77 64 L84 60`,stroke:`rgba(255, 255, 255, 0.12)`,strokeWidth:`0.7`,fill:`none`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M37 60 L34 55`,stroke:`rgba(0, 0, 0, 0.45)`,strokeWidth:`1.1`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M44 65 L41 71`,stroke:`rgba(0, 0, 0, 0.4)`,strokeWidth:`1`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M52 59 L50 53`,stroke:`rgba(0, 0, 0, 0.4)`,strokeWidth:`1`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M60 64 L63 70`,stroke:`rgba(0, 0, 0, 0.4)`,strokeWidth:`1`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M68 58 L66 52`,stroke:`rgba(0, 0, 0, 0.45)`,strokeWidth:`1.1`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M76 63 L79 69`,stroke:`rgba(0, 0, 0, 0.4)`,strokeWidth:`1`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M83 59 L86 54`,stroke:`rgba(0, 0, 0, 0.35)`,strokeWidth:`0.9`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M50 53 L48 50`,stroke:`rgba(0, 0, 0, 0.25)`,strokeWidth:`0.7`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M63 70 L66 73`,stroke:`rgba(0, 0, 0, 0.25)`,strokeWidth:`0.7`,strokeLinecap:`round`})]}),e>=3&&(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`path`,{d:`M15 62 L23 59 L32 64 L40 58 L50 65 L60 57 L70 64 L80 58 L88 63 L96 59 L105 64`,stroke:`rgba(0, 0, 0, 0.65)`,strokeWidth:`2.5`,fill:`none`,strokeLinecap:`round`,strokeLinejoin:`round`}),(0,R.jsx)(`path`,{d:`M16 63 L24 60 L33 65 L41 59 L51 66 L61 58 L71 65 L81 59 L89 64 L97 60`,stroke:`rgba(255, 255, 255, 0.13)`,strokeWidth:`0.8`,fill:`none`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M23 59 L19 53`,stroke:`rgba(0, 0, 0, 0.5)`,strokeWidth:`1.3`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M32 64 L28 72`,stroke:`rgba(0, 0, 0, 0.45)`,strokeWidth:`1.2`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M28 72 L25 76`,stroke:`rgba(0, 0, 0, 0.3)`,strokeWidth:`0.9`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M40 58 L37 51`,stroke:`rgba(0, 0, 0, 0.5)`,strokeWidth:`1.2`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M50 65 L47 73`,stroke:`rgba(0, 0, 0, 0.45)`,strokeWidth:`1.2`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M37 51 L35 47`,stroke:`rgba(0, 0, 0, 0.3)`,strokeWidth:`0.8`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M60 57 L58 50`,stroke:`rgba(0, 0, 0, 0.5)`,strokeWidth:`1.3`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M60 57 L63 68`,stroke:`rgba(0, 0, 0, 0.4)`,strokeWidth:`1.1`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M70 64 L73 71`,stroke:`rgba(0, 0, 0, 0.45)`,strokeWidth:`1.2`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M80 58 L83 50`,stroke:`rgba(0, 0, 0, 0.5)`,strokeWidth:`1.3`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M83 50 L86 46`,stroke:`rgba(0, 0, 0, 0.3)`,strokeWidth:`0.8`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M88 63 L91 70`,stroke:`rgba(0, 0, 0, 0.45)`,strokeWidth:`1.2`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M96 59 L99 52`,stroke:`rgba(0, 0, 0, 0.5)`,strokeWidth:`1.2`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M105 64 L109 70`,stroke:`rgba(0, 0, 0, 0.4)`,strokeWidth:`1.1`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M47 73 L44 77`,stroke:`rgba(0, 0, 0, 0.25)`,strokeWidth:`0.7`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M73 71 L76 75`,stroke:`rgba(0, 0, 0, 0.25)`,strokeWidth:`0.7`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M58 50 L55 46`,stroke:`rgba(0, 0, 0, 0.25)`,strokeWidth:`0.7`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M19 53 L17 49`,stroke:`rgba(0, 0, 0, 0.2)`,strokeWidth:`0.6`,strokeLinecap:`round`}),(0,R.jsx)(`path`,{d:`M99 52 L102 48`,stroke:`rgba(0, 0, 0, 0.2)`,strokeWidth:`0.6`,strokeLinecap:`round`})]})]})})(),e?.title&&(0,R.jsx)(`div`,{className:`absolute -bottom-6 left-1/2 transform -translate-x-1/2 text-xs font-semibold text-center px-2 py-1 bg-black/20 rounded-full backdrop-blur-sm`,style:{color:k,textShadow:`0 1px 2px rgba(0,0,0,0.5)`,fontSize:`0.75em`},children:e.title})]}),r&&(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`div`,{className:`absolute animate-ping`,style:{top:`10%`,left:`20%`,width:`0.25em`,height:`0.25em`,background:`rgba(251, 191, 36, 0.6)`,borderRadius:`50%`,animationDelay:`0s`,animationDuration:`2s`}}),(0,R.jsx)(`div`,{className:`absolute animate-ping`,style:{top:`20%`,right:`15%`,width:`0.2em`,height:`0.2em`,background:`rgba(147, 197, 253, 0.6)`,borderRadius:`50%`,animationDelay:`0.5s`,animationDuration:`2.5s`}}),(0,R.jsx)(`div`,{className:`absolute animate-ping`,style:{bottom:`15%`,left:`15%`,width:`0.15em`,height:`0.15em`,background:`rgba(167, 243, 208, 0.6)`,borderRadius:`50%`,animationDelay:`1s`,animationDuration:`3s`}})]}),l?.dirty&&(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`div`,{className:`absolute animate-egg-sweat-drop`,style:{top:`15%`,left:`5%`,width:`0.6em`,height:`0.9em`,background:`linear-gradient(180deg, rgba(147, 197, 253, 0.9) 0%, rgba(59, 130, 246, 0.7) 100%)`,borderRadius:`50% 50% 50% 50% / 30% 30% 70% 70%`,zIndex:20}}),(0,R.jsxs)(`div`,{className:`absolute animate-egg-dust`,style:{bottom:`-5%`,left:`20%`,width:`60%`,height:`0.4em`,display:`flex`,justifyContent:`space-between`,zIndex:5},children:[(0,R.jsx)(`div`,{style:{width:`0.3em`,height:`0.3em`,background:`rgba(87, 83, 78, 0.7)`,borderRadius:`50%`},className:`animate-egg-dust-particle`}),(0,R.jsx)(`div`,{style:{width:`0.28em`,height:`0.28em`,background:`rgba(87, 83, 78, 0.65)`,borderRadius:`50%`,animationDelay:`0.4s`},className:`animate-egg-dust-particle`})]}),(0,R.jsx)(`div`,{className:`absolute animate-egg-dust-particle`,style:{bottom:`12%`,left:`6%`,width:`0.28em`,height:`0.28em`,background:`rgba(63, 63, 70, 0.8)`,borderRadius:`50%`,zIndex:25,animationDelay:`0.1s`}}),(0,R.jsx)(`div`,{className:`absolute animate-egg-dust-particle`,style:{bottom:`15%`,right:`5%`,width:`0.25em`,height:`0.25em`,background:`rgba(63, 63, 70, 0.75)`,borderRadius:`50%`,zIndex:25,animationDelay:`0.5s`}}),(0,R.jsx)(`div`,{className:`absolute animate-egg-dust-particle`,style:{bottom:`5%`,left:`18%`,width:`0.22em`,height:`0.22em`,background:`rgba(68, 64, 60, 0.7)`,borderRadius:`50%`,zIndex:25,animationDelay:`0.8s`}}),(0,R.jsx)(`div`,{className:`absolute animate-egg-dust-particle`,style:{bottom:`3%`,right:`20%`,width:`0.2em`,height:`0.2em`,background:`rgba(68, 64, 60, 0.65)`,borderRadius:`50%`,zIndex:25,animationDelay:`1.1s`}})]}),l?.sick&&(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`svg`,{className:`absolute`,style:{top:`0%`,left:`-5%`,width:`1.1em`,height:`1.1em`,zIndex:20,overflow:`visible`},viewBox:`0 0 20 20`,children:(0,R.jsxs)(`g`,{children:[(0,R.jsx)(`path`,{d:$(10,10,8,!1),stroke:`#4b5563`,strokeWidth:`1.5`,fill:`none`,strokeLinecap:`round`,opacity:`0.65`}),(0,R.jsx)(`animateTransform`,{attributeName:`transform`,type:`rotate`,from:`0 10 10`,to:`360 10 10`,dur:`2.5s`,repeatCount:`indefinite`})]})}),(0,R.jsx)(`svg`,{className:`absolute`,style:{top:`25%`,right:`-6%`,width:`0.95em`,height:`0.95em`,zIndex:20,overflow:`visible`},viewBox:`0 0 20 20`,children:(0,R.jsxs)(`g`,{children:[(0,R.jsx)(`path`,{d:$(10,10,8,!0),stroke:`#6b7280`,strokeWidth:`1.4`,fill:`none`,strokeLinecap:`round`,opacity:`0.6`}),(0,R.jsx)(`animateTransform`,{attributeName:`transform`,type:`rotate`,from:`360 10 10`,to:`0 10 10`,dur:`2s`,repeatCount:`indefinite`})]})}),(0,R.jsx)(`svg`,{className:`absolute`,style:{bottom:`15%`,left:`-4%`,width:`0.7em`,height:`0.7em`,zIndex:20,overflow:`visible`},viewBox:`0 0 20 20`,children:(0,R.jsxs)(`g`,{children:[(0,R.jsx)(`path`,{d:$(10,10,8,!1),stroke:`white`,strokeWidth:`1.3`,fill:`none`,strokeLinecap:`round`,opacity:`0.5`}),(0,R.jsx)(`animateTransform`,{attributeName:`transform`,type:`rotate`,from:`360 10 10`,to:`0 10 10`,dur:`3s`,repeatCount:`indefinite`})]})}),(0,R.jsx)(`svg`,{className:`absolute`,style:{bottom:`8%`,right:`-3%`,width:`0.6em`,height:`0.6em`,zIndex:20,overflow:`visible`},viewBox:`0 0 20 20`,children:(0,R.jsxs)(`g`,{children:[(0,R.jsx)(`path`,{d:$(10,10,8,!0),stroke:`#9ca3af`,strokeWidth:`1.2`,fill:`none`,strokeLinecap:`round`,opacity:`0.5`}),(0,R.jsx)(`animateTransform`,{attributeName:`transform`,type:`rotate`,from:`0 10 10`,to:`360 10 10`,dur:`3.5s`,repeatCount:`indefinite`})]})}),(0,R.jsx)(`svg`,{className:`absolute`,style:{top:`18%`,left:`22%`,width:`0.55em`,height:`0.55em`,zIndex:15,overflow:`visible`},viewBox:`0 0 20 20`,children:(0,R.jsxs)(`g`,{children:[(0,R.jsx)(`path`,{d:$(10,10,7,!1),stroke:`white`,strokeWidth:`1.2`,fill:`none`,strokeLinecap:`round`,opacity:`0.4`}),(0,R.jsx)(`animateTransform`,{attributeName:`transform`,type:`rotate`,from:`0 10 10`,to:`360 10 10`,dur:`4s`,repeatCount:`indefinite`})]})}),(0,R.jsx)(`svg`,{className:`absolute`,style:{top:`40%`,right:`18%`,width:`0.5em`,height:`0.5em`,zIndex:15,overflow:`visible`},viewBox:`0 0 20 20`,children:(0,R.jsxs)(`g`,{children:[(0,R.jsx)(`path`,{d:$(10,10,7,!0),stroke:`#6b7280`,strokeWidth:`1.1`,fill:`none`,strokeLinecap:`round`,opacity:`0.35`}),(0,R.jsx)(`animateTransform`,{attributeName:`transform`,type:`rotate`,from:`360 10 10`,to:`0 10 10`,dur:`3s`,repeatCount:`indefinite`})]})}),(0,R.jsx)(`svg`,{className:`absolute`,style:{bottom:`28%`,left:`35%`,width:`0.45em`,height:`0.45em`,zIndex:15,overflow:`visible`},viewBox:`0 0 20 20`,children:(0,R.jsxs)(`g`,{children:[(0,R.jsx)(`path`,{d:$(10,10,7,!1),stroke:`white`,strokeWidth:`1`,fill:`none`,strokeLinecap:`round`,opacity:`0.35`}),(0,R.jsx)(`animateTransform`,{attributeName:`transform`,type:`rotate`,from:`0 10 10`,to:`360 10 10`,dur:`3.5s`,repeatCount:`indefinite`})]})})]}),l?.happy&&(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`div`,{className:`absolute animate-egg-sparkle`,style:{top:`5%`,left:`45%`,width:`0.5em`,height:`0.5em`,zIndex:20},children:(0,R.jsx)(`svg`,{viewBox:`0 0 20 20`,className:`w-full h-full`,children:(0,R.jsx)(`path`,{d:`M10 0 L10 20 M0 10 L20 10 M3 3 L17 17 M17 3 L3 17`,stroke:`rgba(251, 191, 36, 0.8)`,strokeWidth:`2`,strokeLinecap:`round`})})}),(0,R.jsx)(`div`,{className:`absolute animate-egg-sparkle`,style:{top:`25%`,right:`0%`,width:`0.4em`,height:`0.4em`,zIndex:20,animationDelay:`0.4s`},children:(0,R.jsx)(`svg`,{viewBox:`0 0 20 20`,className:`w-full h-full`,children:(0,R.jsx)(`path`,{d:`M10 0 L10 20 M0 10 L20 10`,stroke:`rgba(251, 191, 36, 0.7)`,strokeWidth:`2`,strokeLinecap:`round`})})}),(0,R.jsx)(`div`,{className:`absolute animate-egg-sparkle`,style:{top:`40%`,left:`0%`,width:`0.35em`,height:`0.35em`,zIndex:20,animationDelay:`0.8s`},children:(0,R.jsx)(`svg`,{viewBox:`0 0 20 20`,className:`w-full h-full`,children:(0,R.jsx)(`path`,{d:`M10 0 L10 20 M0 10 L20 10`,stroke:`rgba(251, 191, 36, 0.6)`,strokeWidth:`2`,strokeLinecap:`round`})})})]})]})})},xr={solid:`solid`,spotted:`spotted`,striped:`striped`,gradient:`gradient`},Sr={none:`none`,star:`star`,heart:`heart`,sparkle:`sparkle`,blush:`blush`},Cr={egg:`egg`,baby:`baby`,adult:`adult`},wr=`solid`,Tr=`none`,Er=`egg`,Dr=`default`;function Or(e){return c(e,`crossover_app`)}function kr(e,t=Dr){let{visualTraits:n,stage:r,allTags:i=[]}=e;return{baseColor:n.baseColor,secondaryColor:n.secondaryColor,pattern:xr[n.pattern]??wr,specialMark:Sr[n.specialMark]??Tr,lifeStage:Cr[r]??Er,themeVariant:t,tags:i,crossoverApp:Or(i)}}var Ar={sm:{container:`size-14`,sizeVariant:`small`},md:{container:`size-24`,sizeVariant:`medium`},lg:{container:`size-40`,sizeVariant:`large`}};function jr({companion:e,size:t=`md`,animated:n=!1,reaction:i=`idle`,statusEffects:a,tourVisualState:o,onTourEggClick:s,className:c}){let l=(0,L.useMemo)(()=>kr(e),[e.d,e.visualTraits.baseColor,e.visualTraits.secondaryColor]),u=Ar[t],d=e.state===`sleeping`,f=d?`idle`:i;return(0,R.jsx)(`div`,{className:r(c??u.container,`relative flex items-center justify-center`,d&&`opacity-70`),children:(0,R.jsx)(br,{blobbi:l,sizeVariant:u.sizeVariant,animated:n&&!d,reaction:f,statusEffects:d?void 0:a,tourVisualState:o,onTourEggClick:s})})}var Mr=[{symbol:`♪`,left:`10%`,delay:`0s`,duration:`3s`},{symbol:`♫`,left:`85%`,delay:`0.5s`,duration:`3.5s`},{symbol:`♬`,left:`25%`,delay:`1s`,duration:`2.8s`},{symbol:`♪`,left:`70%`,delay:`1.5s`,duration:`3.2s`},{symbol:`♫`,left:`50%`,delay:`2s`,duration:`3s`}];function Nr({active:e,className:t}){let n=(0,L.useMemo)(()=>Mr.map((e,t)=>(0,R.jsx)(`span`,{className:r(`absolute text-primary/70 pointer-events-none select-none`,`animate-float-up text-lg`),style:{left:e.left,bottom:`20%`,animationDelay:e.delay,animationDuration:e.duration},children:e.symbol},t)),[]);return e?(0,R.jsx)(`div`,{className:r(`absolute inset-0 overflow-hidden pointer-events-none`,t),"aria-hidden":`true`,children:n}):null}function Pr(e){return{id:e.d,name:e.name,lifeStage:e.stage,state:e.state,isSleeping:e.state===`sleeping`,stats:{hunger:e.stats.hunger??100,happiness:e.stats.happiness??100,health:e.stats.health??100,hygiene:e.stats.hygiene??100,energy:e.stats.energy??100},baseColor:e.visualTraits.baseColor,secondaryColor:e.visualTraits.secondaryColor,eyeColor:e.visualTraits.eyeColor,pattern:e.visualTraits.pattern,specialMark:e.visualTraits.specialMark,size:e.visualTraits.size,seed:e.seed,tags:e.allTags??[],adult:e.adultType?{evolutionForm:e.adultType}:void 0}}function Fr(e){let t=e.state===`sleeping`;return{id:e.d,name:e.name,lifeStage:e.stage,state:e.state??`active`,isSleeping:t,stats:{hunger:100,happiness:100,health:100,hygiene:100,energy:e.energy},baseColor:e.visualTraits.baseColor,secondaryColor:e.visualTraits.secondaryColor,eyeColor:e.visualTraits.eyeColor,pattern:e.visualTraits.pattern,specialMark:e.visualTraits.specialMark,size:e.visualTraits.size,seed:e.seed??``,tags:[],adult:e.adultType?{evolutionForm:e.adultType}:void 0}}var Ir={sm:`size-14`,md:`size-24`,lg:`size-40`};function Lr({companion:e,size:t=`md`,animated:n=!1,reaction:i=`idle`,lookMode:a=`follow-pointer`,disableBlink:o=!1,recipe:s,recipeLabel:c,emotion:l=`neutral`,bodyEffects:u,tourVisualState:d,onTourEggClick:f,className:p}){let{stage:m}=e,h=e.state===`sleeping`?`idle`:i,g=(0,L.useMemo)(()=>m===`baby`||m===`adult`?Pr(e):null,[e,m]),_=h===`listening`,v=Ir[t];if(m===`egg`){let i=s?{dirty:!!(s.bodyEffects?.dirtMarks?.enabled||s.bodyEffects?.stinkClouds?.enabled),sick:!!s.eyes?.dizzySpirals,happy:h===`happy`&&!s.extras?.tears?.enabled}:void 0;return(0,R.jsxs)(`div`,{className:r(`relative`,v,p),children:[(0,R.jsx)(jr,{companion:e,size:t,animated:n,reaction:h,statusEffects:i,tourVisualState:d,onTourEggClick:f,className:`size-full`}),(0,R.jsx)(Nr,{active:_})]})}return m===`baby`&&g?(0,R.jsxs)(`div`,{className:r(`relative`,v,p),children:[(0,R.jsx)(Tn,{blobbi:g,reaction:h,lookMode:a,disableBlink:o,recipe:s,recipeLabel:c,emotion:l,bodyEffects:u,className:`size-full`}),(0,R.jsx)(Nr,{active:_})]}):m===`adult`&&g?(0,R.jsxs)(`div`,{className:r(`relative`,v,p),children:[(0,R.jsx)(nr,{blobbi:g,reaction:h,lookMode:a,disableBlink:o,recipe:s,recipeLabel:c,emotion:l,bodyEffects:u,className:`size-full`}),(0,R.jsx)(Nr,{active:_})]}):null}export{Sn as a,vt as c,Tn as i,lt as l,Fr as n,xn as o,nr as r,At as s,Lr as t};
// @license-end