/* X Games Forward: one sharp, theme-aware identity on every hub page. */
.brand.xg-brand,body.halloween.overhaul.worlds .xg-brand,body.account-page .account-brand.xg-brand {
  --brand-accent:var(--lime,#b6f3cf);display:inline-flex;align-items:center;gap:5px;min-height:48px;
  font-family:var(--display,system-ui,sans-serif);font-size:29px;font-weight:850;line-height:1;
  letter-spacing:-1.4px;white-space:nowrap;text-decoration:none;flex-shrink:0;
}
.xg-brand .brand-mark,body.halloween.overhaul.worlds .xg-brand .brand-mark,body.account-page .xg-brand .brand-mark {
  display:block;width:48px;height:48px;flex:none;fill:none;stroke:none;color:var(--brand-accent);filter:none;
}
.xg-brand .xg-word,body.account-page .xg-brand .xg-word {color:var(--text,#f0f7ef);margin:0}
.xg-brand .xg-brand-dot,body.account-page .xg-brand .xg-brand-dot {color:var(--brand-accent);margin:0}
.xg-brand:hover .brand-mark {filter:drop-shadow(0 0 8px color-mix(in srgb,var(--brand-accent) 24%,transparent))}
.xg-brand:focus-visible {outline:2px solid var(--brand-accent);outline-offset:5px;border-radius:5px}
body.halloween.overhaul.worlds footer .xg-brand {font-size:24px;gap:4px}
body.halloween.overhaul.worlds footer .xg-brand .brand-mark {width:40px;height:40px}
@media(max-width:680px) {
 .brand.xg-brand,body.halloween.overhaul.worlds .xg-brand,body.account-page .account-brand.xg-brand {font-size:26px;gap:3px;letter-spacing:-1.2px;min-height:44px}
 .xg-brand .brand-mark,body.halloween.overhaul.worlds .xg-brand .brand-mark,body.account-page .xg-brand .brand-mark {width:42px;height:42px}
 body.halloween.overhaul.worlds footer .xg-brand {font-size:23px}
 body.halloween.overhaul.worlds footer .xg-brand .brand-mark {width:36px;height:36px}
}