/* MHQ MLBB Lab v13 — mobile controls fit in one view (no horizontal rails) */
@media(max-width:820px){
  /* Tier/workbench selectors: show every option at once. */
  .mlbb-data-site .mlbb-filter-row{
    padding:12px!important;
  }
  .mlbb-data-site .mlbb-filter-row-label{
    padding:0 0 9px!important;
  }
  .mlbb-data-site .mlbb-visual-filter{
    display:grid!important;
    width:100%!important;
    gap:7px!important;
    padding:0!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
    scroll-padding:0!important;
  }
  .mlbb-data-site [data-visual-filter="tier-lane"]{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .mlbb-data-site [data-visual-filter="tier-role"]{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  .mlbb-data-site .mlbb-visual-choice{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:62px!important;
    flex:none!important;
    gap:4px!important;
    padding:6px 4px!important;
    border-radius:8px!important;
    scroll-snap-align:none!important;
  }
  .mlbb-data-site .mlbb-visual-choice-icon{
    width:22px!important;
    height:22px!important;
  }
  .mlbb-data-site .mlbb-visual-choice-icon svg{
    width:20px!important;
    height:20px!important;
  }
  .mlbb-data-site .mlbb-visual-choice span:last-child{
    max-width:100%!important;
    font-size:.51rem!important;
    line-height:1.05!important;
    white-space:normal!important;
    text-align:center!important;
  }
  .mlbb-data-site [data-visual-filter="tier-role"] .mlbb-visual-choice{
    height:58px!important;
  }
  .mlbb-data-site [data-visual-filter="tier-role"] .mlbb-visual-choice span:last-child{
    font-size:.46rem!important;
  }

  /* Macro: all five lanes fit in one compact row. */
  .mlbb-data-site .macro-tabs{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:5px!important;
    width:100%!important;
    padding:8px!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
    scroll-padding:0!important;
  }
  .mlbb-data-site .macro-tabs button{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:58px!important;
    flex:none!important;
    gap:4px!important;
    padding:5px 2px!important;
    border-radius:8px!important;
    scroll-snap-align:none!important;
  }
  .mlbb-data-site .macro-tabs button svg{
    width:20px!important;
    height:20px!important;
    flex:0 0 20px!important;
  }
  .mlbb-data-site .macro-tabs button span{
    width:100%!important;
    min-width:0!important;
    font-size:.43rem!important;
    line-height:1.05!important;
    white-space:normal!important;
    text-align:center!important;
  }
}

@media(max-width:390px){
  .mlbb-data-site .mlbb-filter-row{padding:10px!important}
  .mlbb-data-site .mlbb-visual-filter{gap:5px!important}
  .mlbb-data-site .mlbb-visual-choice{height:58px!important;padding:5px 3px!important}
  .mlbb-data-site .mlbb-visual-choice-icon,.mlbb-data-site .mlbb-visual-choice-icon svg{width:19px!important;height:19px!important}
  .mlbb-data-site .mlbb-visual-choice span:last-child{font-size:.47rem!important}
  .mlbb-data-site [data-visual-filter="tier-role"] .mlbb-visual-choice{height:54px!important}
  .mlbb-data-site [data-visual-filter="tier-role"] .mlbb-visual-choice span:last-child{font-size:.42rem!important}
  .mlbb-data-site .macro-tabs{gap:4px!important;padding:7px 6px!important}
  .mlbb-data-site .macro-tabs button{height:54px!important}
  .mlbb-data-site .macro-tabs button svg{width:18px!important;height:18px!important;flex-basis:18px!important}
  .mlbb-data-site .macro-tabs button span{font-size:.39rem!important}
}