/* The player fills the browser window and follows it as it is resized, rather
   than sitting at a fixed size in the middle of the page. Unity keeps the WebGL
   render target matched to the canvas element's size, and the UI panel scales
   with screen size, so laying the canvas out with CSS is all this takes. */
html, body { height: 100%; overflow: hidden }
body { padding: 0; margin: 0; background: #CCCCCC }
#unity-container { position: absolute; display: flex; flex-direction: column }
#unity-container.unity-desktop { position: fixed; left: 0; top: 0; width: 100%; height: 100% }
#unity-container.unity-mobile { position: fixed; width: 100%; height: 100% }
#unity-canvas { background: #CCCCCC; display: block; width: 100%; flex: 1 1 auto; min-height: 0 }
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
#unity-logo { width: 154px; height: 130px; background: url('unity-logo-light.png') no-repeat center }
#unity-progress-bar-empty { width: 141px; height: 18px; margin-top: 10px; margin-left: 6.5px; background: url('progress-bar-empty-light.png') no-repeat center }
#unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('progress-bar-full-light.png') no-repeat center }
#unity-footer { position: relative; flex: 0 0 auto }
.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 }