/* MHQ MLBB Lab v26 — tighter desktop header + global scroll progress */
.mlbb-data-site .mlbb-scroll-progress{
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:3px;
  z-index:220;
  pointer-events:none;
  background:rgba(7,11,18,.72);
}
.mlbb-data-site .mlbb-scroll-progress>span{
  display:block;
  width:100%;
  height:100%;
  transform:scaleX(0);
  transform-origin:left center;
  background:linear-gradient(90deg,#29b9ff 0%,#68dbff 72%,#ffd34d 100%);
  box-shadow:0 0 10px rgba(70,201,255,.38);
  will-change:transform;
}

@media(min-width:1101px){
  .mlbb-data-site .mlab-header{
    top:3px!important;
    margin:3px auto 0!important;
  }
  .mlbb-data-site .mlab-header-main{
    min-height:66px!important;
    padding:5px 9px!important;
  }
  .mlbb-data-site .mlab-header-main>.mlab-brand{
    height:52px!important;
  }
  .mlbb-data-site .mlab-header-main>.mlab-brand .mlab-logo-image{
    height:50px!important;
  }
  .mlbb-data-site .mlab-desktop-nav a{
    height:40px!important;
  }
  .mlbb-data-site .mlab-mhq-link,
  .mlbb-data-site .mlab-arcade-link{
    height:39px!important;
    min-height:39px!important;
  }

  /* Keep the Counters lane sticky bar directly under the compact main header. */
  .mlbb-data-site .mlbb-counter-lane-nav{
    top:75px!important;
  }
  .mlbb-data-site .mlbb-counter-lane-group{
    scroll-margin-top:150px!important;
  }
}

@media(min-width:821px) and (max-width:1100px){
  .mlbb-data-site .mlbb-counter-lane-nav{
    top:84px!important;
  }
  .mlbb-data-site .mlbb-counter-lane-group{
    scroll-margin-top:156px!important;
  }
}

/* Desktop Draft Helper: give the green + its own grid column so it never covers scores. */
@media(min-width:821px){
  .mlbb-data-site .mlbb-rec-card{
    grid-template-columns:62px minmax(0,1fr) minmax(160px,190px) 34px!important;
    align-items:start!important;
  }
  .mlbb-data-site .mlbb-rec-card .mlbb-rec-title{
    padding-right:0!important;
  }
  .mlbb-data-site .mlbb-rec-card .mhq-rec-add{
    position:static!important;
    top:auto!important;
    right:auto!important;
    grid-column:4!important;
    grid-row:1!important;
    align-self:start!important;
    justify-self:end!important;
    margin:0!important;
  }
}

@media(max-width:1100px){
  .mlbb-data-site .mlbb-scroll-progress{height:2px}
}

@media(prefers-reduced-motion:reduce){
  .mlbb-data-site .mlbb-scroll-progress>span{will-change:auto}
}

/* FINAL LAB BRAND AUTHORITY v2
   This block intentionally loads after all page-specific Lab styles.
   Gold is the only decorative/interactive accent. Blue/red remain only where they have game-state meaning. */
body.mlbb-data-site{
  --lab-gold:#f0c46b;
  --lab-gold-soft:#ffe09a;
  --lab-gold-line:#6a5937;
  --lab-panel:#12171d;
  --lab-panel-2:#171d24;
  --lab-panel-3:#0f1419;
  --lab-line:#343b44;
  --lab-line-soft:#252c34;
  --lab-text:#f7f4e9;
  --lab-muted:#8e969e;
}

/* Shared heading/accent language */
body.mlbb-data-site :is(.mlbb-page-eyebrow,.mlbb-kicker){color:var(--lab-gold)!important;}
body.mlbb-data-site :is(.mlbb-page-eyebrow,.mlbb-kicker)::before{background:var(--lab-gold)!important;}
body.mlbb-data-site :is(
  .mlbb-patch-hero h1 em,
  .macro-hero h1 span,
  .mlbb-contact-copy h1 span,
  .mlbb-tool-hero h1 span,
  .mlbb-page-hero h1 em
){color:var(--lab-gold)!important;-webkit-text-fill-color:currentColor!important;}

/* Neutralize legacy blue surfaces/borders */
body.mlbb-data-site :is(
  .mlbb-patch-hero,.mlbb-patch-live-card,.mlbb-patch-stat,.mlbb-patch-change,.mlbb-patch-row,
  .macro-hero aside,.macro-tabs-wrap,.macro-step,.macro-tip-card,.macro-lane-badge,
  .mlbb-contact-hero,.mlbb-discord-card,.mlbb-contact-card,.mlbb-contact-panel,.mlbb-contact-final,.mlbb-contact-check
){
  border-color:var(--lab-line)!important;
  box-shadow:none!important;
}
body.mlbb-data-site :is(
  .mlbb-patch-live-card,.mlbb-patch-stat,.mlbb-patch-change,.mlbb-patch-row,
  .macro-hero aside,.macro-step,.macro-tip-card,
  .mlbb-discord-card,.mlbb-contact-card,.mlbb-contact-panel,.mlbb-contact-final,.mlbb-contact-check
){
  background:var(--lab-panel)!important;
}
body.mlbb-data-site :is(.mlbb-patch-hero,.macro-hero,.mlbb-contact-hero){background:transparent!important;}

/* PATCH NOTES */
body.mlbb-data-site .mlbb-patch-live-card{background:linear-gradient(145deg,#171a1d,#11161b)!important;}
body.mlbb-data-site .mlbb-patch-live-card a,
body.mlbb-data-site .mlbb-patch-change a,
body.mlbb-data-site .mlbb-patch-row a,
body.mlbb-data-site .mlbb-patch-source-note a{color:var(--lab-gold-soft)!important;}
body.mlbb-data-site .mlbb-patch-change:hover{border-color:var(--lab-gold-line)!important;}
body.mlbb-data-site .mlbb-patch-detail-list li::before{color:var(--lab-gold)!important;}
body.mlbb-data-site .mlbb-patch-row a{border-color:var(--lab-line)!important;background:#10151a!important;}
body.mlbb-data-site .mlbb-patch-row a:hover{border-color:var(--lab-gold-line)!important;background:rgba(240,196,107,.08)!important;}
body.mlbb-data-site .mlbb-patch-advance{
  border-color:var(--lab-gold-line)!important;
  background:linear-gradient(135deg,#211d14,#12171b)!important;
}
body.mlbb-data-site .mlbb-patch-advance span{color:var(--lab-gold-soft)!important;border-color:var(--lab-gold-line)!important;background:rgba(240,196,107,.08)!important;}

/* MACRO GUIDE */
body.mlbb-data-site .macro-hero aside{background:linear-gradient(180deg,#151a1f,#11161b)!important;}
body.mlbb-data-site .macro-hero aside strong{color:var(--lab-gold-soft)!important;}
body.mlbb-data-site .macro-tabs-wrap{background:rgba(13,16,20,.96)!important;border-color:var(--lab-line)!important;}
body.mlbb-data-site .macro-tabs button{
  border-color:var(--lab-line-soft)!important;
  background:#11171d!important;
  color:#9ba3ab!important;
  box-shadow:none!important;
}
body.mlbb-data-site .macro-tabs button:hover{border-color:#5f533b!important;background:#181a1a!important;color:var(--lab-text)!important;}
body.mlbb-data-site .macro-tabs button.is-active{
  border-color:var(--lab-gold)!important;
  background:rgba(240,196,107,.11)!important;
  color:var(--lab-gold-soft)!important;
  box-shadow:inset 0 -2px 0 var(--lab-gold)!important;
}
body.mlbb-data-site .macro-lane-badge{
  border-color:var(--lab-gold-line)!important;
  background:rgba(240,196,107,.07)!important;
  color:var(--lab-gold-soft)!important;
}
body.mlbb-data-site .macro-step-num{
  border-color:var(--lab-gold-line)!important;
  background:#17160f!important;
  color:var(--lab-gold)!important;
}
body.mlbb-data-site .macro-map{border-color:var(--lab-line)!important;background:linear-gradient(145deg,#12181b,#111519 48%,#0e1317)!important;}
body.mlbb-data-site .macro-base{border-color:#77715f!important;background:#2b2b27!important;}
body.mlbb-data-site .macro-base.b{border-color:#6d6253!important;background:#2b2523!important;}
body.mlbb-data-site .macro-river{background:rgba(240,196,107,.10)!important;}
body.mlbb-data-site .macro-path{background:var(--lab-gold)!important;box-shadow:0 0 12px rgba(240,196,107,.22)!important;}
body.mlbb-data-site .macro-node{background:#8e9497!important;box-shadow:0 0 0 4px rgba(142,148,151,.12)!important;}
body.mlbb-data-site .macro-focus{border-color:var(--lab-gold)!important;box-shadow:0 0 0 7px rgba(240,196,107,.10)!important;}

/* CONTACT */
body.mlbb-data-site .mlbb-discord-card{
  background:linear-gradient(160deg,#171b20,#11161b)!important;
}
body.mlbb-data-site .mlbb-discord-mark,
body.mlbb-data-site .mlbb-contact-card-icon,
body.mlbb-data-site .mlbb-contact-check span:first-child{
  border-color:var(--lab-gold-line)!important;
  background:rgba(240,196,107,.09)!important;
  color:var(--lab-gold-soft)!important;
}
body.mlbb-data-site .mlbb-discord-cta{
  border:1px solid var(--lab-gold)!important;
  border-radius:5px!important;
  background:var(--lab-gold)!important;
  color:#171107!important;
  box-shadow:none!important;
}
body.mlbb-data-site .mlbb-discord-cta:hover{background:var(--lab-gold-soft)!important;border-color:var(--lab-gold-soft)!important;filter:none!important;}
body.mlbb-data-site .mlbb-contact-note{border-left-color:var(--lab-gold)!important;background:rgba(240,196,107,.055)!important;}
body.mlbb-data-site .mlbb-contact-final{background:linear-gradient(100deg,#171b20,#11161b)!important;}

/* Generic late-loaded legacy cyan controls */
body.mlbb-data-site :is(a,button,input,select):focus-visible{outline:2px solid var(--lab-gold)!important;outline-offset:2px!important;}
body.mlbb-data-site :is(input[type="search"],input[type="text"],select):focus{
  border-color:var(--lab-gold)!important;
  box-shadow:0 0 0 3px rgba(240,196,107,.10)!important;
}

/* Retire the old Lab-only progress visual; network chrome owns progress. */
body.mlbb-data-site .mlbb-scroll-progress{display:none!important;}