// BASALT'S ROUND, CARVED IN — `RoundCarveHud`. The numeral large in the middle of the screen, in the map's face, glowing like
// the rock; the opacity and the scale are inline, as they play.

.carve-hud
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    pointer-events: none;          // never eat clicks
}

.carve
{
    position: absolute;
    left: 0px;
    top: 26%;
    width: 100%;
    justify-content: center;

    font-family: Cinzel;
    font-weight: 700;
    font-size: 150px;
    line-height: 0.898;            // Inter's line box — see `.round` in SurvivalHud.razor.scss
    letter-spacing: 10px;
    color: rgba( 248, 150, 72, 1 );
    text-shadow: 0px 0px 22px rgba( 222, 108, 46, 0.95 );
    white-space: nowrap;
}

// ⚠️ THE DIGITS A LITTLE SMALLER: from round 10 they are two glyphs, and IX to 10 should not jump in weight
.carve.digits
{
    font-size: 132px;
}