/* ===================== */
/* Canvas + Container    */
/* ===================== */
#unity-container {
  position: fixed;
  inset: 0;
}
#unity-canvas {
  background: #000;       /* dark screen while loading */
  display: block;
  width: 100vw;
  height: 100vh;
}

/* ===================== */
/* Loader UI             */
/* ===================== */
#unity-loading-bar {
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
  display: block;
  z-index: 9999;          /* stay above canvas */
}

/* hide the loader once Unity is ready */
#unity-loading-bar.hidden {
  display: none !important;
}

/* ===================== */
/* Logo & Text           */
/* ===================== */
#unity-logo {
  width: 384px;
  height: 384px;
  background: url('logo.png') no-repeat center / contain;
}

#unity-text-progress {
  position: absolute;
  left: 50%;
  top: 115%;
  transform: translate(-50%, -50%);
  color: white;
  font: 700 25px/1.2 "Times New Roman", Times, serif, Haettenschweiler, "Arial Narrow Bold", Helvetica, Verdana, sans-serif;
  text-align: center;
  width: 500px;
}
#unity-text-progress img.spinner {
  display: block;
  margin: 15px auto 0;
}

/* ===================== */
/* Progress Bar          */
/* ===================== */
#unity-progress-bar-empty {
  width: 211px;
  height: 26px;
  margin-top: 20px;
  background: url('progressEmpty.Light.png') no-repeat center;
}

#unity-progress-bar-full {
  width: 0%;
  height: 26px;
  background: url('progressFull.Light.png') no-repeat center;
}

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