.loading-screen{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,#17644b 0,#082f27 48%,#031813 100%);transition:opacity .38s,visibility .38s;color:#f6dfaa}
.loading-screen.done{opacity:0;visibility:hidden;pointer-events:none}
.loading-card{width:min(430px,82vw);display:flex;flex-direction:column;align-items:center;text-align:center}
.loading-logo{display:block;width:min(390px,78vw);max-height:190px;object-fit:contain;filter:drop-shadow(0 12px 26px #00110bbb)}
.loading-title{margin-top:-5px;font-size:12px;letter-spacing:5px;color:#d4b46e}
.loading-track{position:relative;width:100%;height:10px;margin-top:22px;overflow:hidden;border:1px solid #d5b56788;border-radius:12px;background:#031d18;box-shadow:inset 0 2px 5px #0009,0 0 18px #e6bd5140}
.loading-bar{height:100%;width:8%;border-radius:inherit;background:linear-gradient(90deg,#9b6421,#f5d57f 55%,#fff0b1);box-shadow:0 0 12px #ffd66e;transition:width .22s ease}
.loading-meta{width:100%;display:flex;justify-content:space-between;margin-top:7px;font-size:10px;color:#8faaa0}.loading-meta b{color:#f0cc7a}
.brand-logo{display:block;width:148px;height:60px;object-fit:contain;filter:drop-shadow(0 3px 7px #0008)}
.auth-brand-logo{width:250px;height:118px}
#lobbyFullscreenBtn{min-height:30px!important;padding:5px 11px!important;border:1px solid #a7864f!important;border-radius:15px!important;color:#e9ce92!important;background:#0b3028!important;white-space:nowrap}
@media(orientation:landscape) and (max-height:600px),(orientation:portrait) and (max-width:700px){.loading-card{width:min(390px,62vw)}.loading-logo{width:300px;height:128px}.loading-track{margin-top:9px}.brand-logo{width:112px;height:42px}.auth-brand-logo{width:190px;height:84px}#lobbyFullscreenBtn{font-size:9px!important;min-height:25px!important;padding:2px 7px!important}}
@media(orientation:portrait) and (max-width:700px){body.virtual-landscape .loading-card{width:min(410px,62%)}body.virtual-landscape .loading-logo{width:300px}}