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 { width: 100%; height: 100% }
#unity-canvas { background: #231F20 }
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar { width: 100%; height: 100%; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#unity-loading-bar .loading-content{ width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; }
#unity-loading-bar #unity-logo{ width: 36%; max-width: 163px;}
#unity-loading-bar .loading-content2 {width: 100%; height: 100%; position: relative; display: flex; justify-content: center; align-items: center;}
#unity-loading-bar .loading-content2 .loading-page{width: 100vw; height: 100vh;object-fit: contain;}
#unity-loading-bar .loading-content2 .loading-progress{position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); text-align: center; line-height: 50px; width: 50px; height: 50px; color: #fff;}
#unity-loading-bar .loading-content2 .loading-progress img{width: 100%; height: 100%; animation: rotate 1s infinite linear;}
#unity-loading-bar .loading-content2 .loading-progress .loading-text{position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
#unity-progress-bar-empty { width: 75%; max-width: 800px; height: 8px; background: #091a53; border-radius: 20px; overflow: hidden;}
#unity-progress-bar-full { width: 0%; height: 100%; background: #fff; transition: width 0.3s;}
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@media screen and (orientation: portrait) {
    #unity-loading-bar.landscape-lock .loading-content2 {
        transform: rotate(90deg);
    }
    #unity-loading-bar.landscape-lock .loading-content2 .loading-page {
        width: 100dvh;
        height: 100dvw;
    }
    #unity-loading-bar.landscape-lock .loading-content2 .loading-progress {
        bottom: 28%;
    }
    #unity-loading-bar.landscape-lock #unity-progress-bar-empty {
        width: 75vh;
    }
    #unity-loading-bar.landscape-lock #unity-loading-bar #unity-logo {
        width: 36vh;
    }
}