/* 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 { width: 100%; height: 100% }
#unity-canvas { background: #000000 }
.unity-mobile #unity-canvas { width: 100%; height: 100% }

/* #unity-logo { width: 100px; height: 100px; background: url('virulent-logo-bw.png') no-repeat center } */

/* #unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none } */
/* #unity-progress-bar-empty { width: 141px; height: 18px; margin-top: 10px; margin-left: 6.5px; background: url('progress-bar-empty-dark.png') no-repeat center } */
/* #unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('progress-bar-full-dark.png') no-repeat center } */

/* #unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: darkgreen; } */
#unity-loading-bar { position: absolute; width: 100%; height: 16px; top: 50%; display: none; }

/* #unity-logo { position: absolute; left: 4%; top: -80px; width: 80px; height: 80px; background: url('tv_hex_80.png') center } */
#unity-progress-bar-empty { width: 90%; height: 12px; background-color:#0b0ba7; margin: 0 auto; }
#unity-progress-bar-full { position: relative; width: 0%; height: 4px; top:4px; background-color: rgb(106, 212, 241); margin: 4px; }
#load-tip { margin-left: auto; margin-right: 0; height: 4px; width: 6px; background-color: rgb(218, 86, 209); }

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

.webgl-app {
  width: 100vw;
  height: 100vh;
  position: absolute;
}

#custom-loader {
  position: absolute;
  left: auto;
  height: 100px;
  width: 100px;
  background-color: aqua;
}

#fill {
  height: 20px;
  background-color: rgb(255, 255, 255);
}

#load-value {
  position: absolute;
  top: 20px;
  left: 50%;
  font-family: monospace;
  font-size: 12px;
  color: rgb(158, 158, 158);
}

#mobile-cover {
  position: absolute;
  width: 100vw;
  height: 100vh;
  background: rgb(39,0,120);
  background: linear-gradient(180deg, rgb(26, 0, 77) 0%, rgba(104,7,191,1) 60%, rgba(185,15,254,1) 100%);
  display: flex;
  /* justify-content: center; */
  /* align-items: center; */
  display:flex;
}

.mobile-cover-content {
  margin: 20px;
  /* sbackground-color: red; */
}

.mobile-cover-logo {
  /* justify-content: center; */
  width: 100px;
  height: 100px;
  background-color: blueviolet;
  background: url('virSoftTransShadow.png') no-repeat center;
}

.mobile-cover-text {
  /* width: 400px; */
  font-weight: 400;
  font-family: 'Inter', sans-serif;
  color: rgb(150, 78, 238);
  text-shadow: 0px 8px 5px rgba(31, 9, 82, 0.5);
}

.mobile-declarative {
  color:rgb(240, 164, 78);
  font-weight: 600;
}

.mobile-title-line {
  font-weight: 900;
  font-size: 24px;
}

a {
  color:rgb(250, 215, 38);
  text-decoration: underline;
}

a:hover {
  color: rgb(139, 77, 15);
}