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: #FFFFFF }
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar {
  position: absolute;
  left: 50%;
  top: 73%;
  transform: translateX(-50%);
  display: none;
  width: 90%;
  max-width: 550px;
  height: 25%;
}
#onlyhot-logo {
  position: absolute;
  left: 50%;
  top: 0%;
  transform: translateX(-50%);	
  width: 158px; height: 78px; 
  background: url('onlyhot.png') no-repeat center / contain; 
}
#onlyhot-separator {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translateX(-50%);	
  width: 95%; height: 2px; 
  background: url('separator.png') no-repeat center / contain 
}

.unity-mobile #unity-footer { display: none }
#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }
#unity-progress-info {
  position: absolute;
  left: 50%;
  top: 55%;
  transform: translateX(-50%);
  color: white;
  font-family: sans-serif;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
}

#unity-progress-info div + div {
  margin-top: 6px;
  font-size: 12px;
  line-height: 18px;
}