/* Corpo e sfondo generale */
body {
    font-family: Arial, sans-serif;
    background-color: #111111; /* nero leggero */
    color: #FFD700; /* giallo oro */
    text-align: center;
    margin: 0;
    padding: 20px;
}

/* Titoli */
h1 { color: #FFD700; margin-bottom: 20px; }

/* Pulsanti */
button {
    background-color: #222222;
    color: #FFD700;
    border: 2px solid #FFD700;
    padding: 10px 20px;
    margin: 5px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    transition: 0.2s;
}
button:hover { background-color: #444400; }

/* Input numerico */
input[type=number] {
    width: 60px; text-align: center;
    background-color: #222222; color: #FFD700;
    border: 2px solid #FFD700; border-radius: 4px;
}
/* slot */
body { background:#111; color:#FFD700; font-family:sans-serif; text-align:center; }
.slot-frame { display:flex; justify-content:center; gap:10px; margin:20px auto; }
.reel { width:80px; height:80px; border:2px solid #FFD700; border-radius:10px; display:flex; align-items:center; justify-content:center; background:#222; font-size:40px; }
.cell { width:100%; height:100%; display:flex; align-items:center; justify-content:center; }





/* Messaggi */
#message { margin-top: 20px; font-weight: bold; white-space: pre-line; }

/* Menu navigazione */
nav { margin-bottom: 20px; }
nav button { font-size: 18px; padding: 8px 16px; }

/* Inputs e span puntata */
#bet { display: inline-block; width: 50px; text-align: center; font-weight: bold; }

/* Aviator */
.aviator-track {
  width: 120px;          /* colonna stretta */
  height: 400px;         /* alta */
  background: #111;
  border: 2px solid #FFD700;
  margin: 20px auto;
  position: relative;
  overflow: hidden;
}

#plane {
  position: absolute;
  bottom: 0;             /* parte da basso */
  left: 50%;             /* centrato */
  transform: translateX(-50%);
  font-size: 40px;
}




/* Corse Auto */
.raceTrack { display: flex; flex-direction: column; gap: 10px; margin: 10px 0; }
.raceLane { height: 50px; border: 2px solid #FFD700; border-radius:5px; position: relative; background-color:#111111; overflow:hidden; }
.car { position: absolute; left:0; top:0; font-size:32px; transition:left 7s linear; }
button.selected {
    outline: 2px solid yellow;
    background-color: orange;
}

/* Blackjack */
#playerHand, #dealerHand { margin:10px 0; font-weight:bold; }