:root{--game-viewport-height: 100dvh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;background:#11153a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}button{appearance:none;font:inherit;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pinata-game{position:fixed;inset:0;width:100vw;height:var(--game-viewport-height);overflow:hidden;background:radial-gradient(circle at 18% 16%,rgb(255 79 154 / 30%) 0 150px,transparent 151px),radial-gradient(circle at 82% 18%,rgb(0 194 255 / 28%) 0 170px,transparent 171px),radial-gradient(circle at 72% 84%,rgb(255 191 34 / 24%) 0 210px,transparent 211px),linear-gradient(135deg,#10152f,#30205d 48%,#062f3d);touch-action:none;-webkit-user-select:none;user-select:none}.pinata-game:before{position:absolute;inset:0;pointer-events:none;content:"";background-image:radial-gradient(circle,rgb(255 255 255 / 16%) 0 2px,transparent 3px),radial-gradient(circle,rgb(255 255 255 / 10%) 0 2px,transparent 3px);background-position:0 0,30px 36px;background-size:72px 72px;-webkit-mask-image:radial-gradient(circle,#000 0%,transparent 78%);mask-image:radial-gradient(circle,#000 0%,transparent 78%)}.party-layer{position:absolute;inset:0;pointer-events:none;z-index:3}.pinata-rig{--pinata-angle: 0deg;--pinata-x: 0px;--pinata-y: 0px;--pinata-squash: 1;position:absolute;top:0;left:50%;z-index:2;width:min(80vw,560px);height:min(calc(var(--game-viewport-height) * .86),760px);opacity:0;pointer-events:none;transform:translate(-50%);transform-origin:top center}.pinata-game.is-playing .pinata-rig{opacity:1;pointer-events:auto}.rope{--rope-angle: 0deg;--rope-length: 320px;--rope-stretch: 0;position:absolute;top:0;left:50%;width:calc(7px + var(--rope-stretch) * 5px);height:var(--rope-length);border-radius:999px;background:repeating-linear-gradient(180deg,#d8a15c 0 8px,#f0c781 8px 16px);box-shadow:0 8px 22px #0003;transform:translate(-50%) rotate(var(--rope-angle));transform-origin:top center}.pinata-button{position:absolute;top:clamp(310px,calc(var(--game-viewport-height) * .52),540px);left:50%;width:min(72vw,500px);padding:0;border:0;outline:none;background:transparent;cursor:pointer;transform:translate(calc(-50% + var(--pinata-x))) translateY(var(--pinata-y)) rotate(var(--pinata-angle)) scaleY(var(--pinata-squash));transform-origin:50% 0;transition:filter .12s ease;touch-action:none}.pinata-button:focus:not(:focus-visible){outline:none}.pinata-button:active{filter:brightness(1.08)}.pinata-button:focus-visible,.start-button:focus-visible{outline:8px solid #ffffff;outline-offset:8px}.pinata-svg{display:block;width:100%;height:auto;overflow:visible}.pinata-shadow{display:none}.harness path{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:9}.star-shell{fill:#ffbf22;stroke:#fff;stroke-linejoin:round;stroke-width:9}.star-band{fill:none;stroke-linecap:round;stroke-width:16}.star-band--top{stroke:#ff6fb5}.star-band--middle{stroke:#55d6ff}.star-band--bottom{stroke:#8be86b}.star-fringe{stroke:#fff;stroke-linejoin:round;stroke-width:7}.star-fringe--pink{fill:#ff6fb5}.star-fringe--cyan{fill:#55d6ff}.star-fringe--yellow{fill:#ffe45c}.star-eye{fill:#182038}.star-smile{fill:none;stroke:#182038;stroke-linecap:round;stroke-width:6}.candy-particle{position:absolute;top:0;left:0;display:grid;width:var(--particle-size);height:var(--particle-size);place-items:center;border-radius:8px;color:#fff;font-size:var(--particle-size);font-weight:900;line-height:1;text-shadow:0 8px 16px rgb(0 0 0 / 18%);will-change:transform,opacity}.candy-particle svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6}.candy-particle--sweet{padding:0;filter:drop-shadow(0 3px 0 rgb(255 255 255 / 82%)) drop-shadow(0 12px 18px rgb(0 0 0 / 22%))}.perf-low .candy-particle{text-shadow:none}.perf-low .candy-particle--sweet{filter:none}.candy-particle--pink{color:#ff8ac5}.candy-particle--blue{color:#62dcff}.candy-particle--green{color:#a8ff6b}.candy-particle--yellow{color:#ffe45c}.candy-particle--purple{color:#c7a3ff}.candy-particle--orange{color:#ffb347}.candy-particle--cyan{color:#3ff5e8}.start-button{position:absolute;top:50%;left:50%;z-index:4;min-width:min(76vw,520px);min-height:min(calc(var(--game-viewport-height) * .34),240px);padding:34px 52px;border:8px solid rgb(255 255 255 / 76%);border-radius:8px;color:#fff;background:radial-gradient(circle at 20% 24%,rgb(255 255 255 / 34%) 0 42px,transparent 43px),linear-gradient(135deg,#ff4f9a,#ffbf22 48%,#55d6ff);box-shadow:0 32px 80px #00000042,inset 0 -10px #0000001f;font-size:clamp(72px,16vw,176px);font-weight:1000;line-height:.9;letter-spacing:0;cursor:pointer;transform:translate(-50%,-50%) rotate(-3deg);transition:transform .16s ease,box-shadow .16s ease}.start-button:hover{transform:translate(-50%,-52%) rotate(2deg) scale(1.03)}.pinata-game.is-playing .start-button{display:none}@media(max-width:620px){.pinata-rig{width:96vw}.pinata-button{top:clamp(250px,calc(var(--game-viewport-height) * .48),390px);width:90vw}.start-button{min-width:82vw;min-height:190px}}