/* v4 shell correction — scoped only to /mlbb via .mlbb-data-site */
.mlbb-data-site{--mlab-shell:#0c1522;--mlab-shell-deep:#08111d;--mlab-shell-line:#ffffff1c;--mlab-shell-border:#34495f;--mlab-shell-text:#d1ddec;--mlab-shell-muted:#8195aa}

/* Remove the old top signal treatment completely. */
.mlbb-data-site .mlab-signal-bar{display:none!important}

/* Header now follows the main MHQ site geometry: one floating card, one nav system. */
.mlbb-data-site .mlab-header{position:sticky!important;top:12px!important;left:auto!important;right:auto!important;width:calc(100% - 48px)!important;max-width:1440px!important;margin:12px auto 0!important;padding:0!important;z-index:100!important;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.mlbb-data-site .mlab-header:after{display:none!important}
.mlbb-data-site .mlab-header-main{position:relative!important;width:100%!important;max-width:none!important;min-height:76px!important;margin:0!important;padding:8px 20px!important;display:flex!important;align-items:center!important;gap:20px!important;background:#0c1522f5!important;border:1px solid var(--mlab-shell-line)!important;border-radius:12px!important;box-shadow:0 10px 35px #0003!important}
.mlbb-data-site .mlab-brand{flex:0 0 auto!important;min-width:0!important;line-height:0!important}
.mlbb-data-site .mlab-logo-image{display:block!important;width:112px!important;height:62px!important;object-fit:contain!important;object-position:center!important;border-radius:8px!important;filter:none!important;transform:none!important}
.mlbb-data-site .mlab-desktop-nav{display:flex!important;align-items:center!important;gap:clamp(12px,1.45vw,22px)!important;margin:0 auto!important;min-width:0!important}
.mlbb-data-site .mlab-desktop-nav a{position:relative!important;min-height:44px!important;display:inline-flex!important;align-items:center!important;padding:8px 0!important;color:#8fa2b6!important;text-decoration:none!important;font-size:.78rem!important;font-weight:600!important;white-space:nowrap!important;transition:color .15s ease!important}
.mlbb-data-site .mlab-desktop-nav a:hover{color:#fff!important}
.mlbb-data-site .mlab-desktop-nav a[aria-current=page]{color:#fff!important}
.mlbb-data-site .mlab-desktop-nav a[aria-current=page]:after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:2px!important;height:2px!important;background:#42d2ff!important;border-radius:999px!important}
.mlbb-data-site .mlab-header-actions{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;flex:0 0 auto!important}
.mlbb-data-site .mlab-arcade-link,.mlbb-data-site .mlab-mhq-link{height:44px!important;min-height:44px!important;padding:0 12px!important;border:1px solid #40536b!important;border-radius:8px!important;background:#152237!important;color:#d6e1ed!important;box-shadow:none!important;font-size:.72rem!important;font-weight:700!important;text-decoration:none!important}
.mlbb-data-site .mlab-arcade-link:hover,.mlbb-data-site .mlab-mhq-link:hover{transform:none!important;background:#20334b!important;border-color:#7397bd!important;color:#fff!important}
.mlbb-data-site .mlab-mhq-link span{width:25px!important;height:25px!important;border-radius:6px!important;background:#0f1d2c!important;color:#7ddfff!important}
.mlbb-data-site .mlab-arcade-dot{width:7px!important;height:7px!important}
.mlbb-data-site .mlab-menu-toggle{display:none!important}

/* Old rail/breadcrumb layers are intentionally gone. */
.mlbb-data-site .mlab-nav-rail,.mlbb-data-site .mlab-route-strip{display:none!important}

/* Mobile menu mirrors the main MHQ dropdown instead of becoming a full-page drawer. */
.mlbb-data-site .mlab-mobile-menu{display:none!important}
@media(max-width:1100px){
  .mlbb-data-site .mlab-header{top:8px!important;width:calc(100% - 24px)!important;margin-top:8px!important}
  .mlbb-data-site .mlab-header-main{min-height:70px!important;padding:6px 10px!important;gap:8px!important}
  .mlbb-data-site .mlab-logo-image{width:100px!important;height:58px!important}
  .mlbb-data-site .mlab-desktop-nav,.mlbb-data-site .mlab-arcade-link,.mlbb-data-site .mlab-mhq-link{display:none!important}
  .mlbb-data-site .mlab-header-actions{margin-left:auto!important}
  .mlbb-data-site .mlab-menu-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:90px!important;min-width:90px!important;max-width:90px!important;height:44px!important;min-height:44px!important;padding:0 12px!important;margin:0!important;border:1px solid #40536b!important;border-radius:8px!important;background:#152237!important;color:#eaf2fc!important;box-shadow:none!important}
  .mlbb-data-site .mlab-menu-toggle:hover,.mlbb-data-site .mlab-menu-toggle[aria-expanded=true]{background:#20334b!important;border-color:#7397bd!important}
  .mlbb-data-site .mlab-menu-toggle b{font:600 .76rem/1.2 "DM Sans",sans-serif!important;letter-spacing:0!important}
  .mlbb-data-site .mlab-menu-toggle svg{display:block!important;width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important}
  .mlbb-data-site .mlab-menu-toggle .mlab-menu-close{display:none!important}
  .mlbb-data-site .mlab-menu-toggle[aria-expanded=true] .mlab-menu-open{display:none!important}
  .mlbb-data-site .mlab-menu-toggle[aria-expanded=true] .mlab-menu-close{display:block!important}
  .mlbb-data-site .mlab-mobile-menu{position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:0!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:12px!important;overflow:visible!important;background:#0d1929!important;border:1px solid #34495f!important;border-radius:12px!important;box-shadow:0 20px 45px #0008!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .mlbb-data-site .mlab-mobile-menu:not([hidden]){display:block!important;animation:mlabMenuIn .16s ease-out both!important;transform-origin:top right!important}
  .mlbb-data-site .mlab-mobile-menu-heading{display:block!important;margin:4px 12px 10px!important;color:#92a9c2!important;font-size:.6rem!important;line-height:1.5!important;font-weight:600!important;letter-spacing:.16em!important}
  .mlbb-data-site .mlab-mobile-menu nav{display:grid!important;grid-template-columns:1fr!important;gap:3px!important;padding:0!important}
  .mlbb-data-site .mlab-mobile-menu nav a{position:relative!important;display:grid!important;grid-template-columns:22px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:44px!important;padding:9px 12px!important;margin:0!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:#d1ddec!important;font-size:.86rem!important;font-weight:500!important;line-height:1.25!important;text-decoration:none!important;box-shadow:none!important}
  .mlbb-data-site .mlab-mobile-menu nav a svg{width:17px!important;height:17px!important;color:#819ab5!important}
  .mlbb-data-site .mlab-mobile-menu nav a b{font-size:.76rem!important;color:#819ab5!important}
  .mlbb-data-site .mlab-mobile-menu nav a:hover,.mlbb-data-site .mlab-mobile-menu nav a:focus-visible{background:#1b2d43!important;color:#fff!important}
  .mlbb-data-site .mlab-mobile-menu nav a[aria-current=page]{background:#123047!important;border-color:#315a75!important;color:#fff!important}
  .mlbb-data-site .mlab-mobile-menu nav a[aria-current=page] b{font-size:.46rem!important;color:#6fdfff!important}
  .mlbb-data-site .mlab-mobile-exits{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:8px!important;padding-top:8px!important;border-top:1px solid #ffffff12!important;position:static!important;background:none!important}
  .mlbb-data-site .mlab-mobile-exits a{min-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:8px 10px!important;border:1px solid #263c52!important;border-radius:7px!important;background:#132235!important;color:#b8c8d9!important;font-size:.69rem!important;font-weight:600!important;text-decoration:none!important}
}
@keyframes mlabMenuIn{from{opacity:0;transform:translateY(-5px) scale(.992)}to{opacity:1;transform:none}}

/* Exact generated MLBB Lab crest. The dark image background deliberately blends into the site surface. */
.mlbb-data-site .mlab-hero-brandmark{display:block!important;width:min(440px,72vw)!important;height:auto!important;max-height:none!important;margin:8px 0 22px!important;object-fit:contain!important;border-radius:12px!important;box-shadow:none!important}

/* Footer follows the main MHQ site: identity + two cards + compact legal row. */
.mlbb-data-site .mlab-footer{margin-top:46px!important;padding:42px 0 0!important;background:#070b12!important;border-top:1px solid #263647!important;color:#d7e1ec!important}
.mlbb-data-site .mlab-footer-grid{display:grid!important;grid-template-columns:1.05fr .95fr .95fr!important;gap:18px!important;align-items:stretch!important;min-height:0!important;padding:0 0 34px!important}
.mlbb-data-site .mlab-footer-identity{padding:10px 12px 10px 0!important}
.mlbb-data-site .mlab-footer .mlab-brand.footer{display:inline-flex!important;margin-bottom:14px!important}
.mlbb-data-site .mlab-footer .mlab-logo-image{width:150px!important;height:100px!important;border-radius:10px!important}
.mlbb-data-site .mlab-footer-identity p{max-width:390px!important;margin:0!important;color:#8092a6!important;font-size:.72rem!important;line-height:1.65!important}
.mlbb-data-site .mlab-footer-card{padding:20px!important;border:1px solid #263647!important;border-radius:12px!important;background:#0c1522!important;box-shadow:none!important}
.mlbb-data-site .mlab-footer-eyebrow{display:block!important;margin:0 0 12px!important;color:#7b91a7!important;font-size:.57rem!important;font-weight:800!important;letter-spacing:.16em!important}
.mlbb-data-site .mlab-footer-card nav{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px 16px!important}
.mlbb-data-site .mlab-footer-card nav a,.mlbb-data-site .mlab-footer-ecosystem>a{min-height:38px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:8px 0!important;border-bottom:1px solid #ffffff0d!important;color:#b8c7d6!important;text-decoration:none!important;font-size:.72rem!important;font-weight:500!important}
.mlbb-data-site .mlab-footer-card nav a:hover,.mlbb-data-site .mlab-footer-ecosystem>a:hover{color:#fff!important}
.mlbb-data-site .mlab-footer-ecosystem>a b{color:#65d8f6!important;font-weight:600!important}
.mlbb-data-site .mlab-footer-bottom{min-height:52px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:14px 0!important;border-top:1px solid #ffffff12!important;color:#65778b!important;font-size:.62rem!important}

@media(max-width:820px){
  .mlbb-data-site .mlab-footer{margin-top:28px!important;padding-top:28px!important}
  .mlbb-data-site .mlab-footer-grid{grid-template-columns:1fr!important;gap:12px!important;padding-bottom:24px!important}
  .mlbb-data-site .mlab-footer-identity{padding:0!important}
  .mlbb-data-site .mlab-footer .mlab-logo-image{width:132px!important;height:88px!important}
  .mlbb-data-site .mlab-footer-card{padding:16px!important}
  .mlbb-data-site .mlab-footer-bottom{align-items:flex-start!important;flex-direction:column!important;gap:6px!important;padding:14px 0 22px!important}
}
@media(max-width:560px){
  .mlbb-data-site .mlab-header{width:calc(100% - 16px)!important}
  .mlbb-data-site .mlab-header-main{min-height:66px!important;padding:5px 8px!important}
  .mlbb-data-site .mlab-logo-image{width:92px!important;height:56px!important}
  .mlbb-data-site .mlab-menu-toggle{width:86px!important;min-width:86px!important;max-width:86px!important;height:42px!important;min-height:42px!important}
  .mlbb-data-site .mlab-mobile-menu{top:calc(100% + 6px)!important;padding:10px!important}
  .mlbb-data-site .mlab-mobile-menu nav a{min-height:42px!important;padding:8px 10px!important;font-size:.82rem!important}
  .mlbb-data-site .mlab-mobile-exits a{font-size:.64rem!important}
  .mlbb-data-site .mlab-hero-brandmark{width:min(360px,86vw)!important;margin-bottom:18px!important}
  .mlbb-data-site .mlab-footer-card nav{grid-template-columns:1fr 1fr!important}
}
@media(prefers-reduced-motion:reduce){.mlbb-data-site .mlab-mobile-menu:not([hidden]){animation:none!important}}