body {
  font-size: 1.75em;
}

footer hr {
  border-width: 0;
  border-top: 1px solid lightgray;
}

footer p {
  text-align: center;
  font-size: 0.7em;
  margin: 0.4em;
  color: darkgrey;
}

footer a, footer a:visited {
  color: darkgray;
}

.players-form p {
  margin: 0;
}

.player-1 {
  background: #f0ba57;
}
.player-1 .player-effects .effect:nth-child(even) {
  background: #f0e057;
}
.player-1 .player-effects .effect:nth-child(odd) {
  background: #d9f057;
}

.player-2 {
  background: #73fcf6;
}
.player-2 .player-effects .effect:nth-child(even) {
  background: #73e0fc;
}
.player-2 .player-effects .effect:nth-child(odd) {
  background: #73bdfc;
}

.player-3 {
  background: #bc9c8b;
}
.player-3 .player-effects .effect:nth-child(even) {
  background: #bca88b;
}
.player-3 .player-effects .effect:nth-child(odd) {
  background: #bcb58b;
}

.player-4 {
  background: #77a0a6;
}
.player-4 .player-effects .effect:nth-child(even) {
  background: #7794a6;
}
.player-4 .player-effects .effect:nth-child(odd) {
  background: #7788a6;
}

.player-5 {
  background: #fff172;
}
.player-5 .player-effects .effect:nth-child(even) {
  background: #eaff72;
}
.player-5 .player-effects .effect:nth-child(odd) {
  background: #c7ff72;
}

.player-6 {
  background: #3adb85;
}
.player-6 .player-effects .effect:nth-child(even) {
  background: #3adbad;
}
.player-6 .player-effects .effect:nth-child(odd) {
  background: #3adbd5;
}

.player-7 {
  background: #99c8e1;
}
.player-7 .player-effects .effect:nth-child(even) {
  background: #99b6e1;
}
.player-7 .player-effects .effect:nth-child(odd) {
  background: #99a4e1;
}

.player-8 {
  background: #f73347;
}
.player-8 .player-effects .effect:nth-child(even) {
  background: #f75033;
}
.player-8 .player-effects .effect:nth-child(odd) {
  background: #f78133;
}

.player-9 {
  background: #cac186;
}
.player-9 .player-effects .effect:nth-child(even) {
  background: #c2ca86;
}
.player-9 .player-effects .effect:nth-child(odd) {
  background: #b1ca86;
}

.player-10 {
  background: #8ca684;
}
.player-10 .player-effects .effect:nth-child(even) {
  background: #84a685;
}
.player-10 .player-effects .effect:nth-child(odd) {
  background: #84a68d;
}

.player-11 {
  background: #f068a9;
}
.player-11 .player-effects .effect:nth-child(even) {
  background: #f06887;
}
.player-11 .player-effects .effect:nth-child(odd) {
  background: #f06b68;
}

.player-12 {
  background: #ed822b;
}
.player-12 .player-effects .effect:nth-child(even) {
  background: #edb32b;
}
.player-12 .player-effects .effect:nth-child(odd) {
  background: #ede32b;
}

.players .player {
  margin-top: 1em;
}

.player-visible {
  display: none;
}

.player-body {
  display: none;
  margin-left: 2ex;
}

.player-summary {
  padding-left: 3ex;
  text-indent: -3ex;
}

.player-visible:checked ~ .player-body {
  display: block;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select, option {
  font-size: inherit;
  padding: 0;
  margin: 0;
}