/* Highlighting Rules fo display */
.highlight { background-color: var(--mud-palette-warning-lighten); border-radius: var(--mud-shape-borderRadius); }
.highlightWin { background-color: var(--mud-palette-success-lighten); border-radius: var(--mud-shape-borderRadius); }
.highlightLose { background-color: var(--mud-palette-error-lighten); border-radius: var(--mud-shape-borderRadius); }

/* Vertical Title for Game Board */
.vertical-title {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--mud-palette-background-grey);
    min-height: 150px;
}