h2 { margin-top: 20px; }
.hero { padding: 2rem 0; margin-bottom: 2rem; background-color: #e9ecef; }
.status-dismiss { margin-right: 20px; }
img.medal { width: 24px; height: 24px; position: relative; }
.medals { display: inline-flex; width: 40px; margin-right: 10px; vertical-align: middle; }
.medals > * { flex: 0 0 24px; }
.medals > * + * { margin-left: -20px; }
.medal-placeholder { display: inline-block; width: 24px; height: 24px; }
img.medal.green { z-index: 5; }
img.medal.gold { z-index: 4; }
img.medal.silver { z-index: 3; }
img.medal.bronze { z-index: 2; }
img.cp { width: 16px; height: 16px; margin-left: 15px; }
.medal-target { display: inline-block; white-space: nowrap; }
.replay-time { white-space: nowrap; }
table thead tr th.time { padding-left: 60px; }
.table > tbody > tr > .map-classic { color: #b38111; }
.maps-table .map-column { width: 50%; }
.maps-table .player-column { width: 30%; }
.maps-table .details-column { width: 20%; }
@media (min-width: 576px) {
    .hero { padding: 4rem 0; }
}