body {
  margin: 0;
  overflow: hidden; /* Prevent scrollbars */
  background-color: #000;
  font-family: sans-serif;
  color: white;
}

#gameCanvas {
  display: block; /* Remove extra space below canvas */
}

#hud {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px;
  border-radius: 5px;
  color: white;
  display: flex; /* Use flexbox for layout */
  flex-direction: column; /* Stack items vertically */
  align-items: flex-start; /* Align items to the start (left) */
}

#hud > div:not(#minimap-container) { /* Style direct children except the map container */
  margin-bottom: 5px;
}


#refuel-status {
  color: lightgreen;
  font-weight: bold;
}

#boost-status {
  color: cyan;
}

/* Minimap specific styles */
#minimap-container {
  margin-top: 10px; /* Space above the map */
  border: 1px solid #555;
  background-color: rgba(40, 40, 40, 0.6); /* Slightly different background */
}

#minimapCanvas {
  display: block; /* Prevent extra space */
}

#map-coords {
  font-size: 0.8em;
  text-align: center;
  padding: 2px 0;
}