body { background: #000; margin: 0; padding: 0; border: 0; color: #FFF; font-family: sans-serif; }
body.mobile { overflow: auto; position: inherit; top: auto; left: auto; transform: unset; }
body.desktop { overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#unity-container { display: none; position: absolute; }
#unity-container.desktop { display: block; left: 50%; top: 50%; transform: translate(-50%, -50%) }
#unity-container.mobile { display: none; }

#install-container { display: none; background: #231F20; }
#install-container.desktop { display: none; }
#install-container.mobile {
	display: flex; align-items: center; justify-content: center;
	position: absolute; bottom: 0; top: 0; right: 0; left: 0;
}
#install-content { flex: 0 1 auto; text-align: center; }
.error { color: #F22; }

#unity-canvas { background: #231F20; }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
#unity-logo {
    width: 140px; height: 200px; margin: 0 auto;
    background: url('titan-tm-logo.png') no-repeat center;
    background-size: contain;
}
#unity-progress-bar-empty { width: 141px; height: 18px; margin-top: 10px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI0AAAASAQAAAABOFWCeAAAAAnRSTlMAAHaTzTgAAAAZSURBVHgBY/iPDn5gEzrAgAYkRqgQceEFAAzIU22a66fQAAAAAElFTkSuQmCC') no-repeat center }
#unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI0AAAASAQAAAABOFWCeAAAAEUlEQVR4AWP4jw5+UCw0KgQAUYhCTnW3FD4AAAAASUVORK5CYII=') no-repeat center }