/* Host/join setup surfaces and room code display. */

.room-panel {
    width: min(440px, 100%);
}

.room-code {
    min-height: 82px;
    display: grid;
    place-items: center;
    border: 1px solid rgb(var(--accent-light-rgb) / 0.55);
    border-radius: 8px;
    background: rgb(var(--accent-rgb) / 0.12);
    color: var(--accent-light);
    font-family: Consolas, "Liberation Mono", monospace;
    font-size: clamp(2.8rem, 14vw, 4.8rem);
    font-weight: 900;
    letter-spacing: 0;
}

.room-warning {
    margin: 0;
    color: rgb(var(--danger-rgb));
    font-weight: 700;
}

.rejoin-panel {
    display: grid;
    gap: 8px;
    padding: 12px;
    border: 1px solid rgb(var(--accent-light-rgb) / 0.45);
    border-radius: 8px;
    background: rgb(var(--accent-rgb) / 0.12);
}

.rejoin-panel p {
    text-align: center;
}