/* The supplied lockup stays intact; this viewport trims its outer padding. */
.topbar .brand { position:relative;display:block;flex:0 0 196px;width:196px;height:82px;overflow:hidden;padding:0; }
.topbar .brand .brand-lockup { position:absolute;left:-35px;top:-9px;width:268px;max-width:none;height:auto;mix-blend-mode:screen; }
.header-wallet { display:flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:9px 13px;border:1px solid #3b5a46;border-radius:12px;background:#102017;color:#bff1ce;font-size:12px;max-width:205px;flex-shrink:0; }
#header-wallet-label { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.header-wallet-dot { width:6px;height:6px;border-radius:50%;background:#698373;flex-shrink:0; }
.header-wallet.is-verified .header-wallet-dot { background:#89eead; }
.party-profile-shortcuts { display:flex;flex-wrap:wrap;gap:10px;padding-top:18px;border-top:1px solid #294b3c;margin-top:20px; }
@media(max-width:800px){
 .topbar .brand{flex-basis:160px;width:160px;height:66px}
 .topbar .brand .brand-lockup{width:220px;left:-30px;top:-9px}
 .topbar{height:auto;min-height:82px;flex-wrap:wrap;column-gap:8px;padding-top:6px;padding-bottom:8px}
 .topbar nav{order:3;flex-basis:100%;justify-content:center}
 .topbar .header-wallet{font-size:11px;max-width:165px;padding:8px 10px}
 .party-open .topbar{padding-top:6px;padding-bottom:8px}
 .game-active .topbar{height:auto;min-height:64px}
 .game-active .topbar nav{display:none}
}
@media(max-width:380px){
 .topbar .brand{flex-basis:134px;width:134px;height:56px}
 .topbar .brand .brand-lockup{width:185px;left:-25px;top:-5px}
 .topbar .header-wallet{max-width:140px;font-size:11px;gap:6px}
}