/* ReactKing — cross-page responsive layout. */

@media (max-width: 600px) {
    .lobby-page, .profile-page, .tournaments-page {
        padding: 1.1rem;
    }

    .content-page {
        padding-inline: var(--spacing-15);
    }
}

@media (pointer: coarse) {
    .challenge-item button, .queue-toast button, .site-footer a {
        min-height: 2.75rem;
        display: inline-flex;
        align-items: center;
    }
}