div.run.structured {
    justify-content: space-between;
    text-align: center;
}

div.run.structured .run-footer {
    display: flex;
    justify-content: space-between;
    font-size: 0.75em;
    margin-top: auto;
}

div.run.structured .timing {
    text-align: left;
}

.beat-label, .fail-label {
    font-weight: bold;
    color: #ccc;
}
.beat-value, .beat-diff {
    color: lightgreen;
}
.fail-value, .fail-diff {
    color: #ff5555;
}

div.run.structured .score {
    text-align: right;
    white-space: nowrap;
    font-weight: bold;
}
span.fail-icon {
    font-size: 0.85em;
    margin-left: 0.3em;
    position: relative;
    top: 0.05em;
}
img.fail-icon-svg {
    height: 0.9em;
    width: auto;
}
div.run {
    display: flex;
    flex-direction: column;
    padding: 0.5em;
    box-sizing: border-box;
}

div.run span.level {
    display: flex;
    font-size: 1.2em;
    font-weight: 600;
    justify-content: center;
    letter-spacing: 0.03em;
}
span.level-number {
#    background: rgba(255, 255, 0, 0.8);
    border: 1px solid rgba(255, 255, 0, 0.3);
    border-radius: 0.4em;
    padding: 0.1em 0.4em;
    display: inline-block;
}

div.run div.run-bottom {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
}
div.run div.run-bottom span.performance {
    margin-top: auto;
    font-size: 0.8em;
    align-self: flex-start;
}
div.run div.run-bottom span.time-offset {
    margin-top: auto;
    font-size: 0.8em;
    align-self: flex-start;
}

div.run div.run-bottom span.score {
    margin-top: auto;
    font-size: 0.8em;
    align-self: flex-end;
}
span.under-par {
    color: lightgreen;
}
span.under-par::after {
    content: "↓";
    margin-left: -.2em;
}
span.over-par {
    color: red;
}
span.under-par::after {
    content: "↑";
    margin-left: -.2em;
}

span.star::after, span.star-2::after, span.star-3::after {
    --star: "✶";
    color: gold;
    position: relative;
    font-size: .9em;
    left: .2em;
    top: -.2em;
}

span.star::after {
    content: var(--star);
}
span.star-2::after {
    content: var(--star)var(--star);
}
span.star-3::after {
    content: var(--star)var(--star)var(--star);
}