/* Shared responsive table shell additions. Keep game-specific geometry in its own CSS. */
.mobile-leaderboard-close {
    display: none;
}

@media (max-width: 599px) {
    body.mobile-leaderboard-visible {
        overflow: hidden !important;
    }

    #pokerLeaderboard,
    #blackjackLeaderboard,
    #baccaratLeaderboard,
    #pokDengLeaderboard,
    #rouletteLeaderboard {
        display: none !important;
    }

    #pokerLeaderboard.mobile-leaderboard-open,
    #blackjackLeaderboard.mobile-leaderboard-open,
    #baccaratLeaderboard.mobile-leaderboard-open,
    #pokDengLeaderboard.mobile-leaderboard-open,
    #rouletteLeaderboard.mobile-leaderboard-open {
        position: fixed !important;
        z-index: 300100 !important;
        inset: auto 8px 8px !important;
        display: flex !important;
        flex-direction: column !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: min(72dvh, 620px) !important;
        max-height: calc(100dvh - 16px) !important;
        margin: 0 !important;
        padding: 14px !important;
        overflow: auto !important;
        border: 1px solid rgba(255, 215, 96, .72) !important;
        border-radius: 20px !important;
        background: linear-gradient(155deg, #071d15 0%, #03100c 100%) !important;
        box-shadow: 0 -18px 60px rgba(0, 0, 0, .72), 0 0 24px rgba(229, 190, 71, .18) !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .mobile-leaderboard-open > summary {
        display: none !important;
    }

    .mobile-leaderboard-open ol,
    .mobile-leaderboard-open .participant-list {
        overflow-y: auto !important;
        overscroll-behavior: contain;
    }

    .mobile-leaderboard-close {
        position: sticky;
        z-index: 2;
        top: 0;
        display: block;
        align-self: flex-end;
        min-width: 82px;
        min-height: 44px;
        margin: 0 0 8px auto;
        padding: 8px 14px;
        border: 1px solid #d9b94f;
        border-radius: 12px;
        color: #fff1aa;
        background: #173a2b;
        font: 900 12px/1 system-ui, sans-serif;
        cursor: pointer;
    }

    .mobile-leaderboard-close:focus-visible {
        outline: 3px solid #fff4a3;
        outline-offset: 2px;
    }
}