.bud-container{width:200px;height:200px;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.bud-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1));animation:budFloat 6s ease-in-out infinite}.bud-image.hungry{animation:budHungryShake 2s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(0,0,0,.15)) saturate(.8)}@keyframes budFloat{0%{transform:translateY(0) rotate(-1deg)}12.5%{transform:translateY(-1px) rotate(-.75deg)}25%{transform:translateY(-2px) rotate(-.5deg)}37.5%{transform:translateY(-3px) rotate(-.25deg)}50%{transform:translateY(-4px) rotate(0deg)}62.5%{transform:translateY(-3px) rotate(.25deg)}75%{transform:translateY(-2px) rotate(.5deg)}87.5%{transform:translateY(-1px) rotate(.75deg)}to{transform:translateY(0) rotate(1deg)}}@keyframes budHungryShake{0%,to{transform:translateX(0) rotate(0deg)}25%{transform:translateX(-2px) rotate(-3deg)}75%{transform:translateX(2px) rotate(3deg)}}.sparkle-container{gap:12px;width:100%;padding:10px}.sparkle-button,.sparkle-container{display:flex;justify-content:center;align-items:center}.sparkle-button{--active:0;--transition:2.8s;--bg:radial-gradient(40% 50% at center 100%,hsl(210 calc(var(--active) * 100%) 65%/var(--active)),transparent),radial-gradient(80% 100% at center 120%,hsl(210 calc(var(--active) * 100%) 55%/var(--active)),transparent),hsl(215 100% calc((var(--active) * 15%) + 8%));background:var(--bg);font-size:.9rem;font-weight:600;border:0;cursor:pointer;padding:1.2em 0;flex:1;min-width:0;border-radius:4px;position:relative;transition:transform var(--transition) cubic-bezier(.1,1,.3,1),background .5s;overflow:visible}.sparkle-button:active{--active:1;transform:scale(.96);box-shadow:0 0 20px 2px #0055ff,0 0 40px 10px rgba(0,212,255,.7);transition:all .05s}.sparkle-button:not(:active){animation:watercolor-bleed var(--transition) cubic-bezier(.1,.5,.2,1) forwards}@keyframes watercolor-bleed{0%{box-shadow:0 0 20px 5px rgba(0,100,255,.8),0 0 40px 10px rgba(0,212,255,.6)}to{box-shadow:0 0 250px 100px rgba(0,100,255,0),0 0 450px 150px rgba(0,212,255,0)}}.spark{position:absolute;inset:0;border-radius:4px;overflow:hidden;mask:linear-gradient(white,transparent 50%);-webkit-mask:linear-gradient(white,transparent 50%);opacity:var(--active);transition:opacity .4s}.spark:before{content:"";position:absolute;width:200%;aspect-ratio:1;top:50%;left:50%;translate:-50% -50%;background:conic-gradient(from 0deg,transparent 0 160deg,#00d4ff 180deg,transparent 200deg);transform:rotate(0deg)}.backdrop{position:absolute;inset:1px;background:var(--bg);border-radius:3px;transition:background .5s}.sparkle-button:active .backdrop{background:hsl(215 100% 5%);transition:background .1s}.text{position:relative;z-index:2;background:linear-gradient(180deg,#fff,#7dd3fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;letter-spacing:1px}