/*
|--------------------------------------------------------------------------
| RACE TRACK
|--------------------------------------------------------------------------
*/

.race-track {

    display: flex;

    flex-direction: column;

    gap: 30px;

    width: 100%;

    padding: 40px;
}

/*
|--------------------------------------------------------------------------
| AAA RACE SCENE
|--------------------------------------------------------------------------
*/

.race-scene {

    position: relative;

    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
}

.race-road {

    width: 100%;
    height: 500px;

    display: flex;
    flex-direction: column;
    justify-content: space-around;

    border-radius: 30px;

    background:
        rgba(0,0,0,.55);

    border:
        1px solid rgba(255,255,255,.05);

    overflow: hidden;
}

.race-lane {

    position: relative;

    width: 100%;
    height: 180px;

    display: flex;
    align-items: center;

    padding-left: 50px;
}

.player-lane {

    border-bottom:
        2px dashed rgba(255,255,255,.08);
}

.race-car {

    width: 340px;

    transform:
        translateX(0px);

    transition:
        transform 5s linear;
}

.race-center-text {

    position: absolute;

    top: 50%;
    left: 50%;

    transform:
        translate(-50%, -50%);

    pointer-events: none;
}

.race-status-text {

    color: #FFFFFF;

    font-size: 72px;

    font-weight: 900;

    text-shadow:
        0 0 25px rgba(255,52,52,.6);
}