/* MHQ MLBB Lab — hero card redesign v4 */
.mlbb-data-site .mlbb-hero-grid{gap:12px!important}
.mlbb-data-site .mlbb-hero-card{position:relative!important;display:block!important;min-height:0!important;overflow:hidden!important;border:1px solid #28415d!important;border-radius:14px!important;background:linear-gradient(180deg,#0c1725,#08111b)!important;box-shadow:0 12px 28px rgba(0,0,0,.22)!important;isolation:isolate!important;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease!important;transform:none!important}
.mlbb-data-site .mlbb-hero-card:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,#4aa7ff,#1d5f9c);opacity:.8;z-index:3}
.mlbb-data-site .mlbb-hero-card:hover{transform:none!important;border-color:#4171a4!important;background:linear-gradient(180deg,#0f1c2c,#0a1420)!important;box-shadow:0 14px 32px rgba(0,0,0,.28),0 0 0 1px rgba(90,145,205,.08)!important}
.mlbb-data-site .mlbb-hero-card-art{position:relative!important;height:auto!important;aspect-ratio:4/3!important;overflow:hidden!important;background:#08131e!important}
.mlbb-data-site .mlbb-hero-card-art:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(3,8,13,0) 54%,rgba(6,13,21,.72) 100%)!important;pointer-events:none!important}
.mlbb-data-site .mlbb-hero-card-art img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 24%!important;transform:none!important;filter:saturate(.92) contrast(1.03)!important;transition:filter .18s ease!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important}
.mlbb-data-site .mlbb-hero-card:hover .mlbb-hero-card-art img{transform:none!important;filter:saturate(1) contrast(1.04)!important}
.mlbb-data-site .mlbb-card-tier{right:10px!important;top:10px!important;min-width:36px!important;padding:7px 8px!important;border-radius:999px!important;background:rgba(5,13,22,.9)!important;border:1px solid #34506d!important;box-shadow:0 6px 18px rgba(0,0,0,.35)!important;font:900 .72rem/1 "DM Sans",sans-serif!important}
.mlbb-data-site .mlbb-card-tier.S{color:#ffd75c!important;border-color:#8d7233!important;background:linear-gradient(180deg,#1a190f,#0a1219)!important}
.mlbb-data-site .mlbb-card-tier.A{color:#83e1aa!important;border-color:#3f7657!important}
.mlbb-data-site .mlbb-card-tier.B{color:#80c1ff!important;border-color:#3d6f9d!important}
.mlbb-data-site .mlbb-hero-card-body{padding:12px 12px 11px!important}
.mlbb-data-site .mlbb-hero-card-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
.mlbb-data-site .mlbb-hero-card-title strong{font:900 1.15rem/1 "Barlow Condensed",sans-serif!important;letter-spacing:-.015em!important;color:#f4f8fc!important}
.mlbb-data-site .mlbb-hero-card-title span{flex:none;width:25px;height:25px;display:grid;place-items:center;border-radius:7px;border:1px solid #2e4a66;background:#0a1724;color:#69cfff!important;font-size:.75rem!important}
.mlbb-data-site .mlbb-card-tags{display:flex!important;gap:5px!important;flex-wrap:wrap!important;margin:9px 0 10px!important}
.mlbb-data-site .mlbb-card-tag{padding:4px 7px!important;border-radius:6px!important;border:1px solid #263a4f!important;background:#0a1521!important;color:#70869b!important;font-size:.43rem!important;font-weight:800!important;line-height:1.1!important}
.mlbb-data-site .mlbb-card-tag.lane{border-color:#2d5d78!important;background:#0c1d29!important;color:#8edff5!important}
.mlbb-data-site .mlbb-card-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;border:1px solid #1e3144!important;border-radius:8px!important;background:#07111a!important;overflow:hidden!important}
.mlbb-data-site .mlbb-card-stat{min-width:0!important;padding:8px 5px!important;border:0!important;border-right:1px solid #1b2b3b!important;border-radius:0!important;background:transparent!important;text-align:center!important}
.mlbb-data-site .mlbb-card-stat:last-child{border-right:0!important}
.mlbb-data-site .mlbb-card-stat span{display:block!important;font-size:.38rem!important;letter-spacing:.09em!important;color:#62788c!important}
.mlbb-data-site .mlbb-card-stat b{display:block!important;margin-top:3px!important;font:900 .72rem/1 "Barlow Condensed",sans-serif!important}
.mlbb-data-site .mlbb-card-stat.win b{color:#73dda0!important}.mlbb-data-site .mlbb-card-stat.pick b{color:#79bffb!important}.mlbb-data-site .mlbb-card-stat.ban b{color:#f07f8b!important}

@media(max-width:700px){
  .mlbb-data-site .mlbb-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .mlbb-data-site .mlbb-hero-card{border-radius:12px!important}
  .mlbb-data-site .mlbb-hero-card-art{aspect-ratio:4/3!important}
  .mlbb-data-site .mlbb-hero-card-art img{object-position:50% 22%!important}
  .mlbb-data-site .mlbb-card-tier{right:8px!important;top:8px!important;min-width:34px!important;padding:6px 7px!important;font-size:.66rem!important}
  .mlbb-data-site .mlbb-hero-card-body{padding:10px 9px 9px!important}
  .mlbb-data-site .mlbb-hero-card-title strong{font-size:1.05rem!important}
  .mlbb-data-site .mlbb-hero-card-title span{width:22px;height:22px;font-size:.68rem!important}
  .mlbb-data-site .mlbb-card-tags{gap:4px!important;margin:7px 0 8px!important}
  .mlbb-data-site .mlbb-card-tag{padding:3px 5px!important;font-size:.37rem!important}
  .mlbb-data-site .mlbb-card-stat{padding:7px 2px!important}
  .mlbb-data-site .mlbb-card-stat span{font-size:.34rem!important}
  .mlbb-data-site .mlbb-card-stat b{font-size:.63rem!important}
}
@media(max-width:420px){
  .mlbb-data-site .mlbb-hero-grid{gap:8px!important}
  .mlbb-data-site .mlbb-hero-card-art{aspect-ratio:1.35/1!important}
  .mlbb-data-site .mlbb-hero-card-art img{object-position:50% 20%!important}
  .mlbb-data-site .mlbb-hero-card-body{padding:9px 8px 8px!important}
  .mlbb-data-site .mlbb-hero-card-title strong{font-size:1rem!important}
  .mlbb-data-site .mlbb-card-tags{margin-top:6px!important;margin-bottom:7px!important}
  .mlbb-data-site .mlbb-card-tag{font-size:.35rem!important;letter-spacing:.02em!important}
  .mlbb-data-site .mlbb-card-stat{padding:6px 1px!important}
  .mlbb-data-site .mlbb-card-stat b{font-size:.59rem!important}
}
@media(max-width:350px){.mlbb-data-site .mlbb-hero-grid{grid-template-columns:1fr!important}.mlbb-data-site .mlbb-hero-card-art{aspect-ratio:16/8.5!important}.mlbb-data-site .mlbb-hero-card-art img{object-position:50% 18%!important}}