/* Shared preparation status stays outside the battlefield and scales to four players. */
#coopWaveReady[hidden], #btnAuto[hidden] { display: none !important; }
#coopWaveReady {
  flex: 0 0 auto; display: flex; align-items: center; gap: 12px;
  padding: 7px 14px; border-bottom: 1px solid #b48b4255;
  background: linear-gradient(100deg, #21192e, #15131d);
  color: #e5d8b9; font-size: 12px; min-width: 0;
}
.coopWaveHeading { display: grid; gap: 3px; min-width: 145px; }
.coopWaveHeading b { color: #f1d38b; font-size: 13px; }
.coopWaveHeading small { color: #a99db7; }
.coopReadyPlayers { display: flex; gap: 6px; flex: 1; min-width: 0; flex-wrap: wrap; }
.coopReadyPlayer { display: inline-flex; align-items: center; gap: 6px; border: 1px solid #625475;
  background: #ffffff05; border-radius: 5px; padding: 5px 8px; min-width: 0; max-width: 180px; }
.coopReadyPlayer > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.coopReadyPlayer i { flex-shrink: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--side-color); }
.coopReadyPlayer b { width: 10px; color: #a99db7; text-align: center; }
.coopReadyPlayer.isReady { border-color: #71bb7c70; background: #50885820; }
.coopReadyPlayer.isReady b { color: #9be7a6; }
.coopReadyPlayer.offline { opacity: .55; border-style: dashed; }
.coopAutoBadge { flex-shrink: 0; color: #f2d581; background: #ad833520; border: 1px solid #c4a25460;
  border-radius: 3px; padding: 1px 3px; font: 9px system-ui; letter-spacing: .02em; }
#btnAuto[aria-busy="true"] { opacity: .6; }
#btnCoopWaveReady { min-width: 118px; min-height: 34px; font-size: 12px; }
.coopWaveError { color: #ffada1; flex: 1 0 100%; }
#coopWaveReady:has(.coopWaveError) { flex-wrap: wrap; }
@media (max-width: 700px) {
  #coopWaveReady { flex-wrap: wrap; gap: 6px 9px; padding: 7px 9px; }
  .coopWaveHeading { flex: 1; }
  .coopReadyPlayers { order: 3; flex: 1 0 100%; }
  .coopReadyPlayer { flex: 1; max-width: none; padding: 4px 6px; }
  #btnCoopWaveReady { min-height: 38px; }
}