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: #291e1a }
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
#unity-logo { width: 154px; height: 130px; background: url('unity-logo-light.png') no-repeat center }
#unity-progress-bar-empty { width: 141px; height: 18px; margin-top: 10px; margin-left: 6.5px; background: url('progress-bar-empty-light.png') no-repeat center }
#unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('progress-bar-full-light.png') no-repeat center }

#unity-footer { 
    position: relative;
    background-color: #291e1a;
}
.unity-mobile #unity-footer { display: none }

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

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

#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 
}

/* 🔹 Logo personalizado abajo a la izquierda */
#custom-logo {
  position: absolute;
  left: 10px;
  bottom: 3px;
  height: 28px; /* Ajusta tamaño */
  object-fit: contain;
  cursor: pointer;
}