.pinata-overlay{--pinata-size: 300px;--pinata-rope: clamp(24px, 15vh, 120px);--pinata-knob-shift: calc(var(--pinata-size) * -.06);--pinata-stick-reach: calc(var(--pinata-size) / 2 - 30px);position:fixed;inset:0;z-index:9998;overflow:hidden;pointer-events:none}.pinata-anchor{position:absolute;top:0;left:50%;transform:translate(-50%)}.pinata-drop{position:relative;z-index:1;animation:pinata-drop 1.2s cubic-bezier(.22,1,.36,1) .35s both}@keyframes pinata-drop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.pinata-retract{animation:pinata-retract 1.2s linear 3s both}@keyframes pinata-retract{0%{transform:translate(0);animation-timing-function:ease-out}15%{transform:translate(5px,18px);animation-timing-function:ease-in}to{transform:translate(-16px,-115%)}}.pinata-rope{position:relative;width:8px;height:var(--pinata-rope);margin:0 auto;background:linear-gradient(90deg,#7a4318,#a35c22 45%,#7a4318);transform:translate(var(--pinata-knob-shift))}.pinata-rope:after{content:"";position:absolute;top:100%;left:0;width:100%;height:var(--pinata-stick-reach);background:inherit}.pinata-pivot{transform-origin:calc(50% + var(--pinata-knob-shift)) top;animation:pinata-swing 3.4s ease-in-out infinite alternate both}@keyframes pinata-swing{0%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}.pinata-body{position:relative;display:block;width:var(--pinata-size);height:var(--pinata-size);padding:0;border:0;background:none;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.pinata-body:disabled{cursor:default;opacity:1}.pinata-body:focus-visible{outline:2px solid var(--color-border-focus, #1a73e8);outline-offset:4px;border-radius:8px}.pinata-shaker{position:relative;display:block;width:100%;height:100%}.pinata-shake{animation:pinata-shake .42s ease-in-out both}@keyframes pinata-shake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-9px) rotate(-6deg)}40%{transform:translate(8px) rotate(5deg)}60%{transform:translate(-6px) rotate(-4deg)}80%{transform:translate(4px) rotate(2deg)}}.pinata-image{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none}.pinata-image-hidden{visibility:hidden}.pinata-half{position:absolute;inset:0;width:100%;height:100%;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 0 1px rgb(0 0 0 / .35));transform-origin:calc(50% + var(--pinata-knob-shift)) var(--pinata-stick-reach)}.pinata-half-left{translate:-20px;clip-path:polygon(0% 0%,50% 0%,43% 13%,55% 27%,42% 42%,54% 58%,44% 74%,52% 88%,46% 100%,0% 100%);animation:pinata-break-left 1.1s cubic-bezier(.22,1,.36,1) both}.pinata-half-right{translate:20px;clip-path:polygon(50% 0%,100% 0%,100% 100%,46% 100%,52% 88%,44% 74%,54% 58%,42% 42%,55% 27%,43% 13%);animation:pinata-break-right 1.1s cubic-bezier(.22,1,.36,1) both}@keyframes pinata-break-left{0%{transform:rotate(0)}55%{transform:rotate(42deg)}to{transform:rotate(34deg)}}@keyframes pinata-break-right{0%{transform:rotate(0)}55%{transform:rotate(-42deg)}to{transform:rotate(-34deg)}}.pinata-reward{animation:pinata-reward-drop .9s cubic-bezier(.34,1.3,.64,1) .3s both}@keyframes pinata-reward-drop{0%{opacity:0;transform:translate(-50%,calc(-32px - var(--pinata-size) / 2)) rotate(-16deg) scale(.5)}30%{opacity:1}to{transform:translate(-50%) rotate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.pinata-drop,.pinata-retract,.pinata-pivot,.pinata-shake,.pinata-half-left,.pinata-half-right,.pinata-reward{animation-duration:.01ms;animation-iteration-count:1;animation-delay:0ms}}