/* The same artwork is visible from first paint through account restoration. */
body:has(.game-loading){overflow:hidden}
body:has(.game-loading)>.shell>header,body:has(.game-loading)>.shell>footer{visibility:hidden}
.game-loading{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 44%,#283026 0,#151d17 37%,#0c120f 76%);isolation:isolate}
.game-loading::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 54%,#d09b4310,transparent 57%);animation:loading-atmosphere 6s ease-in-out infinite}
.game-loading-content{position:relative;display:grid;justify-items:center;gap:27px;padding:24px;animation:loading-arrive .65s ease-out both}
.game-loading-aura{position:absolute;inset:8% 0 15%;z-index:-1;background:radial-gradient(ellipse,#e7b15a19 0,transparent 68%);filter:blur(24px);animation:loading-atmosphere 5s ease-in-out infinite}
.game-loading .game-loading-logo{display:block;width:min(76vw,400px);height:auto;max-height:68svh;object-fit:contain;filter:drop-shadow(0 14px 30px #0008)}
.game-loading-track{width:116px;height:2px;overflow:hidden;border-radius:2px;background:#caa55b22;position:relative}
.game-loading-track span{position:absolute;inset:0;background:linear-gradient(90deg,transparent,#e2bd78,transparent);animation:loading-glimmer 2.4s ease-in-out infinite}
.game-loading-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@keyframes loading-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes loading-atmosphere{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes loading-glimmer{0%{transform:translateX(-110%);opacity:.3}50%{opacity:1}100%{transform:translateX(110%);opacity:.3}}
.alpha-login-art{display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(ellipse,#c0954214,transparent 75%),#121b16}
.alpha-login-logo{display:block;width:100%;height:auto;max-width:300px;object-fit:contain;filter:drop-shadow(0 8px 12px #0006)}
@media(max-width:640px){.alpha-login{grid-template-columns:1fr;margin:20px auto}.alpha-login-art{display:flex;height:210px;padding:14px}.alpha-login-logo{height:100%;width:auto;max-width:100%}.alpha-login-body{padding:24px}.alpha-login h1{font-size:28px}}
@media(max-height:600px){.game-loading-content{gap:16px;padding:12px}.game-loading .game-loading-logo{max-height:74svh;width:auto;max-width:76vw}}
@media(prefers-reduced-motion:reduce){.game-loading-content,.game-loading::before,.game-loading-aura,.game-loading-track span{animation:none}.game-loading-track span{transform:none;opacity:.75}}
