html {
    touch-action: none;
}
body { padding: 0; margin: 0 }
#unity-container { position: absolute }
#unity-container.unity-desktop
 {
    left: 50%; top: 50%; transform: translate(-50%, -50%);
    /* width: 375px;
    height: 812px; */
    aspect-ratio: 0.46;
    height: 90%;
}  
#unity-container.unity-mobile { width: 100%; height: 100% }
#unity-canvas { background: transparent }
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar { position: fixed; left: 50%; top: 80%; transform: translate(-50%, -50%); display: none }
#unity-loading-bg { height: 100%;width: 100%;position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);display: none }
#unity-logo { margin: auto; scale: 0.3; width: 409px; height: 354px; background: url('unity-logo-dark.gif') no-repeat center }
#unity-progress-bar-empty {     
    margin: auto;
    scale: 0.3;
    width: 760px;
    height: 108px;
    margin-left: 0;
    background: url(progress-bar-empty-dark.png) no-repeat; 
}
#unity-progress-bar-full { 
    width: 0%;
    height: 100%;
    margin-top: 4px;
    transform: translate(1%, 6%);
    background: url(progress-bar-full-dark.png) no-repeat;
 }
#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 }
#modal { position: absolute; left: 50%; top: 5%; transform: translate(-50%); width: 100%; height: 100%; background: white; padding: 10px; display: none }
#modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; height: 90%; }
#center { margin: 0; position: fixed; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.center-panel { text-align: center; height: 100%; width: 100%; }