:root{font-family:Inter,ui-rounded,SF Pro Rounded,Helvetica Neue,Arial,sans-serif;color:#34243d;background-color:#fff3cf;color-scheme:light;--sky-top: #fff3cf;--sky-bottom: #ffd6c4;--sun: #ffd961;--ink: #41273f;--rope: #9d653b;--rope-light: #d99558;--ground: #ef967f;--shadow: #b86171;--surface: #fffaf0;--surface-pressed: #fff0c7;--focus: #197a79;--gift: #fb4c76;--gift-light: #ffd4df;--particle-0: #ff4f77;--particle-1: #ffbd2e;--particle-2: #35b6ae;--particle-3: #7559d9;--particle-4: #f06f35;--particle-5: #72bd4b;--star-a: #f34c72;--star-b: #ffbd2e;--star-c: #36b5ad;--star-d: #7658d6;--donkey-a: #7658d6;--donkey-b: #f34c72;--donkey-c: #ffbd2e;--donkey-d: #36b5ad;--sphere-a: #36b5ad;--sphere-b: #ffbd2e;--sphere-c: #f34c72;--sphere-d: #7658d6;--cactus-a: #69b94b;--cactus-b: #ffbd2e;--cactus-c: #f34c72;--cactus-d: #36b5ad;--crack: #5a263f}@media(prefers-color-scheme:dark){:root{color:#fff8ea;background-color:#281d3b;color-scheme:dark;--sky-top: #281d3b;--sky-bottom: #4e2744;--sun: #a35b62;--ink: #27192d;--rope: #c38855;--rope-light: #f0b476;--ground: #70384f;--shadow: #381f3f;--surface: #fff3d4;--surface-pressed: #ffd891;--focus: #72ded6;--gift: #ff7193;--gift-light: #59263d;--particle-0: #ff7193;--particle-1: #ffd45b;--particle-2: #5cd7ce;--particle-3: #a68df5;--particle-4: #ff9966;--particle-5: #96d971;--star-a: #ff668c;--star-b: #ffd45b;--star-c: #5cd7ce;--star-d: #9c82ef;--donkey-a: #9c82ef;--donkey-b: #ff668c;--donkey-c: #ffd45b;--donkey-d: #5cd7ce;--sphere-a: #5cd7ce;--sphere-b: #ffd45b;--sphere-c: #ff668c;--sphere-d: #9c82ef;--cactus-a: #8fd269;--cactus-b: #ffd45b;--cactus-c: #ff668c;--cactus-d: #5cd7ce;--crack: #3c1630}}*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden;overscroll-behavior:none}button{font:inherit}.app{position:relative;isolation:isolate;width:100%;min-width:0;height:100vh;min-height:520px;overflow:hidden;background:radial-gradient(circle at 50% 13%,color-mix(in srgb,var(--sun) 38%,transparent) 0 22%,transparent 48%),linear-gradient(180deg,var(--sky-top) 0%,var(--sky-bottom) 74%,var(--ground) 100%);touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}@supports (height: 100dvh){.app{height:100dvh}}.sun-glow{position:absolute;top:11%;left:50%;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--sun) 52%,transparent),transparent 68%);transform:translate(-50%);pointer-events:none}.bunting{position:absolute;z-index:0;top:72px;display:flex;gap:3px;width:120px;height:55px;border-top:3px solid var(--rope);transform-origin:top center;pointer-events:none}.bunting-left{left:-12px;transform:rotate(8deg)}.bunting-right{right:-12px;justify-content:flex-end;transform:rotate(-8deg)}.bunting i{width:23px;height:31px;margin-top:-1px;background:var(--particle-0);clip-path:polygon(0 0,100% 0,50% 100%)}.bunting i:nth-child(2){background:var(--particle-1)}.bunting i:nth-child(3){background:var(--particle-2)}.bunting i:nth-child(4){background:var(--particle-3)}.ground-shadow{position:absolute;z-index:0;left:50%;bottom:104px;width:230px;height:35px;border-radius:50%;background:color-mix(in srgb,var(--shadow) 45%,transparent);filter:blur(5px);transform:translate(-50%);pointer-events:none}.play-stage{position:relative;z-index:1;width:min(100%,430px);height:100%;min-height:520px;margin:0 auto}.rope{position:absolute;z-index:0;top:-12px;left:50%;width:10px;height:174px;border-radius:0 0 9px 9px;background:var(--rope);box-shadow:0 2px 0 var(--ink);transform:translate(-50%);pointer-events:none}.rope-fiber{position:absolute;top:0;width:2px;height:100%;border-radius:2px;background:var(--rope-light);transform:rotate(1deg)}.rope-fiber-a{left:2px}.rope-fiber-b{right:2px;transform:rotate(-1deg)}.swing{position:absolute;z-index:2;top:118px;left:50%;width:330px;height:430px;transform-origin:50% 2%;animation:gentle-swing 3.6s ease-in-out infinite alternate}.pinata-button{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;appearance:none;border:0;outline:0;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation}.pinata-button:disabled{cursor:default}.pinata-button:before{content:"";position:absolute;inset:8px 14px 12px;border:3px solid transparent;border-radius:48%;pointer-events:none;transition:border-color .12s ease,background-color .12s ease}.pinata-button:focus-visible:before{border-color:var(--focus);background:color-mix(in srgb,var(--surface) 18%,transparent)}.pinata-button:active:not(:disabled):before{background:color-mix(in srgb,var(--surface-pressed) 28%,transparent)}.pinata-shell{position:absolute;top:11px;left:50%;display:block;width:285px;height:356px;transform:translate(-50%);transform-origin:50% 7%;filter:drop-shadow(0 16px 12px color-mix(in srgb,var(--shadow) 34%,transparent));will-change:transform,opacity}.pinata-button:active:not(:disabled) .pinata-shell{filter:brightness(1.08) drop-shadow(0 10px 8px color-mix(in srgb,var(--shadow) 36%,transparent))}.knot{position:absolute;z-index:3;top:-4px;left:50%;width:28px;height:19px;border:3px solid var(--ink);border-radius:58% 42% 55% 45%;background:var(--rope);transform:translate(-50%) rotate(-4deg)}.hanger{position:absolute;z-index:0;top:8px;left:50%;width:7px;height:70px;border:2px solid var(--ink);border-radius:5px;background:var(--rope);transform:translate(-50%)}.pinata-figure{position:absolute;top:10px;left:50%;width:270px;height:304px;overflow:visible;transform:translate(-50%)}.style-star{--pinata-a: var(--star-a);--pinata-b: var(--star-b);--pinata-c: var(--star-c);--pinata-d: var(--star-d)}.style-donkey{--pinata-a: var(--donkey-a);--pinata-b: var(--donkey-b);--pinata-c: var(--donkey-c);--pinata-d: var(--donkey-d)}.style-sphere{--pinata-a: var(--sphere-a);--pinata-b: var(--sphere-b);--pinata-c: var(--sphere-c);--pinata-d: var(--sphere-d)}.style-cactus{--pinata-a: var(--cactus-a);--pinata-b: var(--cactus-b);--pinata-c: var(--cactus-c);--pinata-d: var(--cactus-d)}.shape-base{fill:var(--pinata-a);stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.shape-head,.shape-ear,.shape-leg{stroke-width:4}.paper-band{fill:var(--pinata-b);stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5}.paper-band-b{fill:var(--pinata-c)}.paper-band-c{fill:var(--pinata-d)}.center-patch{fill:var(--pinata-d);stroke:var(--ink);stroke-width:3}.fringe-lines{fill:none;stroke:color-mix(in srgb,var(--ink) 55%,transparent);stroke-linecap:round;stroke-width:2}.tassel{fill:var(--pinata-c);stroke:var(--ink);stroke-linejoin:round;stroke-width:3}.donkey-tail{fill:var(--pinata-b)}.donkey-eye{fill:var(--ink)}.sphere-tassel{fill:var(--pinata-d)}.cactus-flower{fill:var(--pinata-c)}.damage-marks{pointer-events:none}.crack,.dent,.paper-flap{opacity:0;transition:opacity 115ms linear}.crack{fill:none;stroke:var(--crack);stroke-linecap:round;stroke-linejoin:round;stroke-width:5}.dent{fill:color-mix(in srgb,var(--crack) 18%,transparent);stroke:color-mix(in srgb,var(--crack) 70%,transparent);stroke-width:2;transform-origin:center}.paper-flap{fill:var(--surface);stroke:var(--crack);stroke-linejoin:round;stroke-width:2.5}.pinata-figure:not([data-damage="0"]) .crack-1,.pinata-figure[data-damage="2"] .crack-2,.pinata-figure[data-damage="3"] .crack-2,.pinata-figure[data-damage="4"] .crack-2,.pinata-figure[data-damage="5"] .crack-2,.pinata-figure[data-damage="6"] .crack-2,.pinata-figure[data-damage="3"] .crack-3,.pinata-figure[data-damage="4"] .crack-3,.pinata-figure[data-damage="5"] .crack-3,.pinata-figure[data-damage="6"] .crack-3,.pinata-figure[data-damage="4"] .crack-4,.pinata-figure[data-damage="5"] .crack-4,.pinata-figure[data-damage="6"] .crack-4,.pinata-figure[data-damage="5"] .crack-5,.pinata-figure[data-damage="6"] .crack-5{opacity:1}.pinata-figure[data-damage="2"] .dent-1,.pinata-figure[data-damage="3"] .dent-1,.pinata-figure[data-damage="4"] .dent-1,.pinata-figure[data-damage="5"] .dent-1,.pinata-figure[data-damage="6"] .dent-1,.pinata-figure[data-damage="4"] .dent-2,.pinata-figure[data-damage="5"] .dent-2,.pinata-figure[data-damage="6"] .dent-2,.pinata-figure[data-damage="3"] .paper-flap-1,.pinata-figure[data-damage="4"] .paper-flap-1,.pinata-figure[data-damage="5"] .paper-flap-1,.pinata-figure[data-damage="6"] .paper-flap-1,.pinata-figure[data-damage="5"] .paper-flap-2,.pinata-figure[data-damage="6"] .paper-flap-2{opacity:1}.pinata-figure[data-damage="3"] .paper-flap-1,.pinata-figure[data-damage="4"] .paper-flap-1,.pinata-figure[data-damage="5"] .paper-flap-1,.pinata-figure[data-damage="6"] .paper-flap-1{transform:rotate(9deg);transform-origin:137px 132px}.pinata-figure[data-damage="5"] .paper-flap-2,.pinata-figure[data-damage="6"] .paper-flap-2{transform:rotate(-11deg);transform-origin:93px 158px}.hit-left{animation:whack-left .39s cubic-bezier(.2,.85,.35,1)}.hit-right{animation:whack-right .39s cubic-bezier(.2,.85,.35,1)}.phase-bursting .pinata-shell{animation:burst-pop .6s cubic-bezier(.1,.8,.2,1) forwards}.phase-dropping .pinata-shell{animation:next-drop .54s cubic-bezier(.16,.86,.3,1) both}.gift-tag{position:absolute;z-index:5;top:72px;right:39px;width:43px;height:52px;border:3px solid var(--ink);border-radius:7px 7px 13px 13px;background:var(--gift-light);transform:rotate(9deg);box-shadow:0 5px color-mix(in srgb,var(--ink) 20%,transparent)}.gift-tag:before{content:"";position:absolute;top:-13px;left:50%;width:14px;height:14px;border:3px solid var(--ink);border-radius:50%;background:var(--surface);transform:translate(-50%)}.gift-tag-heart,.gift-tag-heart:before,.gift-tag-heart:after{position:absolute;display:block;width:16px;height:16px;background:var(--gift)}.gift-tag-heart{top:19px;left:12px;transform:rotate(45deg)}.gift-tag-heart:before,.gift-tag-heart:after{content:"";border-radius:50%}.gift-tag-heart:before{left:-8px}.gift-tag-heart:after{top:-8px}.party-rain{position:absolute;z-index:6;inset:0;overflow:hidden;pointer-events:none}.candy,.confetti{position:absolute;top:35%;left:50%;display:block;opacity:0;background:var(--particle-0);transform-origin:center;animation:candy-rain var(--particle-duration) cubic-bezier(.18,.7,.25,1) var(--particle-delay) both}.candy{width:18px;height:12px;border:2px solid var(--ink);border-radius:5px;box-shadow:inset 0 -3px color-mix(in srgb,var(--ink) 14%,transparent)}.candy:before,.candy:after{content:"";position:absolute;top:1px;width:8px;height:8px;border:2px solid var(--ink);background:inherit;transform:rotate(45deg)}.candy:before{left:-7px}.candy:after{right:-7px}.candy-kind-1{width:16px;height:16px;border-radius:50%}.candy-kind-1:before,.candy-kind-1:after{display:none}.candy-kind-2{width:20px;height:11px;border-radius:50%}.confetti{width:8px;height:20px;border-radius:3px}.particle-color-0{background:var(--particle-0)}.particle-color-1{background:var(--particle-1)}.particle-color-2{background:var(--particle-2)}.particle-color-3{background:var(--particle-3)}.particle-color-4{background:var(--particle-4)}.particle-color-5{background:var(--particle-5)}.after-value{position:absolute;z-index:9;right:max(18px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;pointer-events:none}.burst-counter{display:flex;align-items:center;justify-content:center;min-width:52px;height:52px;padding:0 13px;border:1px solid color-mix(in srgb,var(--ink) 22%,transparent);border-radius:26px;background:color-mix(in srgb,var(--surface) 84%,transparent);color:var(--ink);font-size:17px;font-weight:700;line-height:24px;box-shadow:0 8px 20px color-mix(in srgb,var(--shadow) 20%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.counter-candy{width:13px;height:13px;margin-right:7px;border:2px solid var(--ink);border-radius:50%;background:var(--particle-1)}.gift-button{display:grid;width:52px;height:52px;padding:10px;place-items:center;appearance:none;border:1px solid color-mix(in srgb,var(--ink) 26%,transparent);border-radius:50%;outline:0;background:var(--surface);color:var(--gift);box-shadow:0 8px 20px color-mix(in srgb,var(--shadow) 24%,transparent);cursor:pointer;pointer-events:auto;transition:transform .11s ease,background-color .11s ease,box-shadow .11s ease}.gift-button svg{width:30px;height:30px;fill:currentColor;stroke:var(--ink);stroke-linejoin:round;stroke-width:1.5}.gift-button:active{background:var(--surface-pressed);box-shadow:0 3px 10px color-mix(in srgb,var(--shadow) 18%,transparent);transform:scale(.92)}.gift-button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@keyframes gentle-swing{0%{transform:translate(-50%) rotate(-3.2deg)}to{transform:translate(-50%) rotate(3.2deg)}}@keyframes whack-left{0%{transform:translate(-50%) rotate(0) scale(1)}22%{transform:translate(-50%) rotate(-14deg) scale(.96,1.03)}62%{transform:translate(-50%) rotate(7deg) scale(1.02,.98)}to{transform:translate(-50%) rotate(0) scale(1)}}@keyframes whack-right{0%{transform:translate(-50%) rotate(0) scale(1)}22%{transform:translate(-50%) rotate(14deg) scale(.96,1.03)}62%{transform:translate(-50%) rotate(-7deg) scale(1.02,.98)}to{transform:translate(-50%) rotate(0) scale(1)}}@keyframes burst-pop{0%{opacity:1;transform:translate(-50%) scale(1)}34%{opacity:1;transform:translate(-50%) scale(1.16,.88) rotate(7deg)}72%{opacity:.45;transform:translate(-50%) scale(.74,1.22) rotate(-9deg)}to{opacity:0;transform:translate(-50%) scale(.15) rotate(16deg)}}@keyframes next-drop{0%{opacity:0;transform:translate(-50%) translateY(-165px) scale(.82)}68%{opacity:1;transform:translate(-50%) translateY(16px) scale(1.04,.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes candy-rain{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0)}8%{opacity:1}to{opacity:1;transform:translate(var(--travel-x),var(--travel-y)) scale(1) rotate(var(--turn))}}@keyframes damage-fade{0%{opacity:.8;transform:translate(-50%) scale(.97)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes burst-fade{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}@keyframes next-fade{0%{opacity:0;transform:translate(-50%)}to{opacity:1;transform:translate(-50%)}}@keyframes candy-settle{0%{opacity:0;transform:translate(-50%,-50%) scale(.8) rotate(0)}28%{opacity:1}to{opacity:.9;transform:translate(var(--settle-x),var(--settle-y)) scale(1) rotate(var(--turn))}}@media(max-height:680px)and (orientation:portrait){.swing{top:84px;transform:translate(-50%) scale(.84);transform-origin:50% 0}.rope{height:124px}.ground-shadow{bottom:72px}@keyframes gentle-swing{0%{transform:translate(-50%) scale(.84) rotate(-3deg)}to{transform:translate(-50%) scale(.84) rotate(3deg)}}}@media(orientation:landscape)and (min-width:568px)and (max-height:500px)and (min-aspect-ratio:7/5)and (max-aspect-ratio:3/1){.app,.play-stage{min-height:300px}.bunting{top:34px}.rope{height:82px}.swing{top:45px;transform:translate(-50%) scale(.68);transform-origin:50% 0}.ground-shadow{bottom:30px;transform:translate(-50%) scale(.72)}.after-value{bottom:max(12px,env(safe-area-inset-bottom))}@keyframes gentle-swing{0%{transform:translate(-50%) scale(.68) rotate(-3deg)}to{transform:translate(-50%) scale(.68) rotate(3deg)}}}@media(prefers-reduced-motion:reduce){.swing{animation-duration:.01ms;animation-iteration-count:1}.hit-left,.hit-right{animation:damage-fade .14s linear}.phase-bursting .pinata-shell{animation:burst-fade .22s linear forwards}.phase-dropping .pinata-shell{animation:next-fade .24s linear both}.candy,.confetti{animation-name:candy-settle;animation-duration:.43s;animation-delay:0ms}.pinata-button:before,.gift-button{transition-duration:.01ms}}