#scoreboard {
  width: 224px;
  height: 192px;
  background: #000;
  overflow: hidden;
  color: #fff;
  font-family: sans-serif;
}

.course-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px;
  box-sizing: border-box;
  height: 32px;
}
.status-icon, .timer {
  width: 24px;
  height: 24px;
  font-size: 1.2em;
  text-align: center;
}
.course-title {
  flex: 1;
  margin: 0 4px;
  font-size: 0.9em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#results {
  height: calc(192px - 32px);
}
.row {
  display: flex;
  align-items: center;
  height: 17px; /* 9 lignes -> 17×9 = 153px */
}
.position { width: 10%; text-align: center; font-size: 0.8em; }
.dossard { width: 15%; text-align: center; font-size: 0.8em; }
.change { width: 10%; text-align: center; font-size: 0.8em; }
.name { width: 60%; font-size: 0.8em; padding-left: 2px; }

.up { color: lime; }
.down { color: red; }