body { padding: 0; margin: 0; background: #231F20; }
#unity-container { position: fixed; width: 100%; height: 100%; }
#unity-canvas { width: 100%; height: 100%; background: #231F20 }

/* Custom Loading Screen */
#unity-loading-bar { 
  position: absolute; 
  left: 50%; 
  top: 50%; 
  transform: translate(-50%, -50%); 
  display: block;
  text-align: center;
}

#unity-logo { 
  width: 450px; 
  height: 450px; 
  background: url('AppLogo.png') no-repeat center;
  background-size: contain;
  margin: 0 auto;
  animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.05); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}

#unity-progress-bar-empty { 
  margin-left: auto; 
  margin-right: auto; 
  width: 200px; 
  height: 8px; 
  margin-top: 40px; 
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  display: none;
}

#unity-progress-bar-full { 
  width: 0%; 
  height: 8px; 
  background: linear-gradient(90deg, #4CAF50, #8BC34A);
  border-radius: 4px;
  transition: width 0.3s ease;
}

#unity-warning { 
  position: absolute; 
  left: 50%; 
  top: 5%; 
  transform: translate(-50%); 
  background: white; 
  padding: 10px; 
  display: none;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}