body {
  background-color: #0b6623;
  color: yellow;
  font-family: Arial, sans-serif;
  text-align: center;
}

h1 {
  margin-top: 20px;
  color: yellow;
  font-size: 36px;
  font-weight: bold;
}

.divider {
  border: 0;
  border-top: 3px solid yellow;
  width: 90%;
  margin: 10px auto;
}

.cards-container {
	border-radius: 10px;
  background-color: #065c1f;
  border: 3px solid yellow;
  padding: 10px;
  margin: 20px auto;
  width: 90%;
  display: flex;
  justify-content: center;
  gap: 20px;
}

.card {
  width: 80px;
  height: 140px;
  border-radius: 8px;
}

.check-container {
	border-radius: 10px;
  background-color: #065c1f;
  border: 3px solid yellow;
  padding: 10px;
  margin: 10px auto;
  width: 90%;
  display: flex;
  justify-content: center;
  gap: 60px;
}

.check-item {
  text-align: center;
}

.check-label {
  color: yellow;
  font-weight: bold;
  font-size: 12px;
}

.buttons-container {
	border-radius: 10px;
  background-color: #065c1f;
  border: 3px solid yellow;
  padding: 10px;
  margin: 10px auto;
  width: 90%;
}

button {
  border-radius: 10px;
  background-color: gray;
  color: yellow;
  font-weight: bold;
  font-size: 18px;
  padding: 8px 15px;
  margin: 5px;
  cursor: pointer;
  border: 3px solid yellow;
}

button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.bottom-container {
	border-radius: 10px;
  display: flex;
  justify-content: space-between;
  width: 90%;
  margin: 20px auto;
}

.combination-container {
	border-radius: 10px;
  background-color: #065c1f;
  border: 3px solid yellow;
  width: 50%;
  padding: 10px;
  text-align: left;
}

.patrimonio-container {
	border-radius: 10px;
  background-color: #065c1f;
  border: 3px solid yellow;
  width: 40%;
  padding: 10px;
}

table {
  width: 100%;
  color: yellow;
  font-weight: bold;
  font-size: 14px;
  border-collapse: collapse;
}

td, th {
  padding: 5px;
}

.highlight {
  background-color: red;
  color: yellow;
  font-weight: bold;
  border: 2px solid yellow;
}
#combinations th {
  border-bottom: 2px solid red;
  padding-bottom: 4px;
}

/* Riga rossa dopo i pulsanti di bet */
.patrimonio-container .bet-buttons {
  border-bottom: 2px solid red;
  padding-bottom: 5px; /* piccola distanza dai pulsanti */
  margin-bottom: 10px;
}

/* Riga rossa sotto la vincita, prima del pulsante NUOVA PARTITA */
.patrimonio-container h4:last-of-type {
  border-bottom: 2px solid red;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

/* Bordo rosso sotto l'intestazione della tabella combinazioni */
#combinations tr:first-child {
  border-bottom: 2px solid red;
}

/* Bordo rosso sotto l'ultima riga della tabella */
#combinations tr:last-child {
  border-bottom: 2px solid red;
}

/* Riga rossa sotto la scritta Combinazioni vincenti */
.combination-container h3 {
  border-bottom: 2px solid red;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

/* Riga rossa sotto la scritta Patrimonio */
.patrimonio-container h3 {
  border-bottom: 2px solid red;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.credits {
  color: white;
  font-size: 12px;
  font-weight: 300;
  margin-left: 20px;
  vertical-align: middle;
}

.config-container {
  border-radius: 10px;
  background-color: #065c1f;
  border: 3px solid yellow;
  width: 90%;
  margin: 20px auto;
  padding: 10px;
  text-align: center;
}

.config-container h2 {
  color: yellow;
  font-size: 22px;
  font-weight: bold;
}

.red-line {
  border: 0;
  border-top: 2px solid red;
  width: 80%;
  margin: 8px auto 12px;
}

.blink {
  animation: blink-animation 1s infinite;
}

@keyframes blink-animation {
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}