/* MHQ MLBB Lab v28 — desktop alignment + counter-card readability */

/* Heroes + Tier List: keep the rank/window controls compact and visually centered. */
@media(min-width:901px){
  body.mlbb-data-site :is(.mlbb-list-page-intro,.mlbb-tier-page-intro){
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:48px!important;
  }
  body.mlbb-data-site .mlbb-rank-window{
    width:max-content!important;
    min-width:0!important;
    justify-self:end!important;
    align-self:center!important;
    display:grid!important;
    grid-template-columns:150px 112px!important;
    gap:10px!important;
    padding:14px!important;
    border:1px solid var(--lab-line,#343b44)!important;
    border-radius:12px!important;
    background:var(--lab-panel,#12171d)!important;
    box-shadow:none!important;
  }
  body.mlbb-data-site .mlbb-rank-window label{
    width:auto!important;
    min-width:0!important;
    gap:7px!important;
  }
  body.mlbb-data-site .mlbb-rank-window .mlbb-select{
    width:100%!important;
    min-width:0!important;
    height:44px!important;
  }
}

/* Counter Finder desktop: bigger, denser result cards with stronger hierarchy. */
@media(min-width:981px){
  body.mlbb-data-site .mlbb-counter-lane-group{
    border-color:var(--lab-line,#343b44)!important;
    border-radius:12px!important;
    background:#10151a!important;
  }
  body.mlbb-data-site .mlbb-counter-lane-head{
    min-height:78px!important;
    padding:14px 18px!important;
    border-bottom-color:var(--lab-line,#343b44)!important;
    background:#161b20!important;
  }
  body.mlbb-data-site .mlbb-counter-lane-number{
    width:48px!important;
    height:48px!important;
    border-color:#6a5937!important;
    background:#19170f!important;
    color:var(--lab-gold,#f0c46b)!important;
    font-size:.82rem!important;
  }
  body.mlbb-data-site .mlbb-counter-lane-title span{font-size:.5rem!important;color:var(--lab-gold,#f0c46b)!important;}
  body.mlbb-data-site .mlbb-counter-lane-title h2{font-size:1.9rem!important;}
  body.mlbb-data-site .mlbb-counter-lane-title p{font-size:.6rem!important;}
  body.mlbb-data-site .mlbb-counter-lane-total b{font-size:2.1rem!important;color:var(--lab-gold,#f0c46b)!important;}

  body.mlbb-data-site .mlbb-counter-lane-list{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
    padding:14px!important;
    align-items:stretch!important;
  }
  body.mlbb-data-site .mlbb-counter-card{
    min-height:0!important;
    padding:16px!important;
    border-color:var(--lab-line-soft,#252c34)!important;
    border-radius:10px!important;
    background:#13181d!important;
    box-shadow:none!important;
  }
  body.mlbb-data-site .mlbb-counter-card:first-child{
    border-color:#75613a!important;
    background:linear-gradient(150deg,#1c1a13,#14191d)!important;
  }
  body.mlbb-data-site .mlbb-counter-card-top{
    grid-template-columns:44px 76px minmax(0,1fr)!important;
    gap:12px!important;
  }
  body.mlbb-data-site .mlbb-counter-rank{
    width:42px!important;
    height:56px!important;
    border-radius:7px!important;
  }
  body.mlbb-data-site .mlbb-counter-rank span{font-size:.36rem!important;}
  body.mlbb-data-site .mlbb-counter-rank b{font-size:.9rem!important;}
  body.mlbb-data-site .mlbb-counter-portrait,
  body.mlbb-data-site .mlbb-counter-portrait img{
    width:76px!important;
    height:84px!important;
    border-radius:8px!important;
  }
  body.mlbb-data-site .mlbb-counter-name-line{gap:7px!important;}
  body.mlbb-data-site .mlbb-counter-name-line h3{font-size:1.02rem!important;line-height:1.05!important;}
  body.mlbb-data-site .mlbb-counter-lane{font-size:.43rem!important;padding:4px 6px!important;}
  body.mlbb-data-site .mlbb-confidence{font-size:.42rem!important;padding:4px 6px!important;}
  body.mlbb-data-site .mlbb-counter-tags{margin-top:7px!important;gap:5px!important;}

  body.mlbb-data-site .mlbb-counter-stats{
    gap:8px!important;
    margin-top:14px!important;
  }
  body.mlbb-data-site .mlbb-counter-stat{
    min-height:62px!important;
    padding:10px!important;
    border-color:var(--lab-line-soft,#252c34)!important;
    background:#0f1419!important;
  }
  body.mlbb-data-site .mlbb-counter-stat span{font-size:.41rem!important;}
  body.mlbb-data-site .mlbb-counter-stat strong{font-size:.86rem!important;line-height:1.1!important;}
  body.mlbb-data-site .mlbb-counter-stat small{margin-top:3px!important;font-size:.42rem!important;}
  body.mlbb-data-site .mlbb-counter-score{
    padding:10px 11px!important;
    border-color:var(--lab-line-soft,#252c34)!important;
    background:#0f1419!important;
  }
  body.mlbb-data-site .mlbb-counter-score span{font-size:.4rem!important;}
  body.mlbb-data-site .mlbb-counter-score b{font-size:.9rem!important;color:var(--lab-gold,#f0c46b)!important;}
  body.mlbb-data-site .mlbb-counter-score i{height:5px!important;background:#262c31!important;}
  body.mlbb-data-site .mlbb-counter-score em{background:linear-gradient(90deg,#8a7040,var(--lab-gold,#f0c46b))!important;}
  body.mlbb-data-site .mlbb-counter-open{
    min-height:38px!important;
    margin-top:12px!important;
    padding:10px 2px 0!important;
    border-top-color:var(--lab-line-soft,#252c34)!important;
    font-size:.56rem!important;
    color:#aeb5bb!important;
  }
  body.mlbb-data-site .mlbb-counter-open:hover{color:var(--lab-gold-soft,#ffe09a)!important;}
}

@media(min-width:981px) and (max-width:1180px){
  body.mlbb-data-site .mlbb-counter-lane-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}