/* Mobile-first responsive styles for all pages */
@media (max-width: 800px) {
    body {
        font-size: 18px !important;
        padding: 8px !important;
        margin: 8px !important;
    }
    h2 { font-size: 20px !important; padding: 8px 16px !important; }
    h3 { font-size: 17px !important; padding: 6px 14px !important; }
    table { font-size: 16px !important; }
    td, th { padding: 6px 8px !important; }
    input[type="text"], input[type="password"] {
        font-size: 16px !important;
        padding: 8px 12px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    select {
        font-size: 16px !important;
        padding: 6px 10px !important;
    }
    button, input[type="submit"] {
        font-size: 16px !important;
        padding: 12px 20px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin: 4px 0 !important;
    }
    .name-bubble {
        font-size: 16px !important;
        padding: 4px 10px !important;
    }
    .select-bubble {
        font-size: 16px !important;
    }
    .username {
        font-size: 16px !important;
        padding: 6px 14px !important;
    }
    /* Stack form elements vertically */
    .form-inline {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .form-inline label {
        font-size: 16px !important;
        margin: 4px 0 !important;
    }
    .form-inline input, .form-inline button {
        margin: 4px 0 !important;
    }
    /* Cost table */
    .cost-table td {
        font-size: 15px !important;
        padding: 8px 10px !important;
    }
    .cost-table .price {
        font-size: 17px !important;
    }
    /* Ranking table */
    .match-table {
        width: 100% !important;
    }
    .match-table td {
        font-size: 15px !important;
    }
    /* Admin table */
    .admin-table {
        display: block !important;
        overflow-x: auto !important;
    }
    /* Slot editor */
    .slot-table select {
        font-size: 14px !important;
    }
    /* Info boxes */
    div[style*="border-radius:12px"] {
        font-size: 15px !important;
    }
}