.vertical_hand_left,
.vertical_hand_right,
.horizontal_hand
{
}

.horizontal_hand
{
    display: flex;
    position: relative;
    width: fit-content;
}

.vertical_hand_left,
.vertical_hand_right
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    width: fit-content;
}

.vertical_hand_left
{
    align-items: flex-end;
}

.vertical_hand_right
{
    align-items: flex-start;
}

.vertical_hand_left
.blank_hand,
.vertical_hand_right
.blank_hand
{
    --intersuit_skip: 20px;
    --intercard_skip: var(--card_width);
    --blank_intercard_skip: var(--card_width);
    flex-direction: column;
}

.vertical_hand_left
.blank_hand
.right_card_row_spacer,
.vertical_hand_left
.blank_hand
.left_card_row_spacer,
.vertical_hand_right
.blank_hand
.right_card_row_spacer,
.vertical_hand_right
.blank_hand
.left_card_row_spacer

{
    width: 0px;
    height: 0px;
}

/*
.vertical_hand_left
.blank_hand
.card_control
{
    transform: rotate(90deg);
}

.vertical_hand_right
.blank_hand
.card_control
{
    transform: rotate(-90deg);
}
*/

.suit_spread,
.blank_hand
{
    display: flex;
    flex-direction: row;
    position: relative;
    width: fit-content;
}

.right_card_row_spacer,
.left_card_row_spacer
{
    width: 0px;
}

.suit0emph .vertical_hand_left .suit_position0 .card_active ~ .right_card_row_spacer,
.suit1emph .vertical_hand_left .suit_position1 .card_active ~ .right_card_row_spacer,
.suit2emph .vertical_hand_left .suit_position2 .card_active ~ .right_card_row_spacer,
.suit3emph .vertical_hand_left .suit_position3 .card_active ~ .right_card_row_spacer
{
    width: calc(var(--card_width) - 1/2*var(--intercard_skip));
}

.vertical_hand_left .card_active ~ .right_card_row_spacer
{
    width: calc(var(--card_width) - var(--intercard_skip));
}

.suit0emph .vertical_hand_right .suit_position0 .left_card_row_spacer,
.suit1emph .vertical_hand_right .suit_position1 .left_card_row_spacer,
.suit2emph .vertical_hand_right .suit_position2 .left_card_row_spacer,
.suit3emph .vertical_hand_right .suit_position3 .left_card_row_spacer
{
    width: calc(1/2*var(--intercard_skip));
}

.vertical_hand_right .card_control.card_active .card_front,
.vertical_hand_left .card_control.card_active .card_front
{
    margin-top: 0px;
}

.vertical_hand_left .card_control.card_active .card_front,
.vertical_hand_right .card_control.card_active .card_front,
.horizontal_hand .card_control.card_active .card_front
{
    z-index: var(--card-active-z-index);
}

.virtual_hand .card_control
{
    position: absolute;
}

.virtual_hand .card_active ~ .right_card_row_spacer,
.virtual_hand .card_active ~ .left_card_row_spacer
{
    width: 0px;
}

.back_active ~ .right_card_row_spacer
{
    width: calc(var(--card_width) - var(--blank_intercard_skip));
}

.card_active ~ .right_card_row_spacer
{
    width: calc(var(--card_width) - var(--intercard_skip));
}

.anchored_deck.flat_hand
{
    --card_width: var(--pot-card_width);
    --intercard_skip: var(--card_width);
}