.loading-screen{z-index:100;background:var(--felt) url(/artwork/loading-mobile.webp) center / cover no-repeat;color:var(--paper);font-family:var(--font);isolation:isolate;place-items:end center;display:grid;position:fixed;inset:0}.loading-screen:before{content:"";z-index:-1;background:linear-gradient(0deg, var(--felt) 0%, color-mix(in srgb, var(--felt) 92%, transparent) 15%, color-mix(in srgb, var(--felt) 15%, transparent) 75%);position:absolute;inset:0}.loading-content{width:min(100%,520px);padding:32px 28px max(44px, env(safe-area-inset-bottom));text-align:center}.loading-logo,.loading-label,.loading-percent,.loading-tip{visibility:hidden}.font-ready .loading-content>*{visibility:visible}.loading-logo{letter-spacing:-1.5px;justify-content:center;align-items:center;gap:10px;margin:0 0 20px;font-size:42px;font-weight:900;display:flex}.loading-logo>span{background:var(--accent);border-radius:50%;width:14px;height:14px}.loading-label{margin:0 0 14px;font-size:18px;font-weight:800}.loading-meter{background:color-mix(in srgb, var(--paper) 22%, transparent);border-radius:999px;height:12px;overflow:hidden}.loading-meter>span{background:var(--accent);border-radius:inherit;height:100%;transition:width .2s ease-out;display:block}.loading-meter .is-indeterminate{width:30%;animation:1.6s ease-in-out infinite alternate loading-sweep}.loading-percent{font-variant-numeric:tabular-nums;margin:8px 0 18px;font-size:16px;font-weight:900}.loading-tip{min-height:44px;color:var(--paper);margin:0;font-size:16px;font-weight:600;line-height:1.45}.loading-screen.is-ready{pointer-events:none;animation:.2s ease-out .3s both loading-away}.loading-content .btn{margin-top:12px}@keyframes loading-sweep{to{transform:translate(230%)}}@keyframes loading-away{to{opacity:0}}@media (min-width:760px){.loading-screen{background-image:url(/artwork/loading-desktop.webp)}.loading-content{padding-bottom:48px}.loading-logo{font-size:52px}}@media (prefers-reduced-motion:reduce){.loading-screen,.loading-meter>span{transition-property:none;animation:none}}.loading-content [hidden]{display:none}
