body { 
  padding: 0; 
  margin: 0;
}

#unity-container { 
  position: absolute;
}

#unity-container.unity-desktop { 
  left: 50%; 
  top: 50%; 
  transform: translate(-50%, -50%);
}

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

#unity-canvas { 
  background: #000000;
}

.unity-mobile #unity-canvas { 
  width: 100%; 
  height: 100%;
}

/* Loading bar tam ekran ve PNG arka planlı */
#unity-loading-bar { 
  position: absolute; 
  left: 0; 
  top: 0; 
  width: 100%;
  height: 100%;
  background: url('logos.webp') no-repeat center center;
  background-size: cover; 
  display: block; 
}

/* Loading bar'ı ekranın ortasında */
#unity-progress-bar-empty { 
  position: absolute;
  left: 50%;
  top: 80%; /* Merkez  */
  transform: translate(-50%, -50%);
  width: 250px; 
  height: 30px; 
  background: rgba(255, 255, 255, 0.2); 
  border-radius: 5px;
  overflow: hidden;
}

#unity-progress-bar-full { 
  width: 0%; 
  height: 100%; 
  background: #ffffff; 
  transition: width 0.3s ease;
}

/* Ortak Unity logosunu gizle */
#unity-logo { 
  display: none !important;
}

#unity-footer { 
  position: relative;
}

.unity-mobile #unity-footer { 
  display: none;
}

#unity-webgl-logo { 
  float:left; 
  width: 204px; 
  height: 38px; 
  background: url('webgl-logo.png') no-repeat center;
}

#unity-build-title { 
  float: right; 
  margin-right: 10px; 
  line-height: 38px; 
  font-family: arial; 
  font-size: 18px;
}

#unity-fullscreen-button { 
  cursor:pointer; 
  float: right; 
  width: 38px; 
  height: 38px; 
  background: url('fullscreen-button.png') no-repeat center;
}

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