body {
  margin: 0; /* Removes default browser margins */
  font-family: sans-serif; /* A common, readable default font */
  line-height: 1.5; /* Improves readability of text */
  background-color: #f0f0f0; /* A light background, change as you like */
  color: #333; /* Default text color */
}

/* Button container fills the whole screen */
#button-container {
  position: relative; /* Position relative to allow absolute positioning of the button */
  width: 100vw; /* Full viewport width */
  height: 100vh; /* Full viewport height */
  overflow: hidden; /* Hide overflow to prevent scrollbars */
}

/* Button styles */
.game-button {
  position: absolute; /* Position absolutely within the container */
  width: 44px; /* Ensure a good touch target size */
  height: 44px; /* Ensure a good touch target size */
  border: none; /* Remove default border */
  border-radius: 50%; /* Make the button circular */
  cursor: pointer; /* Change cursor to pointer on hover */
  font-weight: bold; /* Make the button text bold */
  transition: transform 0.2s ease; /* Smooth transition for hover effect */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add a subtle shadow for depth */
  /* If your button is an image, you might also need: */
  /* background-size: cover; */ /* or contain, depending on the image */
  /* background-repeat: no-repeat; */
  /* background-position: center; */
}

.game-button:hover {
  transform: scale(1.1); /* Slightly enlarge the button on hover */
}

.game-button:disabled {
  opacity: 0.6; /* Make the button semi-transparent when disabled */
  cursor: not-allowed; /* Change cursor to indicate disabled state */
}

/* Header alignment */
.game-stats {
  display: flex;
  justify-content: center;
  gap: 1rem; /* Reduced gap for smaller screens */
  margin-bottom: 1rem;
  padding: 0.5rem 0.5rem; /* Add some padding for small screens */
  flex-wrap: wrap; /* Allow items to wrap onto the next line if needed */
  text-align: center; /* Center text if items wrap */
}

.game-stats h2 {
  font-size: clamp(1rem, 3vw, 1.25rem); /* Responsive font size */
  color: #333; /* Darker color for better contrast */
  margin: 0.25rem 0; /* Adjust margin for wrapped items */
}