.topbar{gap:8px 12px;padding:12px 20px;border-bottom:1px solid var(--line);background:var(--bg2)}.topbar,.topbar-nav{display:flex;align-items:center;flex-wrap:wrap}.topbar-nav{gap:8px 16px;margin-right:auto;font-size:14px}.topbar-nav a{color:var(--muted);text-decoration:none}.topbar-nav a:hover{color:var(--fg)}.topbar-nav a[aria-current=page]{color:var(--fg);font-weight:600}.topbar-nav a:focus-visible,.topbar-wallet:focus-visible{outline:2px solid var(--rare);outline-offset:3px;border-radius:4px}.topbar-nav .topbar-logo{font-family:var(--display);font-weight:800;font-size:18px;color:var(--fg);letter-spacing:-.02em;margin-right:8px}.topbar-logo em{font-style:normal;color:var(--rare)}.topbar-wallet{display:flex;align-items:center;gap:8px;border:1px solid rgba(92,201,139,.45);border-radius:999px;padding:4px 12px;font-family:var(--mono);font-size:12.5px;white-space:nowrap}.topbar-wallet:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--up)}.topbar-wallet-label{font-family:var(--body);font-size:10.5px;letter-spacing:.04em;color:var(--muted)}.topbar-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--manaU),var(--manaB));display:grid;place-items:center;font-size:13px;font-weight:700;flex:none;color:var(--fg);text-decoration:none}.topbar-avatar:hover{box-shadow:0 0 0 2px var(--line2)}.topbar-avatar:focus-visible{outline:2px solid var(--rare);outline-offset:3px}.topbar-avatar[aria-current=page]{box-shadow:0 0 0 2px var(--rare)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:520px){.topbar{padding:10px 14px}.topbar-nav{gap:6px 14px}}