.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{font-size:12px;transition:transform .18s}.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:last-child{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}}
