
:root{--v37-header-height:104px}
.topbar.topbarTwoRow{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:6px!important;
  min-height:var(--v37-header-height)!important;
  padding:8px 10px!important;
  background:rgba(7,6,4,.97)!important;
}
.topbarPrimaryRow,.topbarSecondaryRow{width:100%;min-width:0}
.topbarPrimaryRow{
  display:grid;
  grid-template-columns:34px 46px minmax(0,1fr);
  align-items:center;
  gap:7px;
  min-height:44px;
}
.topbarPrimaryRow .globalBackBtn{grid-column:1}
.topbarPrimaryRow .compactHomeBtn{grid-column:2!important;width:44px!important;height:44px!important;min-width:44px!important;flex-basis:44px!important;border-radius:14px!important}
.topbarPrimaryRow .title{grid-column:3;min-width:0;margin:0!important;font-size:21px!important;line-height:1.1!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbarSecondaryRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:40px;
}
#launchAccessBadge{
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  flex:0 1 auto;
  min-width:0;
  max-width:52%;
  height:38px;
  padding:0 11px!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  border-radius:13px!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:10px!important;
  line-height:1!important;
}
.topbarSecondaryActions{
  min-width:0;
  margin-left:auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
}
.topbarSecondaryActions .topicons{display:flex!important;align-items:center!important;gap:6px!important;margin:0!important}
.topbarSecondaryActions .topicons .iconbtn,
.topbarSecondaryActions .teamTopBadge{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  flex:0 0 38px!important;
  border-radius:12px!important;
  padding:0!important;
}
.topbarSecondaryActions .premiumCoinButton{
  height:38px!important;
  min-height:38px!important;
  min-width:76px!important;
  max-width:88px!important;
  border-radius:12px!important;
  padding:3px 6px!important;
  gap:5px!important;
}
.topbarSecondaryActions .premiumCoinButton::after{border-radius:11px!important}
.topbarSecondaryActions .premiumCoinButton .coinIcon{width:28px!important;height:28px!important;flex-basis:28px!important;border-radius:9px!important}
.topbarSecondaryActions .premiumCoinButton .coinIcon svg{width:18px!important;height:18px!important}
.topbarSecondaryActions .coinAmt{font-size:13px!important}
.topbarSecondaryActions .teamBadgeMark{width:30px!important;height:30px!important;flex-basis:30px!important;border-radius:9px!important}
.topbarSecondaryActions .teamBadgeName{display:none!important}
.shopContextBar{top:var(--v37-header-height)!important}
.shopSearchDock{top:calc(var(--v37-header-height) + 58px)!important}
body.onboardingActive .topbar.topbarTwoRow{
  display:flex!important;
  min-height:52px!important;
  height:52px!important;
  padding:8px 10px!important;
}
body.onboardingActive .topbarPrimaryRow{display:flex!important;min-height:36px!important}
body.onboardingActive .topbarPrimaryRow>*:not(.globalBackBtn){display:none!important}
body.onboardingActive .topbarSecondaryRow{display:none!important}
body.onboardingActive .globalBackBtn{display:grid!important}
@media(max-width:520px){
  :root{--v37-header-height:100px}
  .topbar.topbarTwoRow{padding:7px 8px!important;gap:5px!important}
  .topbarPrimaryRow{grid-template-columns:32px 42px minmax(0,1fr);gap:6px;min-height:42px}
  .topbarPrimaryRow .globalBackBtn{width:32px!important;height:32px!important;min-width:32px!important}
  .topbarPrimaryRow .compactHomeBtn{width:42px!important;height:42px!important;min-width:42px!important;flex-basis:42px!important}
  .topbarPrimaryRow .title{font-size:20px!important}
  #launchAccessBadge{height:36px;max-width:54%;padding:0 8px!important;font-size:9px!important}
  .topbarSecondaryActions{gap:5px}
  .topbarSecondaryActions .topicons{gap:5px!important}
  .topbarSecondaryActions .topicons .iconbtn,.topbarSecondaryActions .teamTopBadge{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;flex-basis:36px!important}
  .topbarSecondaryActions .premiumCoinButton{height:36px!important;min-height:36px!important;min-width:70px!important;max-width:78px!important}
  .shopSearchDock{top:calc(var(--v37-header-height) + 55px)!important}
}
/* Override the older one-row onboarding rule after splitting the header. */
body.onboardingActive .topbar.topbarTwoRow > .topbarPrimaryRow{display:flex!important}
body.onboardingActive .topbar.topbarTwoRow > .topbarSecondaryRow{display:none!important}
body.onboardingActive .topbar.topbarTwoRow > .topbarPrimaryRow > *:not(.globalBackBtn){display:none!important}
body.onboardingActive .topbar.topbarTwoRow > .topbarPrimaryRow > .globalBackBtn{display:grid!important}
