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: #483d62 }
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar {
  position: absolute;
  left: 50%;
  top: 50%; /* 33% yerine 50% yaparak ekranın tam ortasına alabiliriz */
  transform: translate(-50%, -50%);
  display: none;
  /* İçindeki her şeyi merkezlemek için ekledik */
  text-align: center; 
}

#unity-logo {
  width: 512px;
  height: 512px;
  background: url('unity-logo-dark.png?v=2') no-repeat center;
  background-size: contain; /* Logonun kutuya sığmasını sağlar */
  margin: 0 auto; /* Logoyu loading bar içinde ortalar */
}

#unity-progress-bar-empty {
  width: 141px;
  height: 18px;
  margin: 10px auto 0 auto; /* Üstten 10px, sağ/soldan OTOMATİK (ortalar) */
  background: url('progress-bar-empty-dark.png?v=2') no-repeat center;
  /* margin-left: 6.5px; <--- BU SATIRI SİLİN, ortalamayı bozar */
}

#unity-progress-bar-full {
  width: 0%;
  height: 18px;
  /* Buradaki margin-top'ı siliyoruz çünkü üst katman (empty) zaten konumlandırıldı */
  background: url('progress-bar-full-dark.png?v=2') no-repeat center;
}
#unity-footer { position: relative }
.unity-mobile #unity-footer { display: none }
#unity-logo-title-footer { float:left; width: 102px; height: 38px; background: url('unity-logo-title-footer.png?v=1') 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?v=1') no-repeat center }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }