html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
}

/* Use Roboto font */
body {
  font-family: 'Roboto', sans-serif;
  overflow: hidden;
  height: 100vh;
}

#game-container {
  display: flex;
  flex-direction: column;
  height: 100vh; /* Ensure it fills the viewport height */
  overflow: hidden;
}


.bright.penalty {
  background-color: #b22222; /* Bright red for penalties */
}
.bright.score {
  background-color: #28a745; /* Bright green for coversAllTiles */
}
.dull {
  background-color: #888888; /* Dull when does not cover */
}

button {
  background-color: #28a745;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 16px;
  cursor: pointer;
  min-width: 50px;
  font-family: "Jersey 15", "Roboto", sans-serif;
  text-transform: uppercase;
}

button:hover {
  background-color: #218838;
}

button:disabled {
  background-color: #6c757d;
  cursor: not-allowed;
}