.topbar .brand.brand-links{gap:20px}.brand-home-link{color:var(--ui-fg);white-space:nowrap;text-decoration:none}.brand-portal-link{perspective:500px;flex-shrink:0;place-items:center;min-width:44px;min-height:44px;text-decoration:none;display:grid}.brand-portal-link:hover .brand-mark{border-color:var(--gold-light);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--gold-light) 45%,transparent))}.brand-links>a:focus-visible{outline:2px solid var(--gold-light);outline-offset:5px;border-radius:3px}.atlas-portal-stage{z-index:99992;pointer-events:none;background:0 0;position:fixed;inset:0;overflow:hidden}.atlas-portal-backdrop{z-index:99990;pointer-events:none;background:#070f20;position:fixed;inset:0}.atlas-portal-backdrop:before{content:"";background:linear-gradient(#050b1dcc,#050b1df2),url(/countdown/worlds-neon.webp) 50%/cover;position:absolute;inset:0}.atlas-portal-logo{z-index:100001;border:1px solid var(--gold-light);width:32px;height:32px;color:var(--gold-light);background:var(--ui-bg);box-shadow:0 0 35px color-mix(in srgb,var(--gold-light) 35%,transparent);place-items:center;font:18px Georgia,serif;display:grid;position:fixed;transform:translate(-50%,-50%)rotate(45deg)}.atlas-portal-glow{border:1px solid color-mix(in srgb,var(--gold-light) 65%,transparent);background:conic-gradient(from 30deg,#0000 10%,#adc7ff44 30%,#0000 50%,#adc7ff33 80%,#0000);border-radius:50%;width:110px;height:110px;animation:.9s ease-in both atlas-portal-pull;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 28px #adc7ff55,inset 0 0 20px #adc7ff33}.atlas-portal-status{text-align:center;color:#dce7ff;letter-spacing:.2em;font-size:12px;animation:1.1s both atlas-portal-caption;position:absolute;bottom:14%;left:0;right:0}@keyframes atlas-portal-pull{0%{opacity:0;rotate:0deg;scale:.3}55%{opacity:.9;scale:1.5}to{opacity:0;rotate:150deg;scale:3}}@keyframes atlas-portal-caption{0%,45%{opacity:0}80%,to{opacity:1}}@media (width<=620px){.topbar .brand.brand-links{gap:0}.brand-home-link{display:none}.brand-portal-link{min-width:30px}.atlas-portal-status{font-size:11px}}@media (prefers-reduced-motion:reduce){.atlas-portal-stage{display:none}}.topbar.app-topbar .brand.brand-links .brand-portal-link .brand-mark{display:inline-grid}html[data-theme] .topbar.app-topbar .app-nav .nav-dev-trigger{isolation:isolate;white-space:nowrap;height:72px;color:var(--muted);letter-spacing:.03em;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-family:inherit;font-size:12px;font-weight:650;line-height:1.4;display:flex;position:relative}.nav-dev-trigger>span{place-items:center;transition:transform .18s;display:inline-grid}.nav-dev-trigger[aria-expanded=true]>span{transform:rotate(180deg)}html[data-theme] .topbar.app-topbar .app-nav .nav-dev-trigger:before{content:"";z-index:-1;background:radial-gradient(ellipse at 50% 110%,color-mix(in srgb,var(--gold-light) 19%,transparent),color-mix(in srgb,var(--gold-light) 5%,transparent) 80%);box-shadow:inset 0 0 14px color-mix(in srgb,var(--gold-light) 9%,transparent),0 0 15px color-mix(in srgb,var(--gold-light) 6%,transparent);opacity:0;border-radius:11px;transition:opacity .2s;position:absolute;inset:15px 0}html[data-theme] .topbar.app-topbar .app-nav .nav-dev-trigger:is(.active,[aria-expanded=true]){color:var(--ui-fg)}html[data-theme] .topbar.app-topbar .app-nav .nav-dev-trigger:is(.active,[aria-expanded=true]):before{opacity:1}.nav-dev-trigger:focus-visible{outline:2px solid var(--gold-light);outline-offset:-5px}.nav-dev-dropdown{z-index:1000;border:1px solid var(--line);background:var(--ui-panel);width:236px;max-width:calc(100vw - 24px);color:var(--ui-fg);border-radius:12px;padding:6px;position:fixed;box-shadow:0 12px 35px #0003}.nav-dev-dropdown a{min-height:44px;color:var(--ui-fg);border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:10px 12px;font-size:13px;text-decoration:none;display:flex}.nav-dev-dropdown a:is(:hover,:focus-visible,[aria-current=page]){background:color-mix(in srgb,var(--gold-light) 11%,transparent)}.nav-dev-dropdown a:focus-visible{outline:2px solid var(--gold-light);outline-offset:-2px}.nav-dev-dropdown a>span+span{color:var(--gold-light)}@media (width<=1100px){html[data-theme] .topbar.app-topbar .app-nav .nav-dev-trigger{height:44px}html[data-theme] .topbar.app-topbar .app-nav .nav-dev-trigger:before{inset:4px 0}}@media (width<=620px){html[data-theme] .topbar.app-topbar .app-nav .nav-dev-trigger{padding-inline:8px}}@media (prefers-reduced-motion:reduce){.nav-dev-trigger>span{transition:none}}.mobile-tab-bar{display:none}@media (width<=620px){.mobile-tab-bar{--tab-bar-h:58px;z-index:1000;height:calc(var(--tab-bar-h) + env(safe-area-inset-bottom));padding:0 max(4px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(4px,env(safe-area-inset-left));background:color-mix(in srgb,var(--ui-bg) 94%,transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);font-family:var(--font-sans);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-tab-bar>a,.mobile-tab-bar>button{min-width:0;height:var(--tab-bar-h);color:var(--muted);font:inherit;letter-spacing:.02em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;margin:0;padding:0 2px;font-size:11px;font-weight:600;line-height:1.2;text-decoration:none;transition:color .2s;display:flex;position:relative}.mobile-tab-bar>*>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.mobile-tab-bar>.active{color:var(--ui-fg)}.mobile-tab-bar>.active:before{content:"";background:var(--gold-light);height:2px;position:absolute;top:-1px;left:28%;right:28%}.mobile-tab-bar>.active svg{color:var(--gold-light)}.mobile-tab-bar>:active{background:color-mix(in srgb,var(--ui-fg) 6%,transparent)}.mobile-tab-bar>:focus-visible{outline:2px solid var(--gold-light);outline-offset:-4px}body:has(.mobile-tab-bar){padding-bottom:calc(58px + env(safe-area-inset-bottom))}body:has(.mobile-tab-bar) .sandbox-float{bottom:calc(58px + env(safe-area-inset-bottom) + 12px)}body:has(.mobile-tab-bar) .spoiler-float{bottom:calc(58px + env(safe-area-inset-bottom) + 12px)}}.mobile-more{z-index:1400;background:#05080a73;align-items:flex-end;animation:.2s ease-out mobile-more-fade;display:flex;position:fixed;inset:0}.mobile-more-sheet{width:100%;max-height:min(80dvh,620px);padding:0 0 calc(16px + env(safe-area-inset-bottom));background:var(--ui-panel);color:var(--ui-fg);border-top:1px solid var(--line);font-family:var(--font-sans);animation:.26s cubic-bezier(.2,.8,.2,1) mobile-more-up;overflow-y:auto;box-shadow:0 -12px 32px #00000038}.mobile-more-head{z-index:1;background:var(--ui-panel);justify-content:space-between;align-items:center;padding:20px 8px 8px 20px;display:flex;position:sticky;top:0}.mobile-more-handle{background:var(--line);width:36px;height:4px;margin-left:-18px;position:absolute;top:8px;left:50%}.mobile-more-head h2{letter-spacing:.02em;margin:0;font-size:17px;font-weight:650}.mobile-more-head button{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid}.mobile-more-head button:focus-visible{outline:2px solid var(--gold-light);outline-offset:-4px}.mobile-more-sheet h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:18px 20px 6px;font-size:11px;font-weight:600}.mobile-more-list{border-top:1px solid var(--line);margin:0 20px}.mobile-more-list a{border-bottom:1px solid var(--line);min-height:52px;color:var(--ui-fg);justify-content:space-between;align-items:center;gap:12px;padding:0 4px;font-size:15px;text-decoration:none;display:flex}.mobile-more-list a>span:first-child{align-items:center;gap:8px;display:inline-flex}.mobile-more-list a>span:last-child{color:var(--muted);font-size:17px}.mobile-more-list a[aria-current=page]>span:last-child{color:var(--gold-light);font-size:14px}.mobile-more-list a:active{background:color-mix(in srgb,var(--ui-fg) 5%,transparent)}.mobile-more-list a:focus-visible{outline:2px solid var(--gold-light);outline-offset:-2px}.mobile-more-list small{border:1px solid var(--line);color:var(--gold-light);letter-spacing:.08em;padding:3px 5px;font-size:10px;line-height:1}@keyframes mobile-more-fade{0%{opacity:0}}@keyframes mobile-more-up{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.mobile-more,.mobile-more-sheet{animation:none}.mobile-tab-bar>*{transition:none}}
