.table-responsive {
  width: 100%;
  overflow-x: auto; /* Umožňuje posouvání na menších zařízeních */
}

#scoreTable {
  width: 100%;
  border-collapse: collapse;
  background: #333; /* Tmavé pozadí jako na obrázku */
  color: white; /* Bílý text */
  text-align: left; /* Zarovnání textu doleva */
}

#scoreTable th,
#scoreTable td {
  padding: 10px; /* Vnitřní odsazení pro buňky */
  border-bottom: 1px solid #ddd; /* Oddělení řádků */
}

#scoreTable th {
  cursor: pointer; /* Ukazuje, že lze kliknout na záhlaví pro řazení */
  background: #555; /* Tmavší pozadí pro záhlaví */
}

#scoreTable tr:hover {
  background-color: #666; /* Změna barvy při najetí myší */
}

.sort-asc:after {
  content: " ↑";
}

.sort-desc:after {
  content: " ↓";
}

@media (max-width: 600px) {
  #scoreTable th,
  #scoreTable td {
    display: block; /* Stack buněk vertikálně na malých zařízeních */
  }
}