/* Keep the Showcase in the original Build Overview footprint and permanently
   reserve the right column for the local Build Library. */
body.build-overview-active #playerCardPanel{min-width:0!important;overflow:visible!important}
#mb24Workspace{
  display:grid!important;
  grid-template-columns:minmax(0,1.55fr) minmax(300px,.82fr)!important;
  gap:14px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  align-items:stretch!important;
}
#mb24Workspace>#myBuildShowcaseV2,
#mb24Workspace>#mb24Library{min-width:0!important;width:auto!important}
#myBuildShowcaseV2,
#myBuildShowcaseV2 .mb2-shell,
#mb24Library{
  height:430px!important;
  min-height:430px!important;
}
#myBuildShowcaseV2{border-radius:19px!important}
#myBuildShowcaseV2::before{
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  filter:saturate(.97) brightness(.90)!important;
  transform:none!important;
}
#myBuildShowcaseV2[data-theme="classic"]::before{filter:saturate(.98) brightness(1.03)!important}
#myBuildShowcaseV2[data-theme="pitch"]::before{filter:saturate(.90) brightness(.91)!important}
#myBuildShowcaseV2[data-theme="arena"]::before{filter:saturate(.92) brightness(.90)!important}
#myBuildShowcaseV2::after{
  background:
    linear-gradient(90deg,rgba(5,8,11,.76) 0%,rgba(6,10,14,.48) 42%,rgba(6,10,14,.27) 70%,rgba(5,8,11,.35) 100%),
    linear-gradient(180deg,rgba(3,6,9,.08),rgba(3,6,9,.24))!important;
}
#myBuildShowcaseV2[data-theme="classic"]::after{
  background:
    linear-gradient(90deg,rgba(4,6,8,.63),rgba(5,7,9,.36) 48%,rgba(4,6,8,.18) 76%,rgba(3,5,7,.26)),
    linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.14))!important;
}
.mb2-shell{padding:15px 18px 13px!important}
.mb2-topline{margin-bottom:8px!important}
.mb2-kicker{font-size:8px!important;letter-spacing:.24em!important}
.mb2-theme-btn{width:31px!important;height:17px!important}
.mb2-title{font-size:clamp(22px,1.55vw,28px)!important;line-height:1.05!important}
.mb2-edit{width:26px!important;height:26px!important}
.mb2-edit svg{width:13px!important;height:13px!important}
.mb2-subline{margin-top:4px!important;font-size:12px!important;gap:8px!important}
.mb2-selectors{margin-top:8px!important;gap:8px!important}
.mb2-select{height:31px!important;min-width:104px!important;padding-left:11px!important;padding-right:30px!important;font-size:11px!important}
.mb2-select.position{min-width:72px!important}
.mb2-select-wrap::after{right:10px!important;top:5px!important;font-size:14px!important}
.mb2-tabs{margin-top:10px!important;height:34px!important;gap:26px!important}
.mb2-tab{height:34px!important;font-size:11.5px!important}
.mb2-page{min-height:0!important}
.mb2-overview,
.mb2-overview.active{
  padding-top:10px!important;
  display:none!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto 1fr!important;
  gap:10px!important;
  align-items:start!important;
}
.mb2-overview.active{display:grid!important}
.mb2-meta{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  border-right:0!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  padding:0 0 10px!important;
  gap:0!important;
}
.mb2-meta-item{
  min-width:0!important;
  padding:4px 10px!important;
  border-top:0!important;
  border-left:1px solid rgba(255,255,255,.055)!important;
}
.mb2-meta-item:first-child{padding-left:0!important;border-left:0!important}
.mb2-meta-item span{font-size:7.5px!important;margin-bottom:2px!important;color:#78828d!important;letter-spacing:.04em!important}
.mb2-meta-item strong{font-size:12px!important;white-space:nowrap!important}
.mb2-playstyles{
  display:flex!important;
  align-items:center!important;
  align-content:flex-start!important;
  gap:5px!important;
  row-gap:6px!important;
  flex-wrap:wrap!important;
  padding:3px 0 0!important;
  min-height:0!important;
  max-width:none!important;
  overflow:visible!important;
}
.mb25-ps-copy{
  width:37px;height:37px;flex:0 0 37px;
  display:grid;place-items:center;
  cursor:help;
  transition:transform .14s ease,filter .14s ease;
}
.mb25-ps-copy:hover{transform:translateY(-1px);filter:brightness(1.06)}
.mb25-ps-copy .overview-badge-shell{
  --badge-h:29px;--badge-w:29px;--icon-box:16px;--gold-lift:0px;
  width:37px!important;height:37px!important;
}
.mb25-ps-copy.plus .overview-badge-shell.plus{
  --badge-h:29px;--badge-w:34px;--icon-box:16px;--gold-lift:1.6px;
}
.mb25-ps-copy .ovc-ps-issue-dot{display:none!important}
.mb2-empty-ps{padding:7px 0!important;font-size:10px!important}
.mb2-watermark{right:2%!important;bottom:-2%!important;max-width:62%!important;font-size:clamp(58px,5.5vw,88px)!important;color:rgba(225,231,238,.045)!important}
.mb2-footline{padding-top:4px!important;font-size:7px!important}
.mb2-detail-toolbar{padding:7px 0 2px!important;gap:10px!important}
.mb2-detail-note{display:none!important}
.mb2-toggle{font-size:10px!important;gap:5px!important}
.mb2-switch{width:32px!important;height:19px!important}
.mb2-switch::after{width:13px!important;height:13px!important}
.mb2-toggle input:checked+.mb2-switch::after{transform:translateX(13px)!important}
.mb2-stats{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  column-gap:20px!important;
  row-gap:6px!important;
  padding-top:2px!important;
}
.mb2-stat-group{padding-top:6px!important}
.mb2-stat-group h4{margin:0 0 3px!important;font-size:10px!important}
.mb2-stat-row{min-height:18px!important;grid-template-columns:minmax(0,1fr) 30px!important}
.mb2-stat-row span{font-size:9.5px!important}
.mb2-stat-row strong{font-size:10.5px!important}
.mb24-library{padding:15px!important;border-radius:19px!important}
.mb24-library-head{padding-bottom:11px!important}
.mb24-library h3{font-size:16px!important}
.mb24-library-tabs{padding:10px 0 8px!important}
.mb24-library-empty{height:312px!important;padding:22px!important}
@media(max-width:1240px) and (min-width:901px){
  #mb24Workspace{grid-template-columns:minmax(0,1.42fr) minmax(270px,.86fr)!important}
  #myBuildShowcaseV2,#myBuildShowcaseV2 .mb2-shell,#mb24Library{height:440px!important;min-height:440px!important}
  .mb2-meta{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .mb2-meta-item:nth-child(4){border-left:0!important}
  .mb2-meta-item{padding-top:3px!important;padding-bottom:3px!important}
}
@media(max-width:900px){
  #mb24Workspace{grid-template-columns:1fr!important}
  #myBuildShowcaseV2,#myBuildShowcaseV2 .mb2-shell{height:auto!important;min-height:430px!important}
  #mb24Library{height:auto!important;min-height:300px!important}
  .mb2-meta{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .mb2-meta-item:nth-child(4){border-left:0!important}
}
@media(max-width:760px){
  .mb2-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mb2-meta-item:nth-child(odd){border-left:0!important}
  .mb2-meta-item:nth-child(4){border-left:1px solid rgba(255,255,255,.055)!important}
  .mb2-stats{grid-template-columns:1fr 1fr!important}
}