/* Alternating row backgrounds */
table tbody tr:nth-child(even) td{
  background-color: #f5f6fa; /* light mode */
}

/* Dark mode overrides */
@media (prefers-color-scheme: dark) {
  table tbody tr:nth-child(even) td {
    background-color: #f5f6fa;
  }
}

/* Subtle hover effect */
table tbody tr:hover td {
  background-color: #d5cff0;
}

@media (prefers-color-scheme: dark) {
  table tbody tr:hover td {
    background-color: #d5cff0;
  }
}

.label-speed:not(g) {
  color: #ffffff;
  background-color: #3bbfff;
}

.label-stamina:not(g) {
  color: #ffffff;
  background-color: #ff8674;
}

.label-power:not(g) {
  color: #ffffff;
  background-color: #ffb00f;
}

.label-guts:not(g) {
  color: #ffffff;
  background-color: #ff63a1;
}

.label-wit:not(g) {
  color: #ffffff;
  background-color: #07c383;
}

.label-friend:not(g) {
  color: #ffb314;
  background-color: #fffce7;
}

.text-speed {
  color: #ffffff;
  background-color: #3bbfff;
  border-radius: 3px;
  padding: 0px 3px;
}

.text-stamina {
  color: #ffffff;
  background-color: #ff8674;
  border-radius: 3px;
  padding: 0px 3px;
}

.text-power {
  color: #ffffff;
  background-color: #ffb00f;
  border-radius: 3px;
  padding: 0px 3px;
}

.text-guts {
  color: #ffffff;
  background-color: #ff63a1;
  border-radius: 3px;
  padding: 0px 3px;
}

.text-wit {
  color: #ffffff;
  background-color: #07c383;
  border-radius: 3px;
  padding: 0px 3px;
}

.text-friend {
  color: #ffb314;
  background-color: #fffce7;
  border-radius: 3px;
  padding: 0px 3px;
}