PlayerName {
    .PlayerNameBox {
        margin-top: 128px;
        position: relative;

        label {
            text-stroke-width: 4px;
            text-stroke-color: rgba( 0, 0, 0, 0.5 );
            text-shadow: 0 2px 4px rgba( 0, 0, 0, 0.6 );
        }

        .player-tag-label {
            margin-top: 2px;
            font-size: 13px;
            font-weight: 800;
            letter-spacing: 1.2px;
            text-transform: uppercase;
        }
    }

    .traitor-halo {
        position: absolute;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        border: 1px solid rgba( 215, 51, 51, 0.18 );
        box-shadow: 0 0 18px rgba( 215, 51, 51, 0.15 );
        background-color: rgba( 215, 51, 51, 0.015 );
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .detective-halo {
        position: absolute;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        border: 1px solid rgba( 121, 195, 255, 0.18 );
        box-shadow: 0 0 18px rgba( 121, 195, 255, 0.15 );
        background-color: rgba( 121, 195, 255, 0.015 );
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}