:root{--mhq-head:72px;--nh-base:#101215;--nh-face:#191c21;--nh-line:#34383f;--nh-text:#f7f4e9;--nh-muted:#b3b8be;--nh-width:1280px;--nh-gutter:clamp(16px,4vw,56px);--nh-control:44px}
[data-site=squad]{--nh-accent:#85e5e3}[data-site=arcade]{--nh-accent:#ff886f}[data-site=lab]{--nh-accent:#f0c46b}
html{scroll-padding-top:calc(var(--mhq-head) + 10px)}
body:has(.nh-bar){background:var(--nh-base)!important;color:var(--nh-text);padding-top:0!important}
body:has(.nh-bar)::before,body:has(.nh-bar)::after{display:none!important}
.nh-bar,.nh-hero,.nh-content,.nh-section,.nh-roster,.nh-around{font-family:'DM Sans',Arial,sans-serif}
body header.nh-bar{position:sticky!important;inset:0 0 auto!important;z-index:100!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;border:0!important;border-bottom:1px solid var(--nh-line)!important;box-shadow:none!important;background:#101215fa!important;color:var(--nh-text)!important;transform:none!important}
.nh-bar a,.nh-hero a,.nh-content a,.nh-section a{text-decoration:none}.nh-bar *,.nh-hero *,.nh-content *{box-sizing:border-box}
body .arcade-shell,body.mlbb-data-site main.mlbb-page{padding-top:0!important}
.nh-hero{color:var(--nh-text);margin:0 0 clamp(32px,5vw,65px);padding:0;background:none!important;border:none!important;box-shadow:none!important}
.nh-eyeline{border-bottom:1px solid var(--nh-line);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 0 13px;text-transform:uppercase;color:#b4b8be;font:600 10px/1.4 'DM Sans',sans-serif;letter-spacing:.14em}.nh-eyeline span{display:flex;align-items:center;gap:10px}.nh-eyeline i{display:block;width:7px;height:7px;background:var(--nh-accent)}.nh-eyeline em,.nh-section i,.nh-figure i{color:var(--nh-accent);font-style:normal}
.nh-spread{padding-top:clamp(20px,3vw,39px);display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(22px,4vw,70px);align-items:center}
.nh-copy{min-width:0}.nh-hero .nh-copy h1{margin:0;color:var(--nh-text);font:800 clamp(75px,8.3vw,124px)/.83 'Barlow Condensed','Arial Narrow',sans-serif!important;letter-spacing:-.035em!important;text-transform:uppercase!important;font-style:normal!important;text-shadow:none!important}
.nh-copy h1 strong{display:block!important;color:var(--nh-accent)!important;font:inherit!important;letter-spacing:inherit;background:none!important;-webkit-text-fill-color:currentColor!important}.nh-hero .nh-copy>p{margin:21px 0 0!important;max-width:42ch;color:#b9bec4!important;font:400 clamp(15px,1.25vw,18px)/1.55 'DM Sans',Arial,sans-serif!important}
.nh-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.nh-actions a{display:flex;align-items:center;gap:15px;padding:12px 16px;min-height:43px;border-radius:4px;color:var(--nh-text);border:1px solid #545a61;font:600 13px/1.25 'DM Sans',sans-serif}.nh-actions a:first-child{color:#101619;background:var(--nh-accent);border-color:var(--nh-accent)}.nh-actions a:hover{filter:brightness(1.13)}.nh-actions b{font-size:17px}
.nh-figure{position:relative;min-width:0;margin:0;border:1px solid #43474d;border-radius:4px;overflow:hidden;background:#191d25}.nh-figure>img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1.7;object-fit:cover!important}.nh-figure figcaption{position:absolute;inset:auto 0 0;min-height:30%;display:flex;align-items:end;justify-content:space-between;gap:16px;padding:30px 18px 13px;background:linear-gradient(transparent,#090c12ed);color:#fff;text-align:left;font:600 15px/1.3 'DM Sans',sans-serif}.nh-figure small{display:block;margin-top:3px;color:#c8cbd3;font:400 10px/1.4 monospace}.nh-figure b{font:600 12px monospace}.nh-figure i{padding:0 4px}
.nh-content>section:not(.nh-hero){margin:0 0 clamp(38px,6vw,72px)}.nh-section{display:flex;align-items:end;justify-content:space-between;color:var(--nh-text);padding-top:14px;border-top:1px solid #555b62;margin-bottom:18px}.nh-section span,.nh-around small,.nh-roster small{font:600 10px/1.3 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.13em;color:#aeb4bd}.nh-section i{padding:0 6px}.nh-section h2{margin:6px 0 0!important;font:800 clamp(32px,3.8vw,50px)/1 'Barlow Condensed',sans-serif!important;text-transform:uppercase;color:var(--nh-text)!important;letter-spacing:-.018em!important}
.nh-roster{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.nh-person{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:9px;min-width:0;padding:12px 9px;background:#1a1d23;border:1px solid var(--nh-line);border-radius:4px;color:var(--nh-text)}.nh-person img{width:42px;height:47px;object-fit:cover;object-position:center 32%;border-radius:3px;background:#222830}.nh-person b{display:block;font:800 24px/1.15 'Barlow Condensed',sans-serif}.nh-person small{font-size:9px;letter-spacing:.045em}.nh-person span,.nh-around a>span{color:var(--nh-accent)}.nh-person[href]:hover,.nh-around a:hover{border-color:var(--nh-accent)}
.nh-around{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.nh-around a{position:relative;padding:18px;background:#1a1d23;border:1px solid var(--nh-line);border-radius:4px;color:var(--nh-text)}.nh-around b{display:block;margin:10px 0 5px;font:800 30px/1 'Barlow Condensed',sans-serif}.nh-around p{color:#adb5bf;font-size:14px}.nh-around a>span{position:absolute;top:16px;right:16px}
body.page-arcade .arcade-card,body.mlbb-data-site .mlab-tool-card{border-radius:6px!important}.mlbb-rec-card .mhq-rec-add{position:static!important;align-self:start;justify-self:end;margin:0 0 0 6px}.mlbb-rec-card .mlbb-rec-title{padding-right:0!important}.mlbb-rec-title{flex-wrap:wrap}
:where(.nh-bar,.nh-content,.nh-hero) :focus-visible{outline:2px solid var(--nh-accent,#80dcde);outline-offset:3px}
@media(max-width:720px){.nh-hero .nh-copy h1{font-size:clamp(60px,13vw,88px)!important}.nh-copy h1 strong{display:inline!important}.nh-spread{grid-template-columns:1fr;gap:18px;padding-top:22px}.nh-eyeline{padding:14px 0 10px;font-size:9px;letter-spacing:.07em}.nh-eyeline span{gap:6px}.nh-eyeline span:last-child{font-size:0;gap:0}.nh-hero .nh-copy>p{margin-top:12px!important;max-width:49ch;font-size:15px!important}.nh-actions{margin-top:16px;gap:8px}.nh-actions a{padding:10px 12px;min-height:40px}.nh-figure>img{max-height:265px!important;aspect-ratio:2.1}.nh-figure figcaption{padding:20px 12px 9px}.nh-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.nh-around{grid-template-columns:1fr}.nh-section{padding-top:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
/* All secondary navigation follows the measured first row, including when text wraps. */
body.mlbb-data-site:has(.nh-bar) .mlbb-counter-lane-nav:not([hidden]),
body.mlbb-data-site:has(.nh-bar) .macro-tabs-wrap,
body.mlbb-data-site .mlbb-wrap:has(> .mlbb-hero-tabs),
body.page-arcade .nh-mode-tabs {
  position: sticky !important;
  top: var(--mhq-head) !important;
  z-index: 24;
}
body.mlbb-data-site .mlbb-wrap > .mlbb-hero-tabs {position: static; margin: 0;}
body.mlbb-data-site .mlbb-detail-content section[id] {scroll-margin-top: 56px;}
.network-missing {width:min(90%,68rem);margin:12vh auto;color:#f7f4e9;font-family:'DM Sans',Arial,sans-serif}
.network-missing p,.network-missing a {color:var(--nh-accent)}
.network-missing h1 {font:800 clamp(3rem,8vw,7rem)/1 'Barlow Condensed',Arial,sans-serif}

/* Shared column for each public page, its masthead and its footer. */
.nh-page-width, body.premium-site:has(.nh-bar) main .container,
body .arcade-shell, body.mlbb-data-site .mlbb-wrap {
  width:min(var(--nh-width),calc(100% - 2 * var(--nh-gutter))) !important;
  max-width:none !important;
  box-sizing:border-box;
  margin-inline:auto !important;
}
.nh-page-width,body .arcade-shell,body.mlbb-data-site .mlbb-wrap {padding-inline:0 !important;}
.nh-bar [hidden] {display:none !important;}
.nh-inner {
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;gap:12px;min-height:60px;padding-block:7px;
}
.nh-bar .nh-brand {display:inline-flex;align-items:center;justify-self:start;gap:9px;min-width:0;max-width:100%;color:var(--nh-text);text-decoration:none;}
.nh-bar .nh-mark {display:block;flex:none;width:44px;height:36px;overflow:hidden;}
.nh-brand-copy {display:grid;gap:3px;min-width:0;}
.nh-brand-copy b {font:800 20px/1 'Barlow Condensed',Arial,sans-serif;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap;}
.nh-brand-copy small {font:500 10px/1.15 monospace;color:var(--nh-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nh-bar .nh-switch {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;width:336px;max-width:100%;
  border:1px solid #393e46;background:#191c21;border-radius:8px;padding:3px;
}
.nh-switch a {
  min-width:0;min-height:36px;display:flex;align-items:center;justify-content:center;gap:6px;padding:3px 5px;
  font:600 13px/1.15 'DM Sans',Arial,sans-serif;color:#c1c6cf;text-decoration:none;white-space:nowrap;
  border:1px solid transparent;border-radius:5px;
}
.nh-switch a[aria-current] {border-color:#48515c;background:#2a2f36;color:var(--nh-text);}
.nh-switch a[aria-current] svg {color:var(--nh-accent);}
.nh-switch svg {width:16px;height:16px;flex:none;}
.nh-switch a:hover,.nh-bar .nh-icon-control:hover,.nh-bar .nh-session-button:hover {background:#282d33;color:#fff;}
.nh-tools,.nh-session-actions {display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;}
.nh-tools {justify-self:end;}
.nh-session-actions:not(:has(button:not([hidden]))) {display:none;}
.nh-bar :is(.nh-icon-control,.nh-session-button) {
  box-sizing:border-box;display:inline-flex !important;align-items:center;justify-content:center;gap:6px;
  color:var(--nh-text);background:#171a1f;border:1px solid #41474f;border-radius:6px;
  margin:0;box-shadow:none;cursor:pointer;line-height:1;list-style:none;
}
.nh-bar .nh-icon-control {width:var(--nh-control) !important;min-width:var(--nh-control) !important;height:var(--nh-control) !important;padding:0 !important;}
.nh-bar .nh-icon-control svg,.nh-bar .nh-session-button svg {
  width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
.nh-bar .nh-session-button {min-height:var(--nh-control);padding:0 10px;font:600 12px/1.2 'DM Sans',Arial,sans-serif;}
.nh-bar .nh-session-button[hidden] {display:none !important;}
.nh-room-code {font:600 10px/1 monospace;color:#aeb8c4;}
.nh-bar details {position:relative;min-width:0;margin:0;}
.nh-bar summary::-webkit-details-marker {display:none;}
.nh-bar :is(.nh-menu nav,.nh-account-panel) {
  position:absolute;z-index:2;top:calc(100% + 6px);right:0;width:208px;max-height:65dvh;overflow:auto;
  padding:5px;display:grid;gap:2px;background:#191d24;border:1px solid #414952;border-radius:8px;box-shadow:0 12px 28px #0007;
}
.nh-bar details:not([open]) > :not(summary) {display:none;}
.nh-bar :is(.nh-menu nav a,.nh-account-panel button) {
  display:flex;align-items:center;min-height:40px;padding:6px 10px;font:600 14px/1.25 'DM Sans',Arial,sans-serif;
  text-align:left;color:var(--nh-text);background:transparent;border:0;border-radius:4px;cursor:pointer;text-decoration:none;
}
.nh-bar :is(.nh-menu nav a,.nh-account-panel button):hover {background:#2b3039;}
.nh-menu nav a[aria-current] {color:var(--nh-accent);}
.nh-account-panel #nh-account-identity {display:flex;align-items:center;gap:8px;padding:6px 10px 9px;border-bottom:1px solid #343a45;font:600 13px/1.4 'DM Sans',Arial,sans-serif;overflow-wrap:anywhere;}
.nh-account-panel #nh-account-identity img {width:24px;height:24px;object-fit:contain;}
.nh-local-row {border-top:1px solid #282d34;}
.nh-local-links {display:flex;align-items:stretch;gap:clamp(14px,2.1vw,30px);}
.nh-local-links a {position:relative;display:inline-flex;align-items:center;min-height:36px;color:#c1c7ce;font:600 13px/1.2 'DM Sans',Arial,sans-serif;text-decoration:none;white-space:nowrap;}
.nh-local-links a:is(:hover,:focus-visible),.nh-local-links a[aria-current] {color:var(--nh-accent);}
.nh-local-links a[aria-current]::after {content:"";position:absolute;inset:auto 0 -1px;height:2px;background:var(--nh-accent);}
@media(min-width:900px) {
  .nh-bar .nh-menu,.nh-mode-tabs {display:none !important;}
}
@media(max-width:899px) {
  .nh-bar .nh-local-row {display:none;}
  .nh-inner {
    grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand tools" "switch switch";
    gap:6px 8px;padding-block:7px;
  }
  .nh-bar .nh-brand {grid-area:brand;}
  .nh-bar .nh-switch {grid-area:switch;width:100%;}
  .nh-bar .nh-tools {grid-area:tools;}
  .nh-bar .nh-mark {width:35px;height:30px;}
  .nh-brand-copy b {font-size:17px;}
  .nh-brand-copy small {font-size:9px;}
  .nh-switch a {min-height:38px;}
  .nh-bar .nh-session-button {width:var(--nh-control);height:var(--nh-control);padding:0;}
  .nh-bar .nh-session-button > span {display:none;}
}
@media(max-width:350px) {
  .nh-brand-copy b {font-size:15px;}
  .nh-bar .nh-mark {width:31px;}
  .nh-bar .nh-brand {gap:6px;}
  .nh-tools {gap:4px;}
  .nh-switch a {font-size:12px;gap:4px;}
}

/* A pair always splits the available width evenly, regardless of the labels. */
body .nh-action-pair {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
  width:min(100%,32vw,384px);max-width:100%;margin-inline:0;
}
body .nh-action-pair > a {
  display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0;
  min-height:var(--nh-control);box-sizing:border-box;padding:4px 8px;
  font:600 14px/1.25 'DM Sans',Arial,sans-serif;text-align:center;border-radius:5px;
}
body .nh-action-pair > a :is(svg,b) {flex:none;}
@media(min-width:701px) and (max-width:1100px) {
  body .nh-action-pair > a {font-size:13px;gap:5px;padding-inline:6px;}
}
@media(max-width:700px) {
  body .nh-action-pair {width:100%;}
  body .nh-action-pair > a {font-size:13px;padding-inline:7px;gap:6px;}
}
@media(max-width:350px) {
  body .nh-action-pair > a {font-size:12px;gap:4px;}
}

/* Arcade section tabs use the same neutral selection as the site switcher. */
.nh-mode-tabs {
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;width:100%;
  box-sizing:border-box;padding:3px;margin:0 0 16px;background:#191c21;border:1px solid #393e46;border-radius:8px;
}
.nh-mode-tabs > button {
  display:flex;min-width:0;min-height:48px;align-items:center;justify-content:center;flex-direction:column;gap:4px;
  border:1px solid transparent;border-radius:5px;padding:5px 2px;color:#b7bfc9;background:transparent;box-shadow:none;
  font:600 12px/1.15 'DM Sans',Arial,sans-serif;cursor:pointer;
}
.nh-mode-tabs > button[aria-selected="true"] {color:#f5f5ee;background:#2a2f36;border-color:#48515c;}
.nh-mode-tabs > button:hover {background:#272c33;}
.nh-mode-tabs > button:focus-visible {outline:2px solid #8bd7ee;outline-offset:-2px;}
.nh-mode-tabs .nav-copy {display:none;}
.nh-mode-tabs .mx-tab-short {display:block;}
body.page-arcade .nh-mode-tabs .nav-icon {display:grid;place-items:center;color:inherit;flex:0 0 18px;width:18px;height:18px;background:none;border:0;padding:0;}
.nh-mode-tabs .nav-icon svg {width:18px;height:18px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.nh-mode-tabs [aria-selected="true"] .nav-icon {color:#b4e4ee;}


/* MHQ header UX v2: mobile control order + account session state */
@media(max-width:899px){
  .nh-bar[data-site="squad"] .nh-tools .nh-menu{order:1}
  .nh-bar[data-site="squad"] .nh-tools .nh-search{order:2}
}
#nh-account-toggle{position:relative;overflow:visible}
#nh-account-toggle.has-session{background:#20262d!important}
#nh-account-toggle.has-session svg{display:none}
#nh-account-toggle.has-session::before{content:"";display:block;width:28px;height:28px;border-radius:50%;background:url('/assets/arcade-default-profile.png') center/cover no-repeat;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
#nh-account-toggle.has-session::after{content:"";position:absolute;right:5px;bottom:5px;width:9px;height:9px;border-radius:50%;background:#69d4a8;border:2px solid #171a1f;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
#nh-account-toggle.has-session.is-guest-session{border-color:#7d6841!important}
#nh-account-toggle.has-session.is-guest-session::after{background:#f0c46b}
#nh-account-toggle.has-session:not(.is-guest-session){border-color:#3d7565!important}

/* MHQ header controls v2 */
@media(max-width:899px){
  .nh-bar[data-site="squad"] .nh-tools .nh-menu{order:1;}
  .nh-bar[data-site="squad"] .nh-tools .nh-search{order:2;}
}
.nh-account #nh-account-toggle{position:relative;overflow:visible;}
.nh-account #nh-account-toggle.has-session{border-color:color-mix(in srgb,var(--nh-accent) 58%,#41474f);background:color-mix(in srgb,var(--nh-accent) 12%,#171a1f);}
.nh-account-avatar{display:block;width:30px;height:30px;object-fit:cover;border-radius:8px;}
.nh-account-session-badge{position:absolute;right:-4px;bottom:-4px;min-width:17px;height:17px;padding:0 3px;display:grid;place-items:center;border-radius:999px;border:2px solid #101215;background:var(--nh-accent);color:#091015;font:800 9px/1 'DM Sans',Arial,sans-serif;box-sizing:border-box;}
.nh-account #nh-account-toggle.is-guest-session .nh-account-session-badge{background:#f0c46b;color:#19130a;}