.welcome-spin-overlay{position:fixed;inset:0;z-index:99999999;display:none;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at center,rgba(255,20,147,.25),transparent 44%),rgba(0,0,0,.88);backdrop-filter:blur(10px)}
.welcome-spin-overlay.show{display:flex}.welcome-spin-modal{position:relative;width:min(520px,96vw);padding:26px 20px 30px;border-radius:32px;text-align:center;background:linear-gradient(180deg,#210012,#000);border:2px solid rgba(255,94,179,.75);box-shadow:0 0 58px rgba(255,20,147,.45),inset 0 0 30px rgba(255,255,255,.05);overflow:hidden}
.welcome-spin-close{position:absolute;top:12px;right:16px;z-index:5;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#000;color:#fff;font-size:28px;cursor:pointer}.welcome-spin-logo{position:relative;z-index:2;width:88px;height:auto;filter:drop-shadow(0 0 18px rgba(255,20,147,.55))}
.welcome-spin-modal h2{position:relative;z-index:2;font-family:Georgia,serif;font-size:38px;text-transform:uppercase;margin:8px 0;color:#fff;text-shadow:0 0 18px rgba(255,20,147,.65)}.welcome-spin-modal p{position:relative;z-index:2;color:#ffb7dc;margin-bottom:18px}
.welcome-wheel-area{position:relative;z-index:2;width:320px;height:320px;margin:0 auto 22px}.welcome-pointer{position:absolute;top:-3px;left:50%;transform:translateX(-50%);z-index:5;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:38px solid #ff5eb3;filter:drop-shadow(0 0 10px rgba(255,20,147,.8))}
.welcome-wheel{position:absolute;inset:0;border-radius:50%;overflow:hidden;border:9px solid #ff5eb3;background:conic-gradient(#ff5eb3 0deg 45deg,#050005 45deg 90deg,#c21665 90deg 135deg,#161616 135deg 180deg,#ff8cc7 180deg 225deg,#090009 225deg 270deg,#ff5eb3 270deg 315deg,#050005 315deg 360deg);box-shadow:0 0 35px rgba(255,20,147,.55),inset 0 0 45px rgba(0,0,0,.75);transition:transform 4.2s cubic-bezier(.12,.78,.18,1)}
.welcome-wheel::before{content:"";position:absolute;inset:13px;border-radius:50%;border:2px dashed rgba(255,255,255,.3)}.wheel-center{position:absolute;z-index:4;top:50%;left:50%;width:82px;height:82px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 30% 25%,#fff,#ff8cc7 38%,#c21665 72%);border:4px solid #fff;display:flex;align-items:center;justify-content:center;font-size:34px;box-shadow:0 0 28px rgba(255,20,147,.8)}
.wheel-label{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-start;pointer-events:none}.wheel-label span{margin-top:34px;width:86px;color:#fff;font-size:11px;font-weight:900;text-transform:uppercase;text-align:center;text-shadow:0 2px 5px #000}.wl1{transform:rotate(22.5deg)}.wl2{transform:rotate(67.5deg)}.wl3{transform:rotate(112.5deg)}.wl4{transform:rotate(157.5deg)}.wl5{transform:rotate(202.5deg)}.wl6{transform:rotate(247.5deg)}.wl7{transform:rotate(292.5deg)}.wl8{transform:rotate(337.5deg)}
.wl1 span{transform:rotate(-22.5deg)}.wl2 span{transform:rotate(-67.5deg)}.wl3 span{transform:rotate(-112.5deg)}.wl4 span{transform:rotate(-157.5deg)}.wl5 span{transform:rotate(-202.5deg)}.wl6 span{transform:rotate(-247.5deg)}.wl7 span{transform:rotate(-292.5deg)}.wl8 span{transform:rotate(-337.5deg)}
.welcome-spin-btn,.welcome-spin-shop{position:relative;z-index:2;border:none;border-radius:16px;padding:15px 34px;background:linear-gradient(180deg,#ff5eb3,#c21665);color:#fff;font-weight:900;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:0 0 25px rgba(255,20,147,.28)}.welcome-spin-btn:disabled{opacity:.65;cursor:not-allowed}.welcome-spin-result{position:relative;z-index:2;min-height:34px;margin-top:16px;color:#fff;font-size:18px;font-weight:900;text-shadow:0 0 12px rgba(255,20,147,.55)}.welcome-spin-shop{display:none;margin-top:12px}
@media(max-width:480px){.welcome-wheel-area,.welcome-wheel{width:264px;height:264px}.wheel-label span{font-size:9px;width:68px}.wheel-center{width:68px;height:68px}.welcome-spin-modal h2{font-size:30px}}