.selector-jugador { position: relative; }

/* Input "disparador": ya no se escribe aquí directamente, tocarlo abre el
   modal de selección (ver activarSelectorJugador/abrirModalSelectorJugador
   en app.js) — antes era un desplegable flotante posicionado en JS que en
   móvil se cerraba solo al abrir el teclado (el scroll automático del
   navegador para mantener visible el input disparaba el cierre global). */
.selector-jugador-disparador {
  cursor: pointer;
  background: var(--superficie);
}

.selector-jugador-modal-buscador {
  position: sticky;
  top: 0;
  width: 100%;
  padding: .6rem .7rem;
  margin-bottom: .5rem;
  border: 1px solid var(--gris-400);
  border-radius: var(--radio-chico);
  background: var(--superficie);
  color: var(--texto);
  font-size: .95rem;
  z-index: 1;
}
.selector-jugador-modal-lista {
  display: flex;
  flex-direction: column;
}
.selector-jugador-opcion {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  width: 100%;
  text-align: left;
  border: none;
  border-bottom: 1px solid var(--gris-200);
  background: none;
  color: var(--texto);
  padding: .85rem .5rem;
  font-size: .95rem;
  cursor: pointer;
}
.selector-jugador-opcion:last-child { border-bottom: none; }
.selector-jugador-opcion:active { background: var(--superficie-alta); }
.selector-jugador-opcion.seleccionado { color: var(--verde); font-weight: 600; }
.selector-jugador-check { color: var(--verde); font-weight: 700; flex-shrink: 0; }
.selector-jugador-etiqueta { display: flex; align-items: center; gap: .55rem; min-width: 0; }
/* Mismo criterio que .dorsal-jugador (ficha de plantilla): ancho fijo para
   que los nombres queden alineados en columna, no en cascada según tenga
   el dorsal 1 o 2 dígitos. "—" (sin dorsal, plantilla sin sincronizar del
   todo) ocupa el mismo hueco que un número. */
.selector-jugador-dorsal {
  width: 1.8rem;
  flex-shrink: 0;
  text-align: center;
  font-family: var(--fuente-display);
  font-weight: 700;
  font-size: .95rem;
  color: var(--verde);
}
.selector-jugador-vacio { padding: .6rem .5rem; font-size: .85rem; }
.selector-jugador-libre { color: var(--verde); font-weight: 600; border-top: 1px solid var(--gris-400); }

.selector-jugador-chips {
  display: flex;
  flex-wrap: wrap;
  gap: .3rem;
  margin-bottom: .35rem;
}
.chip-seleccionado {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  background: color-mix(in srgb, var(--verde) 16%, var(--superficie-alta));
  color: var(--verde);
  border-radius: 20px;
  padding: .25rem .35rem .25rem .65rem;
  font-size: .78rem;
  font-weight: 600;
}
.quitar-chip {
  border: none;
  background: none;
  color: inherit;
  cursor: pointer;
  font-size: .72rem;
  padding: .1rem .25rem;
  line-height: 1;
}