.confetti{position:absolute;z-index:8;inset:0;overflow:hidden;pointer-events:none}.confetti-piece{position:absolute;top:-12vh;width:10px;height:18px;border:2px solid var(--ink);animation:confetti-fall var(--fall) linear var(--delay) forwards;transform:translate3d(0,-20vh,0) rotate(0deg)}.confetti-piece.round{border-radius:50%;width:13px;height:13px}.confetti-piece.ribbon{width:7px;height:27px;border-radius:5px}@keyframes confetti-fall{0%{transform:translate3d(0,-15vh,0) rotate(0deg)}35%{transform:translate3d(var(--drift),35vh,0) rotate(360deg)}100%{transform:translate3d(var(--drift-end),115vh,0) rotate(920deg)}}.win-burst{position:absolute;z-index:1;left:50%;top:42%;width:20px;height:20px;border-radius:50%;border:7px solid var(--pink);opacity:0;animation:win-burst .8s ease-out .15s}@keyframes win-burst{0%{opacity:1;transform:translate(-50%,-50%) scale(.2)}100%{opacity:0;transform:translate(-50%,-50%) scale(18)}}.win>*:not(.confetti,.win-burst){position:relative;z-index:3}.win.active h1{animation:win-pop .65s cubic-bezier(.2,1.6,.4,1) both}@keyframes win-pop{from{opacity:0;transform:scale(.5) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}