.wheel-popup-478{color:#fff;background:linear-gradient(125deg,#24134b,#5c258e 60%,#8b237b);border:3px solid #edb941;border-radius:26px;width:min(870px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:42px;overflow:auto;box-sizing:border-box;box-shadow:0 24px 90px #0005}
.wheel-popup-478::backdrop{background:#160d2db3;backdrop-filter:blur(3px)}
.wheel-popup-478__layout{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;align-items:center}
.wheel-popup-478__close{position:absolute;right:10px;top:8px;border:0;border-radius:50%;width:44px;height:44px;background:#ffffff18;color:#fff;font-size:30px;cursor:pointer;line-height:1}
.wheel-popup-478__badge{display:inline-block;background:#ffcf54;color:#251440;border-radius:40px;padding:8px 13px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wheel-popup-478 h2{color:#fff;font-size:clamp(30px,4vw,44px);line-height:1.08;margin:20px 0 16px;letter-spacing:-.02em}
.wheel-popup-478 p{color:#fff;line-height:1.5;margin:0 0 18px;font-size:16px}
.wheel-popup-478__primary{display:block;text-align:center;background:#ffcf54;color:#251440;border:2px solid #fff;border-radius:40px;padding:14px 20px;font-size:18px;font-weight:800;text-decoration:none;box-shadow:0 4px 0 #ae781b}
.wheel-popup-478__primary:hover{background:#ffe294;color:#251440}
.wheel-popup-478__secondary{display:block;margin:18px 0 10px;color:#fff;text-align:center;font-size:15px;text-underline-offset:4px;font-weight:600;line-height:1.5;padding:6px 0}
.wheel-popup-478 p.wheel-popup-478__hint{font-size:12px;opacity:.9;text-align:center;margin-bottom:18px}
.wheel-popup-478 p.wheel-popup-478__terms{font-size:12px;margin:20px 0 4px;opacity:.9}
.wheel-popup-478__later{display:block;margin:4px auto 0;padding:10px 16px;background:transparent;border:0;text-decoration:underline;text-underline-offset:3px;color:#fff;cursor:pointer;font:inherit;font-size:13px;min-height:44px}
.wheel-popup-478 :focus-visible{outline:3px solid #48d5df;outline-offset:4px}
.wheel-popup-478__stage{position:relative;aspect-ratio:1;width:100%;max-width:310px;margin:20px auto}
.wheel-popup-478__stage:before{content:'';position:absolute;z-index:2;left:50%;top:-13px;transform:translateX(-50%);border-left:15px solid transparent;border-right:15px solid transparent;border-top:28px solid #fff;filter:drop-shadow(0 2px 2px #0006)}
.wheel-popup-478__disc{position:absolute;inset:0;border:8px solid #ffda76;border-radius:50%;background:conic-gradient(#fbd34d 0deg 72deg,#48d5df 72deg 144deg,#f58bc0 144deg 216deg,#bc9bfa 216deg 288deg,#fbad64 288deg 360deg);box-shadow:0 0 0 5px #fff3,0 10px 28px #0004}
.wheel-popup-478__disc>span{position:absolute;top:50%;left:50%;width:64px;margin-left:-32px;margin-top:-20px;transform:rotate(var(--wheel-angle)) translateY(-96px) rotate(calc(-1 * var(--wheel-angle)));text-align:center;color:#23163d;font-size:25px;font-weight:800;line-height:1.1}
.wheel-popup-478__disc small{display:block;font-size:9px;letter-spacing:.1em}
.wheel-popup-478__center{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:50%;width:86px;height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;color:#3f2067;font-size:30px;font-weight:800;border:5px solid #efd291;line-height:1.1}
.wheel-popup-478__center small{font-size:8px;letter-spacing:.08em}
@media(max-width:650px){.wheel-popup-478{padding:36px 22px 16px}.wheel-popup-478__layout{grid-template-columns:1fr;gap:0}.wheel-popup-478__copy{text-align:center}.wheel-popup-478__stage{grid-row:1;width:170px;margin:0 auto 20px}.wheel-popup-478__disc{border-width:5px}.wheel-popup-478__disc>span{transform:rotate(var(--wheel-angle)) translateY(-52px) rotate(calc(-1 * var(--wheel-angle)));font-size:16px;margin-top:-14px}.wheel-popup-478__disc small{font-size:7px}.wheel-popup-478__center{width:54px;height:54px;border-width:3px;font-size:22px}.wheel-popup-478__center small{font-size:6px}.wheel-popup-478__stage:before{border-left-width:10px;border-right-width:10px;border-top-width:20px;top:-9px}.wheel-popup-478 h2{margin:16px 0 12px}.wheel-popup-478 p{font-size:15px}.wheel-popup-478 p.wheel-popup-478__terms{font-size:11px;margin-top:14px}}
