.spin-launch{position:fixed;right:22px;bottom:22px;z-index:8;border:1px solid #b9c4b2;border-radius:999px;background:#faf9f4eF;color:#233a2c;box-shadow:0 7px 24px #233a2c20;padding:11px 16px;font-weight:bold;font-size:12px;backdrop-filter:blur(10px)}.spin-launch span{color:#ed8057;font-size:16px;margin-right:5px}.spin-launch:hover{background:#e7f08b;border-color:#e7f08b}.spin-launch.spin-done{opacity:.74;font-weight:normal}.spin-modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:#17322288;backdrop-filter:blur(5px)}.spin-modal[hidden]{display:none}.spin-card{position:relative;width:min(440px,100%);overflow:hidden;border-radius:12px;padding:35px 34px 28px;background:#faf9f4;color:#233a2c;text-align:center;box-shadow:0 24px 70px #13271966}.spin-card h2{font:normal 43px/1 Georgia,serif;letter-spacing:-1.8px;margin:0 0 12px}.spin-copy{font-size:13px;color:#586450;max-width:300px;margin:0 auto 19px}.spin-close{position:absolute;right:13px;top:12px;border:0;border-radius:50%;background:#ecede5;color:#233a2c;width:35px;height:35px;font-size:25px;line-height:1}.wheel-wrap{position:relative;width:242px;height:242px;margin:13px auto 21px}.wheel{width:100%;height:100%;border-radius:50%;border:7px solid #365d47;background:conic-gradient(#e7f08b 0 60deg,#f4865c 60deg 120deg,#faf9f4 120deg 180deg,#9fc2a0 180deg 240deg,#f6ca63 240deg 300deg,#e6eadb 300deg);box-shadow:inset 0 0 0 3px #faf9f4,0 7px 18px #233a2c1f;transition:transform 1.55s cubic-bezier(.08,.8,.17,1)}.wheel.spinning{transform:rotate(1560deg)}.wheel.won{filter:saturate(1.15)}.wheel span{position:absolute;width:74px;transform:translate(-50%,-50%);font-size:8px;font-weight:bold;letter-spacing:.3px;line-height:1.05;text-align:center;white-space:normal}.wheel span:nth-child(1){left:50%;top:16%}.wheel span:nth-child(2){left:79%;top:33%}.wheel span:nth-child(3){left:79%;top:67%}.wheel span:nth-child(4){left:50%;top:84%}.wheel span:nth-child(5){left:21%;top:67%}.wheel span:nth-child(6){left:21%;top:33%}.wheel-pin{position:absolute;top:-12px;left:50%;translate:-50% 0;color:#f4865c;font-size:29px;font-style:normal;z-index:2;text-shadow:0 1px #fff}.spin-button{min-width:205px}.spin-note{margin:12px 0 0}.confetti{position:absolute;left:50%;top:54%;width:8px;height:12px;border-radius:1px;pointer-events:none;animation:confetti .9s ease-out forwards}@keyframes confetti{to{transform:translate(var(--x),var(--y)) rotate(720deg);opacity:0}}@media(max-width:700px){.spin-launch{right:13px;bottom:82px;padding:9px 13px;font-size:11px}.spin-card{padding:31px 20px 22px}.spin-card h2{font-size:37px}.wheel-wrap{width:220px;height:220px}}