.scoreboard {
  flex: 2;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 80%;
  height: 80%;
  margin-top: 3em;
  padding-bottom: 32px;
}

.tile {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 12em;
  padding-left: 8px;
  padding-right: 8px;
}

.header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-end;
  height: 1.5em;
  width: 100%;
  border-bottom: 2px solid #eee;
}

.name {
  font-size: 1.3em;
  font-weight: 800;
  padding-left: 0.1em;
  max-width: 75%;
  word-break: break-all;
}

.longname {
  font-size: 0.2em;
  z-index: -1;
}

.total {
  font-size: 1.1em;
  margin-left: 0.5em;
  padding-right: 0.1em;
  text-align: right;
}

.scores {
  width: 100%;
  align-self: flex-start;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  list-style: none;
}

.round {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 1px;
  padding-bottom: 3px;
}

.score {
  padding-left: 1em;
}

.flag {
  padding-right: 1em;
}
