/* /* affect by ratio of width height browser or iframe */ */

/* body { */
  /* padding: 0; */
  /* margin: 0; */
  /* background: #000; */
/* } */

/* #unity-container { */
  /* position: relative;                 */
  /* width: min(calc(100vh * (9/19.5)), 100vw); */
  /* height: auto; */
  /* max-width: 100%; */
  /* max-height: 100%; */
  /* aspect-ratio: 9/19.5; */
  /* display: block; */
  /* margin-left: auto; */
  /* margin-right: auto; */
  /* overflow: hidden;                  */
/* } */

/* #unity-canvas { */
  /* width: 100%; */
  /* height: 100%; */
  /* background: #231F20; */
  /* display: block; */
/* } */

/* no ratio width height by browser or iframe */

body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #000;
}

#unity-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#unity-canvas {
  width: 100% !important;
  height: 100% !important;
}

/* ===== Loading Bar ===== */
#unity-loading-bar {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 10;
}

/* ===== Loading Bar ===== */
#unity-loading-bar {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;                      /* JS will show progress bar */
  z-index: 10;
  text-align: center;
}

/* ===== Progress Bar ===== */
#unity-progress-bar-empty {
  margin-left: auto;
  margin-right: auto;
  width: 141px;
  height: 18px;
  background: url('progress-bar-empty-dark.png') no-repeat center;
}

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

/* ===== Unity Logo (optional) ===== */
#unity-logo {
  width: 154px;
  height: 154px;
  margin: 0 auto;
  background: url('unity-logo-dark.png') no-repeat center;
}

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