#bootScreen{--boot-k: 1;position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#1b1813,#0c0b09 70%);color:var(--c-text, #ebe6dc);opacity:1;transition:opacity .4s ease}@media(min-width:901px){#bootScreen{--boot-k: var(--ui-zoom, 1)}}#bootScreen.bootOut{opacity:0;pointer-events:none}.bootInner{display:flex;flex-direction:column;align-items:center;gap:calc(10px / var(--boot-k));padding:0 16px;text-align:center}.bootLogo{width:calc(150px / var(--boot-k));height:calc(150px / var(--boot-k));object-fit:contain;animation:bootBreathe 2.4s ease-in-out infinite;-webkit-user-drag:none;user-select:none}@keyframes bootBreathe{0%,to{filter:drop-shadow(0 0 12px hsl(38 60% 55% / .15)) drop-shadow(0 8px 22px rgba(0,0,0,.6))}50%{filter:drop-shadow(0 0 26px hsl(38 60% 60% / .4)) drop-shadow(0 8px 22px rgba(0,0,0,.6))}}.bootName{font:700 calc(42px / var(--boot-k))/1 var(--f-display, "Fraunces", serif);letter-spacing:-.01em;margin-top:calc(6px / var(--boot-k))}.bootName .bootDot{color:var(--accent, #c8a24d)}.bootTagline{font:500 calc(15px / var(--boot-k))/1.3 var(--f-body, "Instrument Sans", sans-serif);color:var(--c-dim, #aca595);letter-spacing:.02em}.bootBar{width:calc(240px / var(--boot-k));max-width:60vw;height:calc(3px / var(--boot-k));margin-top:calc(18px / var(--boot-k));border-radius:3px;background:#ebe7e01a;overflow:hidden}.bootBarFill{width:100%;height:100%;background:var(--accent, #c8a24d);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.bootMsg{display:none;flex-direction:column;align-items:center;gap:calc(12px / var(--boot-k));margin-top:calc(14px / var(--boot-k))}.bootMsg p{margin:0;color:var(--c-text, #ebe6dc);font-size:calc(15px / var(--boot-k));text-align:center;white-space:pre-line;max-width:calc(420px / var(--boot-k));line-height:1.4}#bootScreen .bootMsg button{font-size:calc(15px / var(--boot-k));min-height:calc(52px / var(--boot-k));padding:0 calc(20px / var(--boot-k))}#bootScreen.bootBlocked .bootMsg{display:flex}#bootScreen.bootBlocked .bootBar{display:none}#bootScreen.bootBlocked .bootLogo{animation:none}@media(max-width:720px){.bootName{font-size:34px}}@media(max-width:900px),(pointer:coarse){#bootScreen{display:block}#bootScreen .bootLogo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(min(252px,62vw) / var(--boot-k));height:calc(min(252px,62vw) / var(--boot-k))}#bootScreen .bootInner{padding-top:calc((50vh + min(126px,31vw) + 6px) / var(--boot-k));padding-top:calc((50dvh + min(126px,31vw) + 6px) / var(--boot-k))}}.offlineBanner{position:fixed;left:50%;top:max(8px,env(safe-area-inset-top));transform:translate(-50%);z-index:40;padding:3px 10px;border-radius:999px;white-space:nowrap;background:var(--glass-fill);border:1px solid var(--c-line);color:var(--c-text);font:500 .7rem/1.35 var(--f-body);box-shadow:0 6px 18px #0006;pointer-events:none}.offlineBanner.hidden{display:none}.offDot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--c-warn);margin-right:6px;vertical-align:1px;flex:none}.navOfflineBtn{color:var(--c-warn)}@media(max-width:560px){html.isOffline .mainNavBtn,.navOfflineBtn{padding:0 7px!important}.navOfflineBtn .offDot{margin-right:4px}}html.isOffline #navPvpBtn,html.isOffline #navFriendsBtn,html.isOffline #navRankingBtn,html.isOffline #navSignInMoreBtn,html.isOffline #accountSignInBtn,html.isOffline #accountSignOutBtn,html.isOffline #deleteAccountBtn{opacity:.35;pointer-events:none}@media(max-width:560px){html.isOffline #navPvpBtn{display:none}}