@import "theme";

ScoreHud
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    pointer-events: none;

    // Right-centre column: combo score on top, source lines beneath. No backgrounds.
    .score-stack
    {
        position: absolute;
        right: calc( $deadzone-x * 4 );
        top: 50%;
        transform: translateY( -50% );
        flex-direction: column;
        align-items: flex-end;
        gap: 0px;
        z-index: 60;
    }

    .combo-value
    {
        font-family: $header-font;
        font-size: 48px;
        height: 54px;
        font-weight: 800;
        color: $hud-text;
        text-shadow: $hud-shadow;
    }

    .combo-entry
    {
        flex-direction: row;
        align-items: center;
        gap: 8px;
        text-shadow: $hud-shadow;

        .entry-source
        {
            font-family: $display-font;
            font-size: 15px;
            font-weight: 500;
            color: $hud-text;
        }

        .entry-amount
        {
            font-family: $header-font;
            font-size: 16px;
            font-weight: 700;
            color: $hud-text;
        }
    }
}