html, body {
  margin : 0;
  padding : 0;
  font-family :Arial, Helvetica, sans-serif;
  font-size : 20px;
}

#scoreboard {
  position: absolute;
  display : flex;
  flex-direction: column;
  min-width : 350px;
  top : 20px;
  left : 20px;
  gap : 4px;
  opacity: 1;
  transition: .6s all ease;
}

#scoreboard.hide {
  opacity: 0;
}

.stat {
  display : flex;
  gap : 5px;
  width : 100%;
}

.round {
  width : 100%;
  background-color: rgba(0,0,0,.7);
  text-align : center;
  font-weight : bold;
  padding-top : 6px;
  padding-bottom : 6px;
  color : white;
}

.score {
  width : 30px;
  background-color: rgba(0,0,0,.7);
  text-align : center;
  font-weight : bold;
  padding-top : 6px;
  padding-bottom : 6px;
  color : white;
}

.tag {
  padding-left : 4px;
  padding-top : 6px;
  padding-bottom : 6px;
  color : white;
  font-weight: bold;
  width : 100%;
  background-color: rgba(0,0,0,.7);
}

.prefix {
  color : yellow;
}