.fundo-roleta{position:fixed;inset:0;z-index:30;background:#190921c9;backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.28s}.fundo-roleta.visivel{opacity:1;visibility:visible}.modal-roleta{position:fixed;z-index:31;top:50%;left:50%;width:min(555px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow:auto;padding:34px 30px 30px;border:1px solid #dfc26d;border-radius:26px;background:radial-gradient(circle at 50% 5%,#fff 0,#fbf6fb 54%,#f0e5f1 100%);box-shadow:0 25px 75px #1f0b2b80;text-align:center;opacity:0;visibility:hidden;transform:translate(-50%,-46%) scale(.97);transition:.28s}.modal-roleta.aberta{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.fechar-roleta{position:absolute;top:13px;right:17px;width:36px;height:36px;border:0;border-radius:50%;background:#f3e8f4;color:#54206f;font-size:28px;line-height:1;cursor:pointer}.roleta-sobrelinha{margin:0 0 7px;color:#ad7920;font-size:11px;font-weight:800;letter-spacing:2px}.modal-roleta h2{font-size:32px;color:#54206f}.roleta-intro{margin:9px 0 20px;color:#766e79;font-size:14px}.palco-roleta{position:relative;width:min(330px,78vw);aspect-ratio:1;margin:0 auto 23px}.roleta{position:absolute;inset:0;border:8px solid #fff;border-radius:50%;background:conic-gradient(from -45deg,#67217c 0deg 89deg,#fff 89deg 91deg,#d9ad50 91deg 179deg,#fff 179deg 181deg,#8b519b 181deg 269deg,#fff 269deg 271deg,#f0d794 271deg 359deg,#fff 359deg 360deg);box-shadow:0 12px 24px #54206f48,0 0 0 2px #d7b15c;will-change:transform}.roleta:after{position:absolute;inset:43%;z-index:2;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#f5df9d);box-shadow:0 0 0 5px #fff,0 2px 7px #3c164954;content:""}.ponteiro-roleta{position:absolute;z-index:4;top:-13px;left:50%;width:0;height:0;border-right:21px solid transparent;border-left:21px solid transparent;border-top:52px solid #54206f;filter:drop-shadow(0 3px 2px #0005);transform:translateX(-50%)}.ponteiro-roleta:after{position:absolute;top:-48px;left:-6px;width:12px;height:12px;border:3px solid #fff;border-radius:50%;background:#d8ad51;box-shadow:0 1px 4px #0004;content:""}.texto-roleta{position:absolute;z-index:1;width:92px;color:#fff;font-size:11px;font-weight:800;line-height:1.18;text-align:center;text-shadow:0 1px 2px #32113f80;transform:translate(-50%,-50%)}.texto-1{top:28%;left:71%}.texto-2{top:72%;left:71%;color:#54206f;text-shadow:none}.texto-3{top:72%;left:29%}.texto-4{top:28%;left:29%;color:#54206f;text-shadow:none}.btn-girar,.btn-aplicar-premio{width:100%;padding:15px;border:0;border-radius:10px;background:linear-gradient(90deg,#54206f,#7b3892);box-shadow:0 7px 14px #54206f36;color:#fff;font-weight:800;cursor:pointer;transition:.2s}.btn-girar:hover,.btn-aplicar-premio:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn-girar:disabled{cursor:wait;opacity:.7}.resultado-roleta{margin-top:19px;padding:19px;border:1px solid #e3c770;border-radius:15px;background:linear-gradient(145deg,#fffefa,#fff8e7);box-shadow:0 10px 22px #7c5b1420;animation:cartao-premio .48s cubic-bezier(.2,.9,.25,1.35) both}.resultado-roleta p{margin:0 0 7px;color:#a5741c;font-size:13px;font-weight:800;letter-spacing:.8px}.resultado-roleta strong{display:block;color:#54206f;font-family:Georgia,serif;font-size:23px;line-height:1.15}.resultado-roleta span{display:inline-block;margin:11px 0;padding:6px 10px;border-radius:5px;background:#f3e5bc;color:#6c4e11;font-size:12px;font-weight:800;letter-spacing:.7px}.resultado-roleta small{display:block;margin:0 0 14px;color:#766e79;font-size:12px}.confetes{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confete{position:absolute;top:-14px;width:8px;height:13px;animation:confete 1.8s ease-out forwards}@keyframes confete{to{transform:translate(var(--x),470px) rotate(650deg);opacity:0}}@keyframes cartao-premio{0%{opacity:0;transform:scale(.7)}70%{transform:scale(1.05)}100%{opacity:1;transform:scale(1)}}@media(max-width:600px){.modal-roleta{width:calc(100% - 20px);padding:29px 17px 22px}.modal-roleta h2{font-size:27px}.palco-roleta{width:90vw;max-width:355px}.texto-roleta{width:87px;font-size:10.5px}.resultado-roleta strong{font-size:20px}}