html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    position: relative;
    background-color: #231F20;
    display: flex;
    overflow: hidden;
}

body:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAABkCAYAAADXPyOvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAxIDc5LmMwMjA0YjJkZWYsIDIwMjMvMDIvMDItMTI6MTQ6MjQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC41IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1MzEzMzM2NzJERjIxMUVFQkY3NEU2RDZEOTg1MzBFQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1MzEzMzM2ODJERjIxMUVFQkY3NEU2RDZEOTg1MzBFQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUzMTMzMzY1MkRGMjExRUVCRjc0RTZENkQ5ODUzMEVCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUzMTMzMzY2MkRGMjExRUVCRjc0RTZENkQ5ODUzMEVCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8++kI3jQAABuZJREFUeNrs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');
    opacity: 0.3;
    z-index: -1;
}

#unity-canvas {
    margin: auto;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

#unity-loading-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#unity-loading {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    width: 40%;
}

#unity-logo {
    display: block;
    width: 150px;
    max-width: 50%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-shadow: 0 0 0 6px #231F20, 0 0 0 9px white;
    margin: 0 auto 40px;
}

#unity-progress-bar-empty {
    height: 5px;
    margin: 0 auto;
    background: rgba(255,255,255,0.2);
}

#unity-progress-bar-full {
    width: 0%;
    height: 100%;
    background: white;
}

#unity-warning {
    color: #FFC048;
    font-family: Arial;
    font-size: 18px;
    text-align: center;
    margin-top: 15px;
}

#unity-warning:before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('data:image/png;base64,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');
    margin-right: 5px;
    background-size: contain;
    vertical-align: text-bottom;
}

html.light body {
    background: white;
}

html.light #unity-logo {
    box-shadow: 0 0 0 6px white, 0 0 0 9px #231F20;
}

html.light #unity-progress-bar-empty {
    background: rgba(35,31,32,0.2);
}

html.light #unity-progress-bar-full {
    background: #231F20;
}