#send-chat-message-button img,
#chat-header img,
#spectate-header img,
.spectate-table-button img
{
    width: 100%;
    min-width: 10px;
    max-width: 25px;
}

#time-control-header img {
    width: 50%;
    min-width: 10px;
    max-width: 25px;
}

.hyphenate {
    hyphens: auto;
    word-break: break-word;
    overflow-wrap: break-word;
}

#lobby-container {
    display: flex;
    flex-direction: column;
}

#active-tables-container {
    flex: 1; /* Take up remaining vertical space */
}
/* The "Host a Table" box (moved from _HostTableBox's inline style; ClientApp/src/routes/spades/lobby.tsx since SPA 8c). */
#host-table-box-container {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    position: absolute; /* Fixed positioning to cover the viewport */
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background: rgba(var(--overlay-rgb), 0.9);
    z-index: 11;
    transition: all 0.5s ease-in-out;
    border-radius: 2%;
    overflow: auto; /* Allow scrolling if needed */
}

#host-table-box {
    max-width: 320px;
    min-width: 250px;
    z-index: 12;
}