body { 
  padding: 0; 
  margin: 0; 
}

#instructions-overlay {
  position: fixed;
  top: 20px;
  left: 10px;
  width: 300px;
  height: auto;
  font-size: 12px;
  z-index: 9999;
  display: none;
  color: white;
  font-family: Arial, sans-serif;
}

#instructions-text {
  display: none;
}

#instructions-overlay p {
  margin: 0px 0;
  pointer-events: none;
  user-select: none;
}

/* Media query for screens smaller than 768px (tablets and small devices) */
@media (max-width: 1000px), (max-height: 700px) {
  #instructions-overlay {
    font-size: 6px; /* Reduce font size */
  }
}

#instructions-button {
  color: white !important; /* Forces white text */
  font-weight: bold; /* Optional: makes the text stand out */
}

#open-patreon-button {
  transform: scale(1.05);
  transform-origin: top left;
  border: 3px solid red; /* Adds red outline */
}


/* Standardize button margins */
#open-patreon-button,
#instructions-button,
#link-patreon-button,
#join-discord-button,
#faq-button,
#partners-button,
#city-map-button {
  margin-bottom: 2px;
  margin-top: 2px;
}

#unity-container { 
  position: fixed; 
  width: 100%; 
  height: 100%; 
}

#unity-canvas { 
  width: 100%; 
  height: 100%; 
  background: #FFFBF8; 
}

#unity-loading-bar { 
  position: absolute; 
  left: 50%; 
  top: 50%; 
  transform: translate(-50%, -50%); 
  display: none; 
  text-align: center; /* Center-align text within the loading bar */
}

#unity-logo { 
  width: 143px; /* 50% of the original 286px */
  height: 127.5px; /* 50% of the original 255px */
  background: url('loading.gif') no-repeat center; 
  background-size: contain; /* Ensures the background image fits within the new dimensions */
  margin: 0 auto; /* Center the logo */
}

#unity-progress-bar-empty { 
  margin: 10px auto 0 auto; 
  width: 141px; 
  height: 18px; 
  background-color: black;
  background: url('progress-bar-empty-red.png') no-repeat center; 
}

#unity-progress-bar-full { 
  width: 0%; 
  height: 18px; 
  margin-top: 10px; 
  background-color: red;
  background: url('progress-bar-full-red.png') no-repeat center; 
}

#unity-warning { 
  position: absolute; 
  left: 50%; 
  top: 5%; 
  transform: translate(-50%); 
  background: white; 
  padding: 10px; 
  display: none; 
}

/* New style for the "Loading..." text */
#loading-text {
  margin-top: 10px;
  font-size: 16px;
  color: #000; /* Adjust the color as needed */
}