/* The dark picker uses a shared panel behind all three cards, like the light picker. */
html[data-fc-theme=dark][data-fc-theme=dark][data-fc-theme=dark] body.approved-site #draftOptionsModal .draft-modal-content{
 background:#080808!important;color:#f4f0e9!important;border:1px solid #b98b5045!important;border-radius:16px!important;box-shadow:0 12px 36px #0005!important;
}
/* Fit the entire card to its squad row, preserving its 3:4 aspect ratio. */
body.approved-site #draftOptionsModal .squad-view-open .hold-squad-mode-group{
 display:flex!important;flex-direction:column!important;min-width:0!important;min-height:0!important;box-sizing:border-box!important;
}
body.approved-site #draftOptionsModal .squad-view-open .hold-squad-mode-title{flex:0 0 auto!important}
body.approved-site #draftOptionsModal .squad-view-open .hold-squad-mode-cards{
 flex:1 1 0!important;min-height:0!important;container-type:size;align-items:center!important;
}
body.approved-site #draftOptionsModal .squad-view-open .hold-squad-card-shell{
 width:min(100%,75cqh)!important;height:auto!important;min-height:0!important;max-height:100%!important;aspect-ratio:3/4!important;box-sizing:border-box!important;
}
body.approved-site #draftOptionsModal .squad-view-open .hold-squad-card-shell>.approved-card{
 width:100%!important;height:auto!important;aspect-ratio:3/4!important;
}
@media(min-width:801px){
 body.approved-site #draftOptionsModal .squad-view-open #holdSquadGrid{
  flex:1 1 0!important;min-height:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;
 }
}
@media(max-width:800px){
 body.approved-site #draftOptionsModal .squad-view-open #holdSquadGrid{flex:none!important;grid-template-rows:none!important;height:auto!important}
 body.approved-site #draftOptionsModal .squad-view-open .hold-squad-mode-cards{container-type:normal;flex:0 0 auto!important}
 body.approved-site #draftOptionsModal .squad-view-open .hold-squad-card-shell{width:100%!important;max-height:none!important}
}