/* =============================================================
 v25.0.7 Training selector + image bind fix
 ============================================================= */

#v2507TrainingSelectorOverlay{
  position:fixed!important;
  inset:0!important;
  display:none!important;
  align-items:flex-end!important;
  justify-content:center!important;
  padding:18px 14px calc(18px + env(safe-area-inset-bottom))!important;
  background:rgba(14,20,18,.48)!important;
  backdrop-filter:blur(8px)!important;
  z-index:99999!important;
  box-sizing:border-box!important;
}
#v2507TrainingSelectorOverlay.show{
  display:flex!important;
}
#v2507TrainingSelectorOverlay .v2507SelectorPanel{
  width:min(100%,760px)!important;
  max-height:78svh!important;
  display:flex!important;
  flex-direction:column!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,244,255,.98))!important;
  border:2px solid rgba(255,226,119,.75)!important;
  box-shadow:0 20px 54px rgba(0,0,0,.32)!important;
  overflow:hidden!important;
}
#v2507TrainingSelectorOverlay .v2507SelectorHead{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:10px!important;
  align-items:center!important;
  padding:14px 16px!important;
  background:linear-gradient(180deg,#fff7cc,#ffe591)!important;
  color:#251944!important;
  font-weight:1000!important;
}
#v2507TrainingSelectorOverlay .v2507SelectorHead b{
  font-size:18px!important;
}
#v2507TrainingSelectorClose{
  min-height:38px!important;
  border:0!important;
  border-radius:999px!important;
  padding:0 14px!important;
  background:#fff!important;
  color:#251944!important;
  font-weight:1000!important;
}
#v2507TrainingSelectorList{
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
  padding:12px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.v2507SelectorCard{
  min-height:82px!important;
  display:grid!important;
  grid-template-columns:58px 1fr!important;
  gap:10px!important;
  align-items:center!important;
  padding:10px!important;
  border:1px solid rgba(190,178,210,.72)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#ffffff,#f5f3fb)!important;
  box-shadow:0 7px 16px rgba(0,0,0,.08)!important;
  color:#251944!important;
  text-align:left!important;
  font-weight:1000!important;
}
.v2507SelectorCard.selected{
  border-color:rgba(255,203,72,.95)!important;
  box-shadow:0 0 18px rgba(255,203,72,.32),0 7px 16px rgba(0,0,0,.08)!important;
}
.v2507SelectorCard img{
  width:58px!important;
  height:58px!important;
  object-fit:cover!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.8)!important;
}
.v2507SelectorCard span{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  min-width:0!important;
}
.v2507SelectorCard small{
  color:#65567c!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1.25!important;
}

body.v2494-training-active #v2494TrainingChangeBtn,
body.v2493-training-active #v2493TrainingChangeBtn,
body.v2492-training-active #v2492TrainChangeBtn{
  pointer-events:auto!important;
}

#trainingScreenV24 .v24MiniChar img,
#trainingScreenV24 .v24RosterCard img,
#trainingScreenV24 .v24TrainCard img{
  object-fit:cover!important;
  background:rgba(255,255,255,.82)!important;
}
@media(max-width:430px){
  #v2507TrainingSelectorList{
    grid-template-columns:1fr!important;
  }
  #v2507TrainingSelectorOverlay .v2507SelectorPanel{
    max-height:82svh!important;
  }
}