/* MHQ MLBB Lab v28 — Tier row fill + Counter mobile card redesign */
@media(max-width:820px){
  .mlbb-data-site .mlbb-tier-board,
  .mlbb-data-site .mlbb-tier-row{width:100%!important;min-width:0!important}
  .mlbb-data-site .mlbb-tier-row{grid-template-columns:58px minmax(0,1fr)!important}
  .mlbb-data-site .mlbb-tier-heroes{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(58px,1fr))!important;width:100%!important;min-width:0!important;gap:8px 4px!important;padding:10px 8px!important;align-content:start!important;align-items:start!important;justify-content:stretch!important;box-sizing:border-box!important}
  .mlbb-data-site .mlbb-tier-hero{width:100%!important;min-width:0!important;max-width:none!important;display:grid!important;justify-items:center!important;gap:5px!important;padding:4px 2px 6px!important}
  .mlbb-data-site .mlbb-tier-hero img{width:54px!important;height:54px!important;max-width:100%!important;border-radius:9px!important}
  .mlbb-data-site .mlbb-tier-hero b{width:100%!important;min-width:0!important;text-align:center!important;font-size:.55rem!important;overflow:hidden!important;text-overflow:ellipsis!important}

  .mlbb-data-site .mlbb-counter-lane-list{width:100%!important;padding:9px!important;gap:10px!important}
  .mlbb-data-site .mlbb-counter-card{width:100%!important;min-width:0!important;display:block!important;padding:13px!important;border-radius:12px!important;background:linear-gradient(150deg,#0e1b2c,#09141f)!important;box-shadow:0 10px 26px rgba(0,0,0,.18)!important}
  .mlbb-data-site .mlbb-counter-card:first-child{background:linear-gradient(150deg,#12243a,#0b1725)!important;box-shadow:0 12px 30px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,212,93,.04)!important}
  .mlbb-data-site .mlbb-counter-card-top{position:relative!important;width:100%!important;display:grid!important;grid-template-columns:86px minmax(0,1fr)!important;gap:12px!important;align-items:center!important}
  .mlbb-data-site .mlbb-counter-rank{position:absolute!important;left:5px!important;top:5px!important;z-index:2!important;width:auto!important;height:auto!important;min-width:0!important;display:inline-flex!important;align-items:center!important;gap:4px!important;padding:5px 7px!important;border-radius:7px!important;border-color:#496b8e!important;background:rgba(7,16,27,.92)!important;box-shadow:0 4px 12px rgba(0,0,0,.3)!important}
  .mlbb-data-site .mlbb-counter-rank span{font-size:.29rem!important;line-height:1!important}
  .mlbb-data-site .mlbb-counter-rank b{font-size:.62rem!important;line-height:1!important}
  .mlbb-data-site .mlbb-counter-portrait{grid-column:1!important;width:86px!important;height:94px!important;display:block!important}
  .mlbb-data-site .mlbb-counter-portrait img{width:86px!important;height:94px!important;border-radius:9px!important;border-color:#46698b!important}
  .mlbb-data-site .mlbb-counter-main{grid-column:2!important;min-width:0!important;display:grid!important;gap:7px!important;align-content:center!important}
  .mlbb-data-site .mlbb-counter-name-line{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important}
  .mlbb-data-site .mlbb-counter-name-line h3{margin:0!important;font:900 1.42rem/1 "Barlow Condensed",sans-serif!important;letter-spacing:.01em!important}
  .mlbb-data-site .mlbb-counter-lane{padding:4px 7px!important;border-radius:6px!important;font-size:.4rem!important}
  .mlbb-data-site .mlbb-counter-tags{margin:0!important}
  .mlbb-data-site .mlbb-confidence{padding:5px 7px!important;border:1px solid #2a4158!important;border-radius:6px!important;font-size:.4rem!important}
  .mlbb-data-site .mlbb-counter-stats{width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:12px!important}
  .mlbb-data-site .mlbb-counter-stat{min-width:0!important;min-height:74px!important;align-content:center!important;gap:4px!important;padding:10px!important;border-radius:8px!important;background:#081521!important}
  .mlbb-data-site .mlbb-counter-stat span{font-size:.35rem!important;letter-spacing:.1em!important}
  .mlbb-data-site .mlbb-counter-stat strong{font-size:.9rem!important;line-height:1.05!important}
  .mlbb-data-site .mlbb-counter-stat small{font-size:.37rem!important;line-height:1.35!important;white-space:normal!important}
  .mlbb-data-site .mlbb-counter-score{grid-column:1/-1!important;min-height:62px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px 12px!important;align-items:center!important;padding:10px 11px!important;border-radius:8px!important;background:linear-gradient(90deg,#0a1724,#0c1d2d)!important}
  .mlbb-data-site .mlbb-counter-score span{font-size:.38rem!important}
  .mlbb-data-site .mlbb-counter-score b{font:900 1.05rem/1 "DM Sans",sans-serif!important;color:#ffd45d!important}
  .mlbb-data-site .mlbb-counter-score i{grid-column:1/-1!important;height:6px!important;border-radius:999px!important}
  .mlbb-data-site .mlbb-counter-open{width:100%!important;min-height:42px!important;margin-top:10px!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:1px solid #27425d!important;border-radius:8px!important;background:#0b1927!important;color:#b5c8da!important;font-size:.5rem!important;font-weight:800!important;text-align:center!important}
  .mlbb-data-site .mlbb-counter-open span{color:#ffd45d!important}
}

@media(max-width:390px){
  .mlbb-data-site .mlbb-tier-heroes{grid-template-columns:repeat(auto-fill,minmax(55px,1fr))!important;gap:7px 3px!important;padding:9px 6px!important}
  .mlbb-data-site .mlbb-tier-hero img{width:51px!important;height:51px!important}
  .mlbb-data-site .mlbb-counter-card{padding:11px!important}
  .mlbb-data-site .mlbb-counter-card-top{grid-template-columns:78px minmax(0,1fr)!important;gap:10px!important}
  .mlbb-data-site .mlbb-counter-portrait,
  .mlbb-data-site .mlbb-counter-portrait img{width:78px!important;height:86px!important}
  .mlbb-data-site .mlbb-counter-name-line h3{font-size:1.28rem!important}
  .mlbb-data-site .mlbb-counter-stat{min-height:70px!important;padding:9px!important}
}