/* Immediate, silent brand cover while the browser loads the application. */
body{margin:0;background:#101122;color:#f5f2ff}
#root>.boot-cover{min-height:100vh;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at center,#32205355,transparent 62%),#101122;font-family:system-ui,sans-serif}
.boot-cover__brand{display:flex;flex-direction:column;align-items:center;gap:30px;margin-top:-36px;padding:24px;min-inline-size:0;max-inline-size:100%;box-sizing:border-box}
.boot-cover__brand>img{width:138px;height:138px;border-radius:38px;box-shadow:0 24px 70px #693aff48}
.boot-cover__wordmark{font-size:min(clamp(2.65rem,7vw,3.65rem),14vw);font-weight:800;line-height:1.1;letter-spacing:-.075em;direction:ltr}
.boot-cover__wordmark>span{color:#d6ff62}
.boot-cover__reload{position:fixed;bottom:24px;inset-inline-end:24px;min-height:44px;display:flex;align-items:center;padding:0 16px;border:1px solid #a699d342;border-radius:99px;color:#e9e3ff;background:#201c35;text-decoration:none;font:14px system-ui,sans-serif;visibility:hidden;animation:boot-recovery 0s 8s forwards}
.boot-cover__reload:focus-visible{outline:3px solid #d6ff62;outline-offset:4px}
@keyframes boot-recovery{to{visibility:visible}}
noscript{position:fixed;inset-inline:20px;bottom:24px;text-align:center;font:14px/1.6 system-ui,sans-serif;color:#e0d8f4}
