* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;margin:0;padding:0;}body{font-family:Arial, sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f0f0;}.container{text-align:center;}.wheel-container{position:relative;width:300px;margin:20px auto;}.wheel{position:relative;width:300px;height:300px;border-radius:50%;border:5px solid #333;overflow:hidden;transition:transform 3s cubic-bezier(0.33, 1, 0.68, 1);undefined:undefined;will-change:transform;}.wheel-segment{position:absolute;width:50%;height:50%;background-color:#ff5722;color:#fff;display:flex;justify-content:center;align-items:center;font-weight:bold;font-size:16px;transform-origin:100% 100%;}.wheel-segment:nth-child(1){transform:rotate(0deg);}.wheel-segment:nth-child(2){transform:rotate(60deg);}.wheel-segment:nth-child(3){transform:rotate(120deg);}.wheel-segment:nth-child(4){transform:rotate(180deg);}.wheel-segment:nth-child(5){transform:rotate(240deg);}.wheel-segment:nth-child(6){transform:rotate(300deg);}#spinButton{padding:10px 20px;font-size:18px;cursor:pointer;margin-top:20px;background-color:#333;color:#fff;border:none;border-radius:5px;transition:background-color 0.3s ease;}#spinButton:hover{background-color:#555;}.popin{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);display:none;justify-content:center;align-items:center;}.popin-content{background-color:#fff;padding:20px;border-radius:8px;text-align:center;}.popin-content h2{margin-bottom:10px;color:#ff5722;}#revealButton{padding:10px 20px;font-size:18px;cursor:pointer;background-color:#ff5722;color:#fff;border:none;border-radius:5px;transition:background-color 0.3s ease;}#revealButton:hover{background-color:#e64a19;}