.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:#f4865c;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:16px;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;min-height:62px}.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:min(290px,80vw);aspect-ratio:1;margin:13px auto 21px;filter:drop-shadow(0 9px 12px #233a2c25)}.wheel{display:block;width:100%;height:100%;transform:rotate(0deg);transition:transform 2.7s cubic-bezier(.12,.73,.12,1);transform-origin:center}.wheel.spinning{transform:rotate(var(--landing));animation:wheel-glow .7s ease-in-out infinite alternate}.wheel.won{transform:rotate(var(--landing));filter:saturate(1.2) drop-shadow(0 0 10px #e7f08b)}
.wheel-rim{fill:#365d47}.wheel-wedge{stroke:#faf9f4;stroke-width:2}.wheel text{font:bold 11px Arial,Helvetica,sans-serif;letter-spacing:1px;fill:#233a2c;paint-order:stroke;stroke:#faf9f470;stroke-width:1px}.wheel-hub{fill:#365d47}.wheel-spark{fill:#e7f08b}
.wheel-pin{position:absolute;top:-13px;left:50%;translate:-50% 0;color:#f4865c;font-size:34px;font-style:normal;z-index:2;text-shadow:0 2px #faf9f4}
.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 1.1s ease-out forwards}@keyframes confetti{to{transform:translate(var(--x),var(--y)) rotate(720deg);opacity:0}}@keyframes wheel-glow{from{filter:saturate(1.1) drop-shadow(0 0 3px #f4865c)}to{filter:saturate(1.4) drop-shadow(0 0 18px #e7f08b)}}
@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:min(274px,80vw)}}
@media(prefers-reduced-motion:reduce){.wheel{transition-duration:.01s}.wheel.spinning{animation:none}.confetti{animation:none;display:none}}