body { padding: 0; margin: 0; overflow: hidden;  background: #000000 }
#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-canvas { background: #000000 }
#unity-canvas:focus {
    outline: none !important;
}
.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: 450px; height: 163px; background: url('OMS_Logo.png') no-repeat center; background-size: cover; }
#unity-progress-bar-empty {
    width: 80vw;               
    max-width: 300px;          
    height: 24px;
    margin: 20px auto 0 auto;  
    background-color: #414141; /* fallback */
    border-radius: 12px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    position: relative;
    box-sizing: border-box;    
    border: 2px solid #ffffff; /* this is the stroke */
}

#unity-progress-bar-full {
    height: 100%;
    width: 0%;
    background-color: #4CAF50; /* fallback background color */
    background: url('progress-bar-full-light.png') no-repeat center center;
    background-size: 100% 100%; /* stretch to fit exactly, preventing white spaces */
    transition: width 0.3s ease;
    border-radius: 12px;
}

#unity-footer { position: relative }
.unity-mobile #unity-footer { display: none }
#unity-webgl-logo { float:left; width: 204px; height: 38px; background: url('OMS_Logo.png') no-repeat center }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }