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-mobile #unity-fullscreen-container { width: 100%; height: 100% }
#unity-fullscreen-container { position: relative; }
#unity-canvas { position: absolute; width: 100%; height: 100%; background: #1a2430 url('../cover.png') center/cover no-repeat }
#unity-loading-container { position: absolute; width: 100%; height: 100%; display: flex; align-items: flex-end; justify-content: center; background: linear-gradient(transparent 40%, rgba(0,0,0,.78)); }
#unity-loading-bar { width: 78%; margin-bottom: 36px; text-align: center; font-family: arial, sans-serif; color: white; text-shadow: 0 1px 3px #000 }
#unity-status { font-size: 20px; margin-bottom: 12px }
#unity-progress-bar-empty { width: 100%; height: 16px; background: rgba(255,255,255,.35); border-radius: 8px; overflow: hidden }
#unity-progress-bar-full { width: 0%; height: 100%; background: #7CFF6B }
#unity-footer { position: relative }
.unity-mobile #unity-footer { display: none }
#unity-logo-title-footer { float:left; width: 102px; height: 38px; background: url('unity-logo-title-footer.png') no-repeat center }
#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
#unity-fullscreen-button { cursor:pointer; 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 }