.gameplaySessionOverlay {
    position: fixed;
    inset: 0;
    z-index: 2400;
    display: grid;
    place-items: center;
    padding: 18px;
    background: rgba(1, 11, 19, .78);
    backdrop-filter: blur(5px);
}

.gameplaySessionOverlay[hidden] { display: none; }

.gameplaySessionCard {
    width: min(430px, 100%);
    padding: 20px;
    border: 1px solid rgba(120, 211, 255, .42);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(10, 40, 57, .98), rgba(4, 23, 34, .98));
    box-shadow: 0 22px 70px rgba(0, 0, 0, .46);
    color: #fff;
    text-align: center;
}

.gameplaySessionCard small {
    color: #83d9ff;
    font: 900 10px/1 "Poppins", sans-serif;
    letter-spacing: 1.15px;
}

.gameplaySessionCard h2 {
    margin: 7px 0 10px;
    font: 900 22px/1.1 "Poppins", sans-serif;
}

.gameplaySessionCard p {
    margin: 7px 0;
    color: #b9d3e3;
    font: 600 12px/1.45 "Poppins", sans-serif;
}

.gameplaySessionCard .gameplaySessionHint {
    min-height: 34px;
    color: #79c9ee;
    font-size: 10px;
}

.gameplaySessionCard .gameplaySessionWarning {
    color: #e9cc82;
    font-size: 10px;
}

.gameplaySessionActions {
    display: grid;
    gap: 8px;
    margin-top: 15px;
}

.gameplaySessionActions button {
    min-height: 43px;
    border: 1px solid #75d6ff;
    border-radius: 9px;
    background: #126f9e;
    color: #fff;
    font: 900 12px/1 "Poppins", sans-serif;
    cursor: pointer;
}

.gameplaySessionActions button:hover,
.gameplaySessionActions button:focus-visible { filter: brightness(1.12); outline: 0; }
.gameplaySessionActions button:disabled { opacity: .55; cursor: wait; }
.gameplaySessionActions .gameplaySessionLogout {
    border-color: rgba(185, 215, 232, .28);
    background: rgba(4, 28, 42, .75);
    color: #cde5f2;
}

.gameplaySessionError {
    min-height: 16px;
    margin-top: 9px !important;
    color: #ff9f9f !important;
    font-size: 10px !important;
}