/* Contenedor de la ruleta: cuadrado y centrado */
#wheel-container {
    position: relative;
    width: 500px;
    height: 500px;
  }
  
  /* Div que contiene la imagen y los contenedores de premio; éste es el que se rotará */
  #wheel-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  /* La imagen ocupa todo el contenedor */
  #wheel-spinner img {
    width: 100%;
    height: 100%;
    display: block;
  }
  
  /* Estilos para el contenedor de cada premio */
  .prize-label {
    position: absolute;
    /* Se posicionarán en el centro del contenedor de la ruleta */
    left: 0;
    top: 0;
    transform-origin: center center;
  }
  
  /* Opcional: si deseas ajustes globales a la fuente de las etiquetas */
  .prize-label span {
    font-size: 16px;
    font-weight: bold;
    color: #000;
  }
  
  
  #start-btn {
    position: relative;
    z-index: 10;
  }