/* Desktop keeps the core links, account menu and quick-access icons. */
@media(min-width:761px){
 #nav.desktop-account-nav>:not([data-action="lobby"]):not([data-action="calendar"]):not([data-action="account"]):not(#desktopUsername):not(#messagesNav):not(#memberSearchMobile){display:none!important}
 #app .topbar{justify-content:flex-start;gap:clamp(24px,12vw,220px);padding-right:max(24px,calc((100vw - 1200px)/2))}
 #app .topbar #nav{margin-left:0;flex:0 1 auto;justify-content:flex-end;text-align:right}
 #nav .navname{max-width:220px}
}
@media(max-width:760px){
 #app .topbar{padding-right:14px}
 #app .topbar #nav{margin-left:auto;justify-content:flex-end;flex-grow:1;text-align:right}
}

#nav .desktop-username{font-size:12px;font-weight:600;padding:10px 0;cursor:default;user-select:text}

@media(max-width:760px){
 #app .topbar #nav{flex-wrap:wrap;min-width:0}
 #nav #mobileUsername{order:-1;flex:0 0 100%;max-width:100%;padding:0 0 5px;text-align:right;overflow-wrap:anywhere;white-space:normal}
}