/* ============================================================
   ROUNDS.CSS
   ============================================================ */
#roundPlayersProgress{
  transition:
    border-color .3s ease,
    background .3s ease,
    box-shadow .3s ease,
    color .3s ease;
}

#roundPlayersProgress .round-progress-title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  color:var(--white);
  font-size:var(--font-small);
  font-weight:900;
}

#roundPlayersProgress strong{
  display:block;
  margin-top:8px;
  font-size:var(--font-large);
  line-height:1;
  color:#fff;
}

#roundPlayersProgress small{
  display:block;
  margin-top:8px;
  color:rgba(255,255,255,.65);
  font-size:var(--font-micro);
  font-weight:800;
}

#roundPlayersProgress[data-state="normal"]{ border-color:rgba(86,150,198,.40); background:transparent;
}

#roundPlayersProgress[data-state="warning"]{
  border-color:rgba(247,184,43,.55);
  background:rgba(247,184,43,.10);
  box-shadow:0 0 18px rgba(247,184,43,.12);
}

#roundPlayersProgress[data-state="danger"]{
  border-color:rgba(255,74,104,.65);
  background:rgba(255,74,104,.10);
  box-shadow:0 0 18px rgba(255,74,104,.16);
}

.round-score-btn:disabled{ opacity:.3; cursor:not-allowed;
  filter:grayscale(1);
}