.lucky-wheel{position:relative;width:500px;height:500px;margin:40px auto}@media(max-width:768px){.lucky-wheel{width:380px;height:380px}}@media(max-width:480px){.lucky-wheel{width:320px;height:320px}}.lucky-wheel__pointer{position:absolute;top:-30px;left:50%;transform:translate(-50%);z-index:4;filter:drop-shadow(0 6px 10px rgba(13,71,161,.35))}.lucky-wheel__disc{position:absolute;inset:0;transform-origin:center;transition:none}.lucky-wheel__disc svg{width:100%;height:100%;display:block}.lucky-wheel__disc.is-spinning{transition:transform 5s cubic-bezier(.17,.67,.16,.99)}.lucky-wheel__spin-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:78px;height:78px;border-radius:50%;border:none;padding:0;background:none;cursor:pointer;outline:none;transition:transform .2s}.lucky-wheel__spin-btn:hover:not(:disabled){transform:translate(-50%,-50%) scale(1.06)}.lucky-wheel__spin-btn:active:not(:disabled){transform:translate(-50%,-50%) scale(.94)}.lucky-wheel__spin-btn:disabled{cursor:not-allowed;opacity:.8}@media(max-width:768px){.lucky-wheel__spin-btn{width:62px;height:62px}}@media(max-width:480px){.lucky-wheel__spin-btn{width:54px;height:54px}}.lucky-wheel__spin-inner{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fc4e4e,#fc4e4e 60%,#fc4e4e);box-shadow:inset 0 -4px 8px #0d47a166,inset 0 3px 6px #ffffff80,0 0 0 5px #fff,0 0 0 7px #b3d4f5,0 8px 18px #0d47a166;position:relative;animation:wheel-btn-pulse 2s ease-in-out infinite}.lucky-wheel__spin-highlight{position:absolute;top:18%;left:22%;width:30%;height:22%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.8) 0%,transparent 70%);pointer-events:none}@keyframes wheel-btn-pulse{0%,to{box-shadow:inset 0 -4px 8px #0d47a166,inset 0 3px 6px #ffffff80,0 0 0 5px #fff,0 0 0 7px #b3d4f5,0 8px 18px #0d47a166}50%{box-shadow:inset 0 -4px 8px #0d47a166,inset 0 3px 6px #ffffff80,0 0 0 5px #fff,0 0 0 9px #64b5f6,0 12px 28px #1e88e599}}
