.reward-wheel{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:32px;margin:16px 0 32px;border-radius:28px;background:var(--wheel-bg,#eef9ff);background-size:cover;background-position:center;border:1px solid #b9e2f5;color:#183e65}.wheel-eyebrow,.wheel-month{font-size:12px;font-weight:800;letter-spacing:1px;color:#187aab}.wheel-copy h3{font-size:30px;margin:8px 0}.wheel-copy p,.wheel-action p{line-height:1.6}.wheel-frame{width:min(340px,100%);aspect-ratio:1;position:relative;margin:28px auto 10px}.wheel-disc{position:absolute;inset:0;border:9px solid #fff;border-radius:50%;box-shadow:0 0 0 7px var(--wheel-accent,#0876b4),0 0 0 13px #fddf78,0 18px 35px #12668d33;transition:transform 3.5s cubic-bezier(.12,.6,.12,1)}.wheel-label{position:absolute;left:50%;top:50%;width:90px;text-align:center;font-weight:800;font-size:13px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-112px) rotate(calc(-1 * var(--angle)))}.wheel-pointer{position:absolute;top:-9px;left:calc(50% - 13px);z-index:3;border-left:13px solid transparent;border-right:13px solid transparent;border-top:28px solid var(--wheel-accent,#0876b4);filter:drop-shadow(0 3px 2px #004b7733)}.wheel-bear{position:absolute;inset:37%;border-radius:50%;background:#fff;box-shadow:0 3px 10px #125b8033;display:grid;place-items:center}.wheel-bear img{width:95%;height:95%;object-fit:contain}.wheel-action{align-self:center}.wheel-action h4{font-size:24px;margin:14px 0}.wheel-action button{margin:8px 8px 8px 0}.wheel-action details{margin-top:20px;font-size:14px;line-height:1.7}.wheel-action summary{cursor:pointer;font-weight:800}.wheel-action ul{padding-left:20px}.wheel-error{color:#aa2742}.wheel-spin:disabled{opacity:.55;cursor:not-allowed}@media(max-width:700px){.reward-wheel{grid-template-columns:1fr;padding:22px;gap:12px}.wheel-copy{text-align:center}.wheel-action h4{font-size:21px}.wheel-frame{width:290px;max-width:100%}.wheel-label{font-size:11px;width:75px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-95px) rotate(calc(-1 * var(--angle)))}}@media(prefers-reduced-motion:reduce){.wheel-disc{transition:none}}

.wheel-label{color:#17354e;text-shadow:0 1px 0 #ffffff80;line-height:1.25}.wheel-label img{display:block;width:30px;height:30px;object-fit:contain;margin:0 auto 3px}.wheel-bear{border:4px solid #fff3a8}.wheel-action{padding:24px;border-radius:24px;background:#ffffffdd;box-shadow:0 10px 24px #0876b40a}.wheel-eyebrow{background:#fff;padding:7px 12px;border-radius:20px;display:inline-block}.wheel-copy h3{color:var(--wheel-accent,#0876b4)}.wheel-month{background:#fff3bd;padding:8px 12px;border-radius:12px}.wheel-frame:before{content:"✦";position:absolute;left:-10px;top:12px;font-size:34px;color:#f8b733;transform:rotate(-15deg)}.wheel-frame:after{content:"✿";position:absolute;right:-8px;bottom:-5px;font-size:40px;color:#f78cac}.wheel-spin{background:var(--wheel-accent,#0876b4)!important;box-shadow:0 5px 0 #17354e24}.wheel-action details{font-size:13px}@media(max-width:700px){.wheel-action{padding:18px}.wheel-frame{width:min(290px,calc(100% - 14px))}.wheel-label{width:65px;font-size:10px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-87px) rotate(calc(-1 * var(--angle)))}.wheel-label img{width:24px;height:24px}}