/* MHQ MLBB Lab v19 — true Arcade-style homepage mode cards */
.mlbb-data-site .mlab-toolbelt{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  margin:34px 0 54px!important;
}
.mlbb-data-site .mlab-tool-card{
  --mode-accent:#55d9ff;
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:250px!important;
  aspect-ratio:16/9!important;
  padding:18px!important;
  border:1px solid color-mix(in srgb,var(--mode-accent) 48%,#25394b)!important;
  border-radius:14px!important;
  background:#08131e!important;
  box-shadow:0 16px 40px rgba(0,0,0,.28)!important;
  text-decoration:none!important;
  transform:none!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
.mlbb-data-site .mlab-tool-card:before{
  content:""!important;
  position:absolute!important;
  z-index:-2!important;
  inset:-10px!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  filter:blur(3px) saturate(.9) brightness(.72)!important;
  transform:scale(1.07)!important;
  transition:transform .28s ease,filter .28s ease!important;
}
.mlbb-data-site .mlab-tool-card:after{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  inset:0!important;
  background:
    linear-gradient(180deg,rgba(4,11,19,.10) 0%,rgba(4,11,19,.28) 34%,rgba(4,11,19,.88) 75%,rgba(4,11,19,.97) 100%),
    linear-gradient(90deg,rgba(4,11,19,.50) 0%,rgba(4,11,19,.12) 62%,rgba(4,11,19,.04) 100%)!important;
  pointer-events:none!important;
}
.mlbb-data-site .mlab-tool-card:hover{
  transform:translateY(-4px)!important;
  border-color:color-mix(in srgb,var(--mode-accent) 82%,#fff)!important;
  box-shadow:0 22px 50px rgba(0,0,0,.36),0 0 0 1px color-mix(in srgb,var(--mode-accent) 18%,transparent)!important;
}
.mlbb-data-site .mlab-tool-card:hover:before{
  transform:scale(1.105)!important;
  filter:blur(2px) saturate(1) brightness(.78)!important;
}

/* Visual order: Draft / Counter / Tier — Heroes / Macro / Patch */
.mlbb-data-site .mlab-tool-card:nth-child(4){order:1!important;--mode-accent:#63e3a5}
.mlbb-data-site .mlab-tool-card:nth-child(3){order:2!important;--mode-accent:#ff6d78}
.mlbb-data-site .mlab-tool-card:nth-child(1){order:3!important;--mode-accent:#ffd65c}
.mlbb-data-site .mlab-tool-card:nth-child(2){order:4!important;--mode-accent:#62b9ff}
.mlbb-data-site .mlab-tool-card:nth-child(5){order:5!important;--mode-accent:#6ee4e8}
.mlbb-data-site .mlab-tool-card:nth-child(6){order:6!important;--mode-accent:#bf91ff}

.mlbb-data-site .mlab-tool-card-label{
  position:relative!important;
  z-index:3!important;
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:#c5d3df!important;
  font-size:.53rem!important;
  line-height:1.1!important;
  font-weight:800!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  text-shadow:0 2px 10px rgba(0,0,0,.9)!important;
}
.mlbb-data-site .mlab-tool-card-main{
  position:relative!important;
  z-index:3!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:auto!important;
}
.mlbb-data-site .mlab-tool-card-icon{
  width:46px!important;
  height:46px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid color-mix(in srgb,var(--mode-accent) 72%,#385166)!important;
  border-radius:11px!important;
  background:rgba(5,17,28,.76)!important;
  color:var(--mode-accent)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.22)!important;
}
.mlbb-data-site .mlab-tool-card-icon svg{width:22px!important;height:22px!important}
.mlbb-data-site .mlab-tool-card h3{
  margin:0!important;
  min-width:0!important;
  color:#fff!important;
  font:900 2.05rem/.94 "Barlow Condensed",sans-serif!important;
  letter-spacing:-.018em!important;
  text-transform:uppercase!important;
  text-shadow:0 3px 15px rgba(0,0,0,.95)!important;
}
.mlbb-data-site .mlab-tool-card-arrow{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 42px!important;
  border:1px solid color-mix(in srgb,var(--mode-accent) 72%,#385166)!important;
  border-radius:50%!important;
  background:rgba(5,17,28,.78)!important;
  color:var(--mode-accent)!important;
  font-size:1.45rem!important;
  font-weight:700!important;
  line-height:1!important;
  transition:transform .2s ease,background .2s ease!important;
}
.mlbb-data-site .mlab-tool-card:hover .mlab-tool-card-arrow{transform:translate(2px,-2px);background:rgba(8,26,41,.9)!important}
.mlbb-data-site .mlab-tool-card p{
  position:relative!important;
  z-index:3!important;
  max-width:92%!important;
  margin:12px 0 0!important;
  color:#d7e0e8!important;
  font-size:.72rem!important;
  line-height:1.52!important;
  text-shadow:0 2px 9px rgba(0,0,0,.95)!important;
}
.mlbb-data-site .mlab-tool-card-accent{
  position:absolute!important;
  z-index:4!important;
  left:18px!important;
  right:18px!important;
  bottom:0!important;
  height:3px!important;
  border-radius:4px 4px 0 0!important;
  background:var(--mode-accent)!important;
  box-shadow:0 0 14px color-mix(in srgb,var(--mode-accent) 30%,transparent)!important;
}

@media(min-width:701px) and (max-width:1100px){
  .mlbb-data-site .mlab-toolbelt{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mlbb-data-site .mlab-tool-card{aspect-ratio:auto!important;min-height:230px!important;height:230px!important}
}
@media(max-width:700px){
  .mlbb-data-site .mlab-toolbelt{grid-template-columns:1fr!important;gap:12px!important;margin:26px 0 38px!important}
  .mlbb-data-site .mlab-tool-card{
    aspect-ratio:auto!important;
    min-height:210px!important;
    height:210px!important;
    padding:16px!important;
    border-radius:13px!important;
  }
  .mlbb-data-site .mlab-tool-card:before{inset:-7px!important;filter:blur(2.7px) saturate(.88) brightness(.70)!important}
  .mlbb-data-site .mlab-tool-card-main{gap:10px!important}
  .mlbb-data-site .mlab-tool-card-icon{width:42px!important;height:42px!important}
  .mlbb-data-site .mlab-tool-card-icon svg{width:20px!important;height:20px!important}
  .mlbb-data-site .mlab-tool-card h3{font-size:1.9rem!important}
  .mlbb-data-site .mlab-tool-card-arrow{width:40px!important;height:40px!important;font-size:1.3rem!important}
  .mlbb-data-site .mlab-tool-card p{max-width:94%!important;margin-top:10px!important;font-size:.64rem!important;line-height:1.46!important}
  .mlbb-data-site .mlab-tool-card-accent{left:16px!important;right:16px!important}
}
@media(max-width:390px){
  .mlbb-data-site .mlab-tool-card{height:200px!important;min-height:200px!important;padding:14px!important}
  .mlbb-data-site .mlab-tool-card-label{font-size:.47rem!important}
  .mlbb-data-site .mlab-tool-card-icon{width:38px!important;height:38px!important}
  .mlbb-data-site .mlab-tool-card h3{font-size:1.7rem!important}
  .mlbb-data-site .mlab-tool-card-arrow{width:36px!important;height:36px!important;font-size:1.18rem!important}
  .mlbb-data-site .mlab-tool-card p{font-size:.59rem!important}
  .mlbb-data-site .mlab-tool-card-accent{left:14px!important;right:14px!important}
}