.puko-plinko{width:100%;max-width:300px;margin:0 auto 10px;text-align:center}.puko-plinko-header{margin-bottom:6px}.puko-plinko-title{font-size:18px;font-weight:700;margin:0 0 2px}.puko-plinko-subtitle{font-size:12px;opacity:.75;margin:0}.puko-plinko-board-wrap{position:relative;width:100%;max-width:300px;margin:0 auto}.puko-plinko-board{display:block;width:100%;height:auto;aspect-ratio:300 / 230}.puko-plinko-peg{fill:currentColor;opacity:.35}.puko-plinko-ball-wrap{position:absolute;left:50%;top:4.35%;margin-left:-8px;margin-top:-8px;width:16px;height:16px;will-change:transform;pointer-events:none;z-index:2}.puko-plinko-ball-core{display:block!important;width:100%;height:100%;border-radius:50%;background:#1e5e0b;box-shadow:0 3px 4px #00000059}.puko-plinko-ball-wrap.is-landed .puko-plinko-ball-core{animation:puko-plinko-squash .28s ease-out}@keyframes puko-plinko-squash{0%{transform:scale(1)}40%{transform:scale(1.35,.6)}70%{transform:scale(.9,1.15)}to{transform:scale(1)}}.puko-plinko-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:4px}.puko-plinko-slot{position:relative;height:40px;border-radius:6px;background:#0000000f;display:flex;align-items:center;justify-content:center;overflow:hidden}.puko-plinko-slot-face{font-size:14px;font-weight:700;opacity:.8}.puko-plinko-slot.is-hit{background:#ff5a5f29;box-shadow:0 0 0 2px #ff5a5f,0 0 14px #ff5a5f8c}.puko-plinko-slot.is-hit .puko-plinko-slot-face{color:#ff5a5f;font-weight:800;opacity:1;animation:puko-plinko-slot-pop .4s ease-out}@keyframes puko-plinko-slot-pop{0%{transform:scale(1)}45%{transform:scale(1.35)}to{transform:scale(1)}}.puko-plinko-drop-btn{display:inline-block;margin-top:10px;padding:10px 34px;border:none;border-radius:24px;background:#232323;color:#fff;font-size:14px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:opacity .25s ease,transform .15s ease}.puko-plinko-drop-btn:hover{transform:translateY(-1px)}.puko-plinko-drop-btn.is-dropping{opacity:0;pointer-events:none}.puko-plinko-confetti{position:absolute;top:78%;left:50%;width:0;height:0;pointer-events:none;overflow:visible}.puko-plinko-confetti-piece{display:block!important;position:absolute;top:0;left:0;width:6px;height:10px;background:#ff5a5f;opacity:0;transform:translate(-50%,-50%) rotate(0) scale(0)}.puko-plinko-confetti-piece.is-active{animation:puko-plinko-confetti-burst .9s ease-out forwards}@keyframes puko-plinko-confetti-burst{0%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--puko-cx, 0px)),calc(-50% + var(--puko-cy, 0px))) rotate(var(--puko-cr, 180deg)) scale(.4)}}.puko-plinko-claim{transition:opacity .3s ease}.puko-plinko-claim.puko-plinko-hidden,.puko-plinko.puko-plinko-hidden,[data-puko-plinko-game-panel].puko-plinko-hidden{display:none}@media(prefers-reduced-motion:reduce){.puko-plinko-ball-wrap,.puko-plinko-ball-core,.puko-plinko-slot-face,.puko-plinko-claim,.puko-plinko-confetti-piece{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/puko-plinko-game.css.map */