.topbar .menu{margin-left:auto}.topbar .header-actions{display:flex;align-items:center;gap:11px;margin-left:auto;flex:none}.header-actions .header-launch{display:inline-grid;place-items:center;min-height:41px;padding:10px 15px;border-radius:8px;background:var(--accent,#c7ff35);color:var(--on,#14200c);font:700 13px 'Space Grotesk',sans-serif;white-space:nowrap}.header-actions .wallet-trigger{margin:0;background:#1a2b2e;color:#ecf7f2;border-color:#456164}.header-actions .wallet-trigger:hover{border-color:var(--accent);color:var(--accent)}.header-actions .network-control{flex:none}.mobile-shortcuts .mobile-launch{background:var(--accent);color:var(--on);border-color:var(--accent);font-weight:700}
body>header:not(.topbar)>.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
@media(max-width:1100px){.topbar .menu a:not(.btn){display:none}.topbar .menu{gap:0;min-width:0}}
@media(max-width:760px){.topbar .header-actions{margin-left:auto}.header-actions .header-launch,.header-actions .wallet-trigger{display:none!important}.topbar .menu{display:none}.mobile-shortcuts .wallet-trigger{background:#213436;color:var(--accent);border:1px solid var(--line)}body>header:not(.topbar)>.header-actions{display:none}}

.wallet-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px}.wallet-symbol{display:inline-block;width:19px;height:19px;flex:none;background:currentColor;mask:url(/wallet-icon.svg) center/contain no-repeat;-webkit-mask:url(/wallet-icon.svg) center/contain no-repeat}.wallet-label{white-space:nowrap}

.menu .x-social,.nav .x-social{display:inline-grid;place-items:center;flex:none;width:35px;height:35px;border:1px solid var(--line,#456164);border-radius:8px;background:#18272a;transition:border-color .2s,background .2s}.menu .x-social:hover,.nav .x-social:hover{border-color:var(--accent);background:var(--tint)}.menu .x-social img,.nav .x-social img{display:block;width:16px;height:16px}@media(max-width:760px){.menu .x-social{display:none}.nav .x-social{display:none}}

.header-actions .x-social{display:inline-grid;place-items:center;flex:none;width:35px;height:39px;border:1px solid var(--line,#456164);border-radius:8px;background:#18272a}.header-actions .x-social:hover{border-color:var(--accent);background:var(--tint)}.header-actions .x-social img{width:16px;height:16px}@media(max-width:760px){.header-actions .x-social{display:none}}

.cta-arrow{display:inline-block;vertical-align:-.12em;width:1em;height:1em;margin-left:.28em;flex:none}.header-actions .header-launch,.mobile-shortcuts .mobile-launch{display:inline-flex;align-items:center;justify-content:center;gap:1px}.header-actions .header-launch .cta-arrow,.mobile-shortcuts .mobile-launch .cta-arrow{margin-left:.2em}
@media(max-width:760px){.topbar .header-actions{gap:7px;min-width:0}.topbar .header-actions .wallet-trigger{display:inline-flex!important;flex:none;width:43px;height:43px;min-height:43px;padding:0;border-radius:9px;color:var(--accent);border-color:var(--line)}.topbar .header-actions .wallet-symbol{width:21px;height:21px}.topbar .header-actions .wallet-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.topbar .header-actions .network-control{margin-left:0}.topbar .header-actions .network-control>button{max-width:143px;padding:9px 8px}.mobile-shortcuts .wallet-trigger{display:none!important}}
@media(max-width:390px){.topbar .logo{font-size:.85rem;gap:5px}.topbar .logo img{width:28px;height:28px}.topbar .header-actions .network-control>button{max-width:126px;font-size:11px;padding:8px 6px}.topbar .header-actions .wallet-trigger{width:39px;height:39px;min-height:39px}}
@media(max-width:345px){.topbar .logo{font-size:0}.topbar .logo span{display:none}.topbar .header-actions .network-control>button{max-width:145px}}
/* Give the GENNY wordmark more presence while keeping mobile controls visible. */
.topbar .logo{font-size:1.58rem;gap:10px;line-height:1}.topbar .logo img{width:42px;height:42px}
@media(max-width:760px){.topbar .logo{font-size:1.2rem;gap:7px}.topbar .logo img{width:36px;height:36px}}
@media(max-width:390px){.topbar .logo{font-size:1.04rem;gap:5px}.topbar .logo img{width:31px;height:31px}}
@media(max-width:345px){.topbar .logo{font-size:.94rem}.topbar .logo span{display:inline}.topbar .logo img{width:28px;height:28px}.topbar .header-actions .network-control>button{max-width:110px}}