#spin-wheel-container{position:relative;width:520px;margin:20px auto;}
#spin-wheel-canvas{
  border: 8px solid #333;
  border-radius: 50%;
  background:#fff;
  box-shadow: 0 0 25px rgba(0,0,0,0.4), inset 0 0 10px rgba(0,0,0,0.2);
  display:block;
  margin:0 auto;
}
.spin-arrow {
  position: absolute;
  top: -36px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 36px solid #e74c3c;
}
#spin-wheel-btn {
  display:block;
  margin:20px auto;
  padding:10px 20px;
  font-size:16px;
  border:none;
  background:#e74c3c;
  color:#fff;
  border-radius:6px;
  cursor:pointer;
  transition:background 0.3s;
}
#spin-wheel-btn:hover { background:#c0392b; }
.winner-popup {
  position: fixed;
  top:0; left:0; right:0; bottom:0;
  background: rgba(0,0,0,0.7);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:9999;
}
.winner-popup .popup-content {
  background:#fff;
  padding:30px;
  border-radius:10px;
  text-align:center;
  animation: popIn 0.6s ease-out;
  box-shadow: 0 0 30px rgba(255,215,0,0.6);
}
@keyframes popIn {
  0% { transform: scale(0.5); opacity:0; }
  80% { transform: scale(1.1); opacity:1; }
  100% { transform: scale(1); }
}
.close-btn, .play-again-btn {
  padding:8px 16px;
  border:none;
  background:#e74c3c;
  color:#fff;
  border-radius:5px;
  cursor:pointer;
  margin:5px;
}
.close-btn:hover, .play-again-btn:hover { background:#c0392b; }