/* General styles */
body {
  margin: 0;
  font-family: system-ui, sans-serif;
  overflow: hidden; /* Prevent scrolling */
  background-color: #000;
}

/* Game container */
#game-container {
  position: relative;
  width: 100vw;
  height: 100vh;
}

/* Score display */
#score-display {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.5rem;
  color: #FFFFFF;
  font-weight: 900;
  z-index: 10;
}

/* Game Over Screen */
#gameover-screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 2rem;
  text-align: center;
  z-index: 20;
  visibility: hidden; /* Initially hidden */
}

#gameover-text {
  margin: 0;
  font-weight: 900;
}

#final-score {
  margin: 10px 0 0;
  font-size: 1.2rem;
  font-weight: 900;
  color: #ccc;
}

#restart-text {
  margin: 10px 0 0;
  font-size: 0.8rem;
  color: #ccc;
}