/* MHQ MLBB Lab v3 — shared foundation layer. Scoped to .mlbb-data-site only. */
.mlbb-data-site{
  --lab-bg:#070b12;
  --lab-bg-2:#0b111a;
  --lab-panel:#0d1520;
  --lab-panel-2:#111d2d;
  --lab-panel-3:#142236;
  --lab-line:#213246;
  --lab-line-strong:#314157;
  --lab-active:#376494;
  --lab-cyan:#00bdf2;
  --lab-cyan-light:#55d9ff;
  --lab-blue-hover:#269cff;
  --lab-gold:#ffc43d;
  --lab-red:#e9322b;
  --lab-green:#71d9a0;
  --lab-text:#f3f7fb;
  --lab-muted:#93a2b2;
  --lab-muted-2:#6f8193;
  --lab-radius:6px;
  --lab-radius-lg:10px;
  background:
    radial-gradient(circle at 12% -8%,rgba(0,189,242,.09),transparent 28%),
    radial-gradient(circle at 92% 4%,rgba(233,50,43,.055),transparent 24%),
    var(--lab-bg)!important;
  color:var(--lab-text);
}
.mlbb-data-site *{box-sizing:border-box}
.mlbb-data-site .mlbb-wrap{width:min(1360px,calc(100% - 64px));margin-inline:auto}
.mlbb-data-site .mlbb-page{padding:38px 0 72px;min-height:0}

/* Header / navigation */
.mlbb-data-site .mlab-signal-bar{height:3px}
.mlbb-data-site .mlab-header{top:3px!important;background:rgba(7,11,18,.94)!important;box-shadow:0 12px 30px rgba(0,0,0,.22)!important}
.mlbb-data-site .mlab-header-main{width:min(1408px,calc(100% - 48px));min-height:74px;gap:20px}
.mlbb-data-site .mlab-logo-image{width:220px;height:62px}
.mlbb-data-site .mlab-header-context{gap:9px;padding-left:18px;border-color:var(--lab-line)}
.mlbb-data-site .mlab-header-context span{color:var(--lab-muted-2)}
.mlbb-data-site .mlab-header-context strong{color:#c9d6e2}
.mlbb-data-site .mlab-arcade-link,.mlbb-data-site .mlab-mhq-link{
  height:42px;border-radius:4px;border-color:#384759;background:transparent;color:#c7d3df;padding:0 13px;
}
.mlbb-data-site .mlab-arcade-link:hover,.mlbb-data-site .mlab-mhq-link:hover{background:#172639;border-color:var(--lab-cyan);color:white}
.mlbb-data-site .mlab-mhq-link span{border-radius:4px;background:#102033;color:var(--lab-cyan-light)}
.mlbb-data-site .mlab-nav-rail{background:#0a1018e8;border-top-color:#ffffff0b}
.mlbb-data-site .mlab-nav-inner{width:min(1408px,calc(100% - 48px))}
.mlbb-data-site .mlab-nav-inner a{min-height:54px;padding:0 15px;color:#8798aa;font-size:.66rem;border-color:#ffffff08}
.mlbb-data-site .mlab-nav-inner a:hover{background:#101925;color:#fff}
.mlbb-data-site .mlab-nav-inner a[aria-current=page]{background:#111c29;color:#fff}
.mlbb-data-site .mlab-nav-inner a[aria-current=page]:after{left:14px;right:14px;background:var(--lab-cyan)}
.mlbb-data-site .mlab-route-strip{background:#080d14;border-color:#ffffff09}
.mlbb-data-site .mlab-route-strip>.mlbb-wrap{min-height:32px;color:#5d7184}
.mlbb-data-site .mlab-route-strip strong{color:#9bb0c2}

/* Shared controls */
.mlbb-data-site button,.mlbb-data-site input,.mlbb-data-site select,.mlbb-data-site textarea{font-family:"DM Sans",system-ui,sans-serif}
.mlbb-data-site .mlbb-select,.mlbb-data-site input[type="search"],.mlbb-data-site input[type="text"]{
  border-radius:4px!important;border-color:#384759!important;background:#0b1520!important;color:#ecf4ff!important;min-height:44px!important;
}
.mlbb-data-site .mlbb-select:focus,.mlbb-data-site input:focus,.mlbb-data-site textarea:focus{
  border-color:var(--lab-cyan)!important;outline:none!important;box-shadow:0 0 0 2px rgba(0,189,242,.16)!important;
}
.mlbb-data-site .mlbb-visual-choice{
  min-height:42px!important;border-radius:4px!important;background:#101925!important;border:1px solid transparent!important;color:#8095aa!important;
}
.mlbb-data-site .mlbb-visual-choice:hover{background:#152333!important;color:#d6e6f2!important}
.mlbb-data-site .mlbb-visual-choice.is-active{background:#10263a!important;border-color:#2f7da1!important;color:#8fe9ff!important}
.mlbb-data-site .mlbb-visual-choice-icon{color:inherit}
.mlbb-data-site .mlbb-filter-surface,.mlbb-data-site .mlbb-database-controls{
  border:1px solid var(--lab-line)!important;border-radius:6px!important;background:var(--lab-bg-2)!important;box-shadow:none!important;
}
.mlbb-data-site .mlbb-filter-row{padding:13px 14px!important}
.mlbb-data-site .mlbb-filter-row+.mlbb-filter-row{border-top-color:#ffffff0c!important}

/* Shared page intros */
.mlbb-data-site .mlbb-tier-page-intro,.mlbb-data-site .mlbb-list-page-intro,.mlbb-data-site .mlbb-tool-hero,
.mlbb-data-site .macro-hero,.mlbb-data-site .mlbb-patch-hero{
  margin:8px 0 26px!important;padding:34px 30px!important;border:1px solid var(--lab-line)!important;border-radius:6px!important;
  background:linear-gradient(125deg,var(--lab-panel-2),var(--lab-panel) 72%)!important;box-shadow:none!important;
}
.mlbb-data-site .mlbb-tier-page-intro:after,.mlbb-data-site .mlbb-list-page-intro:after,.mlbb-data-site .mlbb-tool-hero:after{opacity:.45}
.mlbb-data-site .mlbb-page-eyebrow,.mlbb-data-site .mlbb-kicker{color:var(--lab-cyan-light)!important}
.mlbb-data-site .mlbb-page-hero h1,.mlbb-data-site .mlbb-tier-page-intro h1,.mlbb-data-site .mlbb-list-page-intro h1,.mlbb-data-site .mlbb-tool-hero h1{
  font:900 clamp(3.6rem,6vw,5.9rem)/.86 "Barlow Condensed",sans-serif!important;letter-spacing:-.035em!important;
}
.mlbb-data-site .mlbb-tool-hero p:not(.mlbb-page-eyebrow),.mlbb-data-site .mlbb-tier-page-intro p,.mlbb-data-site .mlbb-list-page-intro p{max-width:780px;color:var(--lab-muted)!important}

/* Shared cards / panels */
.mlbb-data-site .mlbb-summary,.mlbb-data-site .mlbb-team,.mlbb-data-site .mlbb-tool-panel,.mlbb-data-site .mlbb-counter-search-panel,
.mlbb-data-site .mlbb-counter-target,.mlbb-data-site .mlbb-detail-panel,.mlbb-data-site .mlbb-kpi,.mlbb-data-site .mlbb-tier-row,
.mlbb-data-site .mlbb-hero-card,.mlbb-data-site .mlbb-counter-card,.mlbb-data-site .mlbb-rec-card,.mlbb-data-site .mlbb-ban,
.mlbb-data-site .mlbb-relation,.mlbb-data-site .mlbb-pick-slot{
  border-color:var(--lab-line)!important;border-radius:6px!important;background:linear-gradient(125deg,var(--lab-panel-2),var(--lab-panel))!important;box-shadow:none!important;
}
.mlbb-data-site .mlbb-summary:hover,.mlbb-data-site .mlbb-hero-card:hover,.mlbb-data-site .mlbb-counter-card:hover{border-color:#376494!important}
.mlbb-data-site .mlbb-team{border-radius:6px!important;overflow:hidden}
.mlbb-data-site .mlbb-tool-panel{border-radius:6px!important}
.mlbb-data-site .mlbb-pick-slot,.mlbb-data-site .mlbb-rec-card,.mlbb-data-site .mlbb-ban{background:#0c1723!important}
.mlbb-data-site .mlbb-add-pick{min-height:44px;border-radius:4px!important;border-color:#376494!important;background:#102033!important;color:#bdefff!important}
.mlbb-data-site .mlbb-add-pick:hover{background:#173149!important;border-color:var(--lab-cyan)!important}
.mlbb-data-site .mlbb-warning{border-radius:4px!important}

/* Footer */
.mlbb-data-site .mlab-footer{margin-top:0!important;background:#05080c!important;border-top:1px solid var(--lab-line)!important}
.mlbb-data-site .mlab-footer-grid{min-height:0!important;padding:30px 0 24px!important;grid-template-columns:1.05fr 1.25fr .7fr;gap:30px}
.mlbb-data-site .mlab-brand.footer .mlab-logo-image{width:190px;height:58px}
.mlbb-data-site .mlab-footer-nav a{padding:5px 0;color:#7f93a6!important}
.mlbb-data-site .mlab-footer-side a{color:#9ccfe2!important}
.mlbb-data-site .mlab-footer-legal{padding:15px 0 24px;border-top:1px solid #ffffff0a;color:#53677a;font-size:.52rem;line-height:1.6}

/* Desktop spacing cleanup */
.mlbb-data-site .mlbb-tool-grid{gap:14px!important}
.mlbb-data-site .mlbb-draft-board{gap:14px!important}
.mlbb-data-site .mlbb-data-strip{border-radius:4px!important;background:#0a1119!important;border-color:var(--lab-line)!important}
.mlbb-data-site .mlbb-picker{border-radius:8px!important;background:#081018!important;border-color:var(--lab-line-strong)!important}
.mlbb-data-site .mlbb-picker-hero{border-radius:4px!important}
.mlbb-data-site .mlbb-picker-lanes button{border-radius:4px!important}

/* Tablet */
@media(max-width:1000px){
  .mlbb-data-site .mlbb-wrap{width:min(100% - 40px,1360px)}
  .mlbb-data-site .mlab-header-main,.mlbb-data-site .mlab-nav-inner{width:calc(100% - 32px)}
}

/* Mobile */
@media(max-width:820px){
  .mlbb-data-site{padding-bottom:0!important}
  .mlbb-data-site .mlbb-wrap{width:calc(100% - 24px)}
  .mlbb-data-site .mlbb-page{padding:22px 0 40px!important}
  .mlbb-data-site .mlab-header{position:sticky!important;top:3px!important}
  .mlbb-data-site .mlab-header-main{width:calc(100% - 20px)!important;min-height:66px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
  .mlbb-data-site .mlab-logo-image{width:172px!important;height:52px!important}
  .mlbb-data-site .mlab-header-context{display:none!important}
  .mlbb-data-site .mlab-mhq-link,.mlbb-data-site .mlab-arcade-link{display:none!important}
  .mlbb-data-site .mlab-menu-toggle{display:block!important;width:42px!important;height:42px!important;border-radius:4px!important;background:#0b1520!important;border-color:#384759!important}
  .mlbb-data-site .mlab-mobile-menu{left:10px!important;right:10px!important;top:calc(100% + 6px)!important;border-radius:6px!important;background:#09121cf5!important;border-color:var(--lab-line-strong)!important;max-height:calc(100dvh - 92px);overflow:auto}
  .mlbb-data-site .mlab-mobile-menu nav{grid-template-columns:1fr!important;gap:5px!important}
  .mlbb-data-site .mlab-mobile-menu nav a{min-height:50px!important;border-radius:4px!important;background:#0d1824!important;border-color:#213246!important}
  .mlbb-data-site .mlab-mobile-menu nav a[aria-current=page]{background:#10263a!important;border-color:#376494!important}
  .mlbb-data-site .mlab-mobile-exits a{border-radius:4px!important;background:#101925!important}
  .mlbb-data-site .mlab-route-strip>.mlbb-wrap{min-height:28px;font-size:.4rem}
  .mlbb-data-site .mlab-route-strip em{display:none}
  .mlbb-data-site .mlbb-tier-page-intro,.mlbb-data-site .mlbb-list-page-intro,.mlbb-data-site .mlbb-tool-hero,.mlbb-data-site .macro-hero,.mlbb-data-site .mlbb-patch-hero{padding:22px 16px!important;border-radius:6px!important}
  .mlbb-data-site .mlbb-tier-page-intro h1,.mlbb-data-site .mlbb-list-page-intro h1,.mlbb-data-site .mlbb-tool-hero h1{font-size:clamp(3rem,13vw,4.6rem)!important}
  .mlbb-data-site .mlbb-rank-window,.mlbb-data-site .mlbb-tool-controls{grid-template-columns:1fr 1fr!important;border-radius:4px!important;background:#081018!important}
  .mlbb-data-site .mlbb-visual-filter{overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .mlbb-data-site .mlbb-visual-filter::-webkit-scrollbar{display:none}
  .mlbb-data-site .mlbb-visual-choice{flex:0 0 auto;min-height:44px!important}
  .mlbb-data-site .mlab-footer-grid{grid-template-columns:1fr!important;gap:18px!important;padding:24px 0 20px!important}
  .mlbb-data-site .mlab-footer-side{justify-items:start;text-align:left}
  .mlbb-data-site .mlab-footer-legal{padding-bottom:max(22px,env(safe-area-inset-bottom))}
}
@media(max-width:560px){
  .mlbb-data-site .mlbb-wrap{width:calc(100% - 20px)}
  .mlbb-data-site .mlab-logo-image{width:156px!important;height:48px!important}
  .mlbb-data-site .mlbb-rank-window,.mlbb-data-site .mlbb-tool-controls{grid-template-columns:1fr!important}
  .mlbb-data-site .mlbb-filter-row{padding:11px!important}
  .mlbb-data-site .mlbb-filter-row-label{margin-bottom:8px}
  .mlbb-data-site .mlab-footer-nav{grid-template-columns:1fr 1fr!important}
}
@media(max-width:380px){
  .mlbb-data-site .mlab-logo-image{width:144px!important}
  .mlbb-data-site .mlbb-wrap{width:calc(100% - 16px)}
}
@media(prefers-reduced-motion:reduce){.mlbb-data-site *{transition:none!important;scroll-behavior:auto!important}}