/* MHQ MLBB Lab — Draft Helper v6 UX pass */
.mlbb-data-site .mlbb-tool-main .mlbb-tool-hero{padding:34px 0 22px!important;grid-template-columns:minmax(0,1.5fr) minmax(340px,.5fr)!important;gap:24px!important}
.mlbb-data-site .mlbb-tool-main .mlbb-tool-hero h1{font-size:clamp(3.7rem,6.5vw,6.2rem)!important;margin-bottom:10px!important}
.mlbb-data-site .mlbb-tool-main .mlbb-tool-controls{align-self:center!important;padding:11px!important;border-radius:12px!important}

.mlbb-data-site .mlbb-draft-board{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)!important;gap:12px!important;align-items:start!important}
.mlbb-data-site .mlbb-team{min-height:0!important;height:auto!important;align-self:start!important;border-radius:13px!important;box-shadow:0 12px 34px rgba(0,0,0,.2)!important}
.mlbb-data-site .mlbb-team-head{min-height:52px!important;padding:10px 13px!important}
.mlbb-data-site .mlbb-team-head span{display:flex!important;align-items:center!important;gap:7px!important;font-size:.58rem!important}
.mlbb-data-site .mlbb-team-head span:before{content:"";width:7px;height:7px;border-radius:50%;background:#55cf8d;box-shadow:0 0 0 4px rgba(85,207,141,.08)}
.mlbb-data-site .mlbb-team-red .mlbb-team-head span:before{background:#ef6268;box-shadow:0 0 0 4px rgba(239,98,104,.08)}
.mlbb-data-site .mlbb-team-head strong{min-width:42px;text-align:center!important;padding:5px 8px!important}

.mlbb-data-site .mlbb-team-lanes{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;padding:11px 11px 8px!important}
.mlbb-data-site .mlbb-team-lanes>span{min-height:92px!important;padding:9px!important;border-radius:8px!important;transition:border-color .15s ease,background .15s ease,transform .15s ease!important}
.mlbb-data-site .mlbb-team-lanes>span.is-missing{cursor:pointer!important}
.mlbb-data-site .mlbb-team-lanes>span.is-missing:hover,.mlbb-data-site .mlbb-team-lanes>span.is-missing:focus-visible{transform:translateY(-2px);border-color:#a97a31!important;background:linear-gradient(150deg,#2c2010,#18120d)!important;outline:none!important}
.mlbb-data-site .mlbb-team-lanes>span.is-missing:after{content:"+";position:absolute;right:7px;bottom:6px;width:18px;height:18px;display:grid;place-items:center;border:1px solid #775925;border-radius:4px;background:#211706;color:#ffd45d;font-size:.65rem;font-weight:900}
.mlbb-data-site .mlbb-team-lanes>span>small{font-size:.4rem!important;color:#8497a9!important}
.mlbb-data-site .mlbb-team-lanes>span>b{font-size:.5rem!important}
.mlbb-data-site .mlbb-team-lanes>span.is-missing>b em{padding-right:22px;color:#ffd45d!important}
.mlbb-data-site .mlbb-team-lanes>span.is-filled>b img{width:28px!important;height:32px!important}

.mlbb-data-site .mlbb-team-need{margin:0 11px 9px!important;min-height:34px!important;padding:7px 9px!important}
.mlbb-data-site .mlbb-team-need strong{font-size:.37rem!important}
.mlbb-data-site .mlbb-team-need span{font-size:.47rem!important}

/* Never reserve space for five invisible placeholders. Only real picks occupy this region. */
.mlbb-data-site .mlbb-team-slots{min-height:0!important;height:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:0 11px!important;margin:0!important}
.mlbb-data-site .mlbb-team-slots .mlbb-pick-slot.empty{display:none!important}
.mlbb-data-site .mlbb-team-slots .mlbb-pick-slot:not(.empty){min-height:56px!important;margin:0!important}
.mlbb-data-site .mlbb-team-slots .mlbb-pick-slot:nth-child(5){grid-column:1/-1!important}
.mlbb-data-site .mlbb-add-pick{width:calc(100% - 22px)!important;min-height:42px!important;margin:9px 11px 11px!important;font-size:.66rem!important;font-weight:800!important}
.mlbb-data-site .mlbb-add-pick:before{content:"+";margin-right:6px;font-weight:900}

.mlbb-data-site .mlbb-draft-vs{align-self:center!important;min-height:0!important;margin-top:96px!important}
.mlbb-data-site .mlbb-draft-vs span{width:40px!important;height:40px!important;font-size:1rem!important}
.mlbb-data-site .mlbb-draft-status{margin:10px 0 12px!important;min-height:38px!important;padding:9px 11px!important}

.mlbb-data-site .mlbb-tool-grid{margin-top:0!important;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)!important}
.mlbb-data-site .mlbb-tool-panel{border-radius:13px!important;padding:14px!important}
.mlbb-data-site .mlbb-recommend-panel{border-top:2px solid #55cf8d!important}
.mlbb-data-site .mlbb-tool-grid>.mlbb-tool-panel:nth-child(2){border-top:2px solid #ef6268!important}
.mlbb-data-site .mlbb-panel-head h2{font-size:1.55rem!important}
.mlbb-data-site .mlbb-comparison-panel{border-top:2px solid #4aa8e8!important}

/* Picker becomes the second half of the lane-first workflow. */
.mlbb-data-site .mlbb-picker-lanes button.is-needed{box-shadow:inset 0 -2px 0 #ffd45d!important}
.mlbb-data-site .mlbb-picker-lanes button.is-needed:before{content:"•";margin-right:5px;color:#ffd45d}

@media(max-width:1100px){
 .mlbb-data-site .mlbb-tool-main .mlbb-tool-hero{grid-template-columns:1fr!important}
 .mlbb-data-site .mlbb-tool-main .mlbb-tool-controls{justify-self:start!important;width:min(520px,100%)!important}
 .mlbb-data-site .mlbb-draft-board{grid-template-columns:1fr!important}
 .mlbb-data-site .mlbb-draft-vs{display:flex!important;justify-content:center!important;margin:0!important;min-height:36px!important}
 .mlbb-data-site .mlbb-tool-grid{grid-template-columns:1fr!important}
}

@media(max-width:820px){
 .mlbb-data-site .mlbb-tool-main .mlbb-tool-hero{padding:24px 0 16px!important}
 .mlbb-data-site .mlbb-tool-main .mlbb-tool-hero h1{font-size:clamp(3.2rem,13vw,4.6rem)!important}
 .mlbb-data-site .mlbb-team{border-radius:11px!important}
 .mlbb-data-site .mlbb-team-lanes{grid-template-columns:repeat(5,112px)!important;overflow-x:auto!important;scroll-snap-type:x proximity;padding:9px!important;scrollbar-width:none!important}
 .mlbb-data-site .mlbb-team-lanes::-webkit-scrollbar{display:none!important}
 .mlbb-data-site .mlbb-team-lanes>span{scroll-snap-align:start;min-height:84px!important}
 .mlbb-data-site .mlbb-team-slots{grid-template-columns:1fr!important;padding:0 9px!important}
 .mlbb-data-site .mlbb-team-slots .mlbb-pick-slot:nth-child(5){grid-column:auto!important}
 .mlbb-data-site .mlbb-add-pick{width:calc(100% - 18px)!important;margin:8px 9px 9px!important}
 .mlbb-data-site .mlbb-draft-status{grid-template-columns:auto minmax(0,1fr)!important}
 .mlbb-data-site .mlbb-draft-status>span:last-child{grid-column:1/-1!important;white-space:normal!important}
}

@media(max-width:560px){
 .mlbb-data-site .mlbb-tool-main{padding-top:12px!important}
 .mlbb-data-site .mlbb-tool-main .mlbb-tool-controls{grid-template-columns:1fr 1fr!important;width:100%!important;padding:8px!important}
 .mlbb-data-site .mlbb-tool-main .mlbb-tool-controls .mlbb-select{width:100%!important;height:42px!important}
 .mlbb-data-site .mlbb-team-head{min-height:48px!important;padding:9px 10px!important}
 .mlbb-data-site .mlbb-team-lanes{grid-template-columns:repeat(5,104px)!important}
 .mlbb-data-site .mlbb-team-lanes>span{min-height:80px!important}
 .mlbb-data-site .mlbb-team-need{margin:0 9px 8px!important}
 .mlbb-data-site .mlbb-tool-panel{padding:11px!important}
}
@media(prefers-reduced-motion:reduce){.mlbb-data-site .mlbb-team-lanes>span{transition:none!important}}