.page-loading{min-height:65vh;display:grid;place-items:center;position:relative;isolation:isolate;padding:32px;text-align:center;box-sizing:border-box}.loading-message{z-index:1;max-width:440px}.loading-message h1{font-size:18px;font-weight:500;margin:24px 0 12px}.loading-message p{color:#a9ada8;font-size:14px}.loading-seal{display:inline-grid;place-items:center;width:36px;height:36px;border:0;animation:loading-breathe 2s ease-in-out infinite}.restoring-battle>.site-header{display:none}.restoring-battle #app{max-width:none;margin:0;padding:0}.page-loading-battle{min-height:100svh;overflow:hidden}.loading-slow{margin-top:24px}.loading-slow a{display:inline-block;margin:8px;color:#d4bc8c}@keyframes loading-breathe{50%{opacity:.4}}@media(prefers-reduced-motion:reduce){.loading-seal{animation:none}}@media(max-height:500px){.loading-message h1{margin:12px 0 8px}.loading-slow{margin-top:10px}.loading-seal{width:28px;height:28px}}
body.restoring-battle .site-header{display:none!important}

/* Restoration owns the viewport before and after battle mode is initialized. */
body.restoring-battle { overflow: hidden; }
body.restoring-battle #app { max-width: none !important; margin: 0 !important; padding: 0 !important; }
.page-loading-battle { position: fixed; inset: 0; height: 100%; min-height: 0; }
.loading-message { position: relative; }
.loading-slow { position: absolute; top: 100%; left: 0; width: 100%; }