Roleta da Sorte
body {
margin: 0;
min-height: 100vh;
background: #111;
color: white;
font-family: Arial, sans-serif;
text-align: center;
padding: 25px 15px;
box-sizing: border-box;
}
h1 { color: #ffd700; }
.roleta-container {
position: relative;
width: min(85vw, 350px);
margin: 30px auto;
}
canvas {
width: 100%;
border-radius: 50%;
}
.seta {
position: absolute;
top: -8px;
left: 50%;
transform: translateX(-50%);
font-size: 35px;
color: white;
}
button {
background: #ffd700;
color: #111;
border: none;
padding: 15px 30px;
border-radius: 10px;
font-size: 18px;
font-weight: bold;
cursor: pointer;
}
button:disabled { opacity: .5; }
#resultado {
display: none;
position: fixed;
inset: 0;
background: #000c;
align-items: center;
justify-content: center;
padding: 20px;
}
.popup {
background: #222;
border: 2px solid #ffd700;
border-radius: 15px;
padding: 25px;
max-width: 350px;
}
#valor {
color: #ffd700;
font-size: 32px;
font-weight: bold;
}
.aviso {
color: #bbb;
font-size: 13px;
max-width: 350px;
margin: 25px auto;
}
🎉 Roleta da Sorte
Gire e descubra o valor da sua rodada!
Demonstração promocional. Os valores exibidos são ilustrativos
e não representam prêmios em dinheiro ou valores resgatáveis.