body {height: 100vh;margin: 0;background: #000;overflow: hidden;}
.full-tips{background: rgba(0, 0, 0, 0.5);width: 100vw;height: 100vh;position: fixed;z-index: 10;top: 0;left: 0;display: none;}
.tips-img{width: 100px;position: absolute;bottom: 25vh;left: 48vw;}
#unity-container {width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;box-sizing: border-box;}
#unity-canvas {margin: 0 auto;background: #000;}
#loading-cover {position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background: rgb(0,0,0);background-size: contain;}
#unity-logo {text-align: center;width: 100%;}
#unity-logo img {max-width: 80%;}
input{position: fixed;left: 25px;top: 120px;}
.download-area{background: url('/static/index/img/download.webp') no-repeat;background-size: 100% 100%;background-color: transparent!important;}
.download-tips{width: 100%;padding: 5px 10px;display: none;position: absolute;left: 0;top: 100px;box-sizing: border-box;}
.direction-cover{width: 100vw;height: 100vh;position: fixed;left: 0;top: 0;line-height: 100vh;text-align: center;display: none;background-color: #000;}
.cover-icon{width: 168px;height: 168px;}
.icon-img{width: 30px;height: 30px;}
.download-item{width: 100%;height: 50px;line-height: 50px;font-size: 12px;font-weight: 600;}
.upload-area{width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;z-index: 10;display: none;text-align: center;line-height: 100vh;}
#select-img,#mobile,#viber,#telegram{background-color: #FFF;display: none;font-size: 16px;}
#unity-loading-bar {flex: 1 1 auto;display: flex;flex-direction: column;justify-content: center;align-items: center;}
#unity-progress-bar-empty {width: 60%;height: 14px;margin: 10px 20px 20px 10px;text-align: left;border: 1px solid #ffd921;padding: 2px;border-radius: 6px;}
#unity-progress-bar-full {width: 0%;height: 100%;background: linear-gradient(45deg,#ffe877,#ffd921);border-radius: 6px;}
.light #unity-progress-bar-empty {border-color: black;}
.light #unity-progress-bar-full {background: black;}
.spinner,.spinner:after {border-radius: 50%;width: 5em;height: 5em;}
.spinner {margin: 10px;font-size: 10px;position: relative;text-indent: -9999em;border-top: 1.1em solid rgba(255, 255, 255, 0.2);border-right: 1.1em solid rgba(255, 255, 255, 0.2);border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);border-left: 1.1em solid #ffffff;transform: translateZ(0);animation: spinner-spin 1.1s infinite linear;}
@keyframes spinner-spin {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

@media (orientation: portrait){
	#unity-logo{margin-bottom: 25px;}
	#unity-loading-bar {width: 100%;height: 100%;position: relative;}
	#unity-progress-bar-empty {width: 80%;height: 14px;box-sizing: border-box;}
	#unity-progress-bar-full {width: 0%;height: 100%;background: linear-gradient(45deg,#ffe877,#ffd921);}
}