/* Cabinet and authentication layouts only; desktop dimensions stay unchanged. */
@media (max-width: 900px) {
    [data-account-redesign] .account-cosmetic-slots > div { min-width: 0; min-height: 76px; height: auto; padding: 12px; }
    [data-account-redesign] .account-cosmetic-slots > div > span { font-size: 12px; line-height: 1.5; }
    [data-account-redesign] .account-cosmetic-slots > div > strong { font-size: 14px; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; }
}
@media (max-width: 900px) {
    [data-account-redesign] {
        font-size: 16px;
        line-height: 1.5;
    }

    [data-account-redesign] .account-workspace {
        width: 100%;
        grid-template-columns: minmax(0, 1fr);
        border-inline: 0;
    }

    [data-account-redesign] .account-content__inner {
        padding: 22px 16px 36px;
    }

    [data-account-redesign] :is(.account-content, .account-panel, .account-metric-card,
        .account-page-hero > div, .account-panel__head > div, .account-form,
        .account-field, .account-code-box, .account-game-identity > div,
        .account-style-preview__mock > div, .account-pending-box > div,
        .account-passkey-row > div, .account-history-row > div) {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    [data-account-redesign] :is(.account-dashboard-grid, .account-profile-grid,
        .account-security-grid, .account-game-grid, .account-profile-lower,
        .account-login-code-layout, .account-recovery-codes) {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    [data-account-redesign] :is(.account-status-grid, .account-future-grid) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    [data-account-redesign] .account-panel { padding: 18px; }
    [data-account-redesign] .account-metric-card { padding: 16px; min-height: 124px; }
    [data-account-redesign] .account-metric-card strong { font-size: 22px; line-height: 1.3; }

    [data-account-redesign] .account-page-hero {
        align-items: stretch;
        flex-direction: column;
        gap: 14px;
    }

    [data-account-redesign] .account-page-hero h1 {
        font-size: clamp(26px, 5vw, 34px);
        line-height: 1.2;
        overflow-wrap: anywhere;
    }

    [data-account-redesign] .account-panel__head { flex-wrap: wrap; gap: 10px; }
    [data-account-redesign] .account-panel__head > div { flex: 1 1 150px; }
    [data-account-redesign] .account-panel__head h2 { font-size: 19px; line-height: 1.35; }

    [data-account-redesign] :is(.account-page-hero p, .account-panel__description,
        .account-alert, .account-callout p, .account-pending-box p,
        .account-security-note, .account-empty-state span,
        .account-passkey-row span, .account-style-preview__mock span) {
        color: #a8b2c8;
        font-size: 14px;
        line-height: 1.65;
        overflow-wrap: anywhere;
    }

    [data-account-redesign] :is(.account-page-kicker, .account-panel__kicker,
        .account-metric-card__label, .account-status-pill, .account-future-grid small,
        .account-current-value span, .account-pending-box span, .account-empty-state small,
        .account-history-row time, .account-code-box > span, .account-code-box > small,
        .account-footer__inner) {
        font-size: 12px;
        line-height: 1.5;
        letter-spacing: .04em;
        overflow-wrap: anywhere;
    }

    [data-account-redesign] :is(.account-metric-card__label, .account-current-value span,
        .account-history-row time, .account-code-box > span, .account-code-box > small,
        .account-footer__inner) { color: #a3aec6; }

    [data-account-redesign] .account-status-pill { max-width: 100%; white-space: normal; }
    [data-account-redesign] .account-field > span { color: #b4bed4; font-size: 14px; line-height: 1.5; }

    [data-account-redesign] .account-content :is(input, textarea, select):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        min-height: 48px;
        padding: 11px 12px;
        font-size: 16px;
        line-height: 1.5;
        box-sizing: border-box;
    }

    [data-account-redesign] .account-field textarea { min-height: 112px; }

    [data-account-redesign] :is(.account-button, .account-inline-link,
        .account-sidebar__public, .account-sidebar__logout, .community-button,
        .jl-button, .jl-tabs a, .private-message-dialog__back, .private-message-load-more,
        .privacy-settings__profile-link, .privacy-settings__blacklist, .privacy-settings__save,
        .notification-settings__link, .notification-settings__save) {
        min-height: 44px;
        max-width: 100%;
        height: auto;
        padding: 10px 14px;
        font-size: 14px;
        line-height: 1.45;
        white-space: normal;
        overflow-wrap: anywhere;
        text-align: center;
        box-sizing: border-box;
    }

    [data-account-redesign] .account-inline-link { display: inline-flex; align-items: center; }
    [data-account-redesign] .account-action-row { gap: 10px; }
    [data-account-redesign] .account-action-row > :is(form, a, button) { min-width: 0; }

    [data-account-redesign] :is(.account-info-row, .account-pending-box,
        .account-history-row, .account-passkey-row) { padding: 12px; gap: 10px; }
    [data-account-redesign] .account-info-row span { color: #a3aec6; font-size: 13px; }

    [data-account-redesign] :is(.account-info-row strong, .account-current-value strong,
        .account-pending-box strong, .account-callout strong, .account-empty-state strong,
        .account-passkey-row strong, .account-style-preview__mock strong,
        .account-history-row > div, .account-subsection-title, .account-future-grid strong) {
        font-size: 14px;
        line-height: 1.5;
        overflow-wrap: anywhere;
    }

    [data-account-redesign] .account-history-row > div { flex-wrap: wrap; }
    [data-account-redesign] .account-game-identity { align-items: flex-start; }
    [data-account-redesign] .account-game-identity__avatar { flex: 0 0 52px; }
    [data-account-redesign] .account-game-identity span { font-size: 12px; color: #a3aec6; }
    [data-account-redesign] .account-game-identity strong { font-size: 18px; overflow-wrap: anywhere; }

    [data-account-redesign] :is(.account-console-command, .account-code-box > code,
        .account-recovery-codes code) {
        max-width: 100%;
        min-width: 0;
        font-size: 14px;
        line-height: 1.6;
        white-space: pre-wrap;
        overflow-wrap: anywhere;
    }

    [data-account-redesign] .account-code-box > strong { font-size: 28px; letter-spacing: 2px; overflow-wrap: anywhere; }
    [data-account-redesign] .account-qr { max-width: 100%; }
    [data-account-redesign] .account-qr svg { max-width: 100%; height: auto; }
    [data-account-redesign] .account-footer__inner { width: calc(100% - 32px); padding: 18px 0; gap: 8px; }

    /* Full-height drawer does not assume a fixed height for the mobile header. */
    [data-account-redesign] .account-mobile-toolbar { width: calc(100% - 32px); min-height: 60px; font-size: 13px; color: #b4bed4; }
    [data-account-redesign] .account-mobile-menu-button { width: 44px; height: 44px; }
    [data-account-redesign] .account-sidebar {
        top: 0;
        bottom: 0;
        width: min(320px, calc(100vw - 44px));
        max-height: 100vh;
        max-height: 100dvh;
        padding: 18px 12px 28px;
        overscroll-behavior: contain;
    }
    [data-account-redesign] .account-sidebar-backdrop { inset: 0; }
    [data-account-redesign] .account-sidebar__identity { grid-template-columns: 42px minmax(0, 1fr); }
    [data-account-redesign] .account-sidebar__identity strong { font-size: 15px; white-space: normal; overflow-wrap: anywhere; }
    [data-account-redesign] .account-sidebar__identity span { font-size: 12px; color: #a3aec6; }
    [data-account-redesign] .account-sidebar__label { font-size: 12px; color: #ac8bd5; }
    [data-account-redesign] .account-sidebar__nav > :is(a, span) { min-height: 46px; padding: 10px 9px; font-size: 14px; line-height: 1.45; color: #b4bed4; }
    [data-account-redesign] .account-sidebar__nav small { font-size: 12px; letter-spacing: 0; }
    [data-account-redesign] .account-sidebar__icon { font-size: 18px; }

    /* Privacy and notification settings keep their labels and controls together. */
    [data-account-redesign] :is(.privacy-settings__hero, .notification-settings__hero) { padding: 20px; align-items: stretch; flex-direction: column; }
    [data-account-redesign] :is(.privacy-settings__panel, .notification-settings__panel) { padding: 18px; min-width: 0; }
    [data-account-redesign] :is(.privacy-settings__panel > header, .notification-settings__panel > header) { flex-wrap: wrap; gap: 10px; }
    [data-account-redesign] :is(.privacy-options--three, .privacy-options--four) { grid-template-columns: minmax(0, 1fr); }
    [data-account-redesign] :is(.privacy-settings__hero p, .notification-settings__hero p,
        .privacy-option__copy strong, .privacy-search-toggle strong, .notification-setting__copy strong,
        .notification-settings__message-note strong) { font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
    [data-account-redesign] :is(.privacy-settings__hero span, .privacy-settings__panel header span,
        .notification-settings__hero span, .notification-settings__panel header span,
        .privacy-settings__panel header > small,
        .privacy-option__copy small, .privacy-search-toggle small, .privacy-settings__hint,
        .privacy-settings__priority p, .notification-setting__copy small,
        .notification-setting__required, .notification-settings__panel header > small,
        .notification-settings__message-note p, .notification-settings__message-note a,
        .notification-settings__history-note) { font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
    [data-account-redesign] :is(.privacy-option__copy small, .privacy-search-toggle small,
        .notification-setting__copy small, .notification-settings__history-note) { color: #a3aec6; }
    [data-account-redesign] .notification-setting { grid-template-columns: 34px minmax(0, 1fr); padding: 14px; gap: 10px; }
    [data-account-redesign] :is(.notification-setting__switch, .notification-setting__required) { grid-column: 2; justify-self: start; }

    /* The cabinet's notifications, friends and blacklist share community markup. */
    [data-account-redesign] :is(.community-page, .community-hero > div,
        .community-panel, .community-panel__head > div, .community-form,
        .community-field, .community-notification__body, .community-friend-row__copy,
        .community-blacklist-row__copy) { min-width: 0; overflow-wrap: anywhere; }
    [data-account-redesign] .community-hero { align-items: stretch; flex-direction: column; padding: 18px; gap: 14px; }
    [data-account-redesign] .community-hero h1 { font-size: 28px; line-height: 1.25; overflow-wrap: anywhere; }
    [data-account-redesign] :is(.community-kicker, .community-panel__head span,
        .community-stats span, .community-panel__head > small, .community-field > span small,
        .community-notification__meta, .community-notification__meta b, .community-read-state,
        .community-friend-row__copy span, .community-friend-state,
        .community-blacklist-row__copy span, .community-pagination strong) {
        font-size: 12px;
        line-height: 1.55;
        letter-spacing: .03em;
        overflow-wrap: anywhere;
    }
    [data-account-redesign] :is(.community-stats span, .community-panel__head > small,
        .community-notification__meta, .community-read-state, .community-friend-row__copy span,
        .community-friend-state, .community-blacklist-row__copy span,
        .community-pagination strong, .privacy-settings__panel header > small) { color: #a3aec6; }
    [data-account-redesign] :is(.community-hero p, .community-alert, .community-empty span,
        .community-field > span, .community-foundation-note strong, .community-foundation-note p,
        .community-friend-row__copy a, .community-blacklist-row__copy a,
        .community-blacklist-row__copy p) { font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; }
    [data-account-redesign] :is(.community-hero p, .community-empty span,
        .community-foundation-note p, .community-blacklist-row__copy p) { color: #a8b2c8; }
    [data-account-redesign] .community-panel { padding: 18px; }
    [data-account-redesign] .community-panel__head { align-items: flex-start; flex-wrap: wrap; gap: 10px; }
    [data-account-redesign] .community-panel__head > div { flex: 1 1 160px; }
    [data-account-redesign] .community-panel__head h2 { font-size: 20px; line-height: 1.35; overflow-wrap: anywhere; }
    [data-account-redesign] .community-stats article { min-width: 0; padding: 16px; }
    [data-account-redesign] .community-stats strong { font-size: 26px; overflow-wrap: anywhere; }
    [data-account-redesign] .community-empty { padding: 18px 8px; gap: 8px; }
    [data-account-redesign] .community-empty strong { font-size: 16px; line-height: 1.5; }
    [data-account-redesign] :is(.community-grid--blacklist, .community-friends-grid,
        .community-friend-list--accepted, .community-friend-search__form) { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    [data-account-redesign] :is(.community-friend-row, .community-blacklist-row) { grid-template-columns: 40px minmax(0, 1fr); gap: 10px; }
    [data-account-redesign] :is(.community-friend-row__copy a, .community-blacklist-row__copy a) { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
    [data-account-redesign] :is(.community-friend-row__actions, .community-blacklist-row > form) { grid-column: 1 / -1; min-width: 0; width: 100%; }
    [data-account-redesign] .community-friend-row__actions { align-items: stretch; justify-content: flex-start; gap: 10px; }
    [data-account-redesign] .community-friend-row__actions form { flex: 1 1 120px; min-width: 0; }
    [data-account-redesign] :is(.community-friend-row__actions .community-button,
        .community-blacklist-row > form .community-button) { min-height: 44px; width: 100%; padding: 10px 14px; font-size: 14px; }
    [data-account-redesign] .community-notification { min-width: 0; padding: 14px; gap: 12px; }
    [data-account-redesign] .community-notification__meta { gap: 6px 10px; }
    [data-account-redesign] .community-notification__meta time { margin-left: 0; }
    [data-account-redesign] .community-notification h3 { font-size: 16px; line-height: 1.45; overflow-wrap: anywhere; }
    [data-account-redesign] .community-notification p { font-size: 16px; line-height: 1.65; color: #b4bed4; overflow-wrap: anywhere; }
    [data-account-redesign] .community-notification__actions { align-items: stretch; gap: 10px; }
    [data-account-redesign] .community-notification__actions > form { min-width: 0; }
    [data-account-redesign] .community-link-button { min-height: 44px; max-width: 100%; padding: 10px 0; font-size: 14px; line-height: 1.5; text-align: left; white-space: normal; overflow-wrap: anywhere; }
    [data-account-redesign] .community-pagination { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-top: 14px; gap: 10px; }
    [data-account-redesign] .community-pagination strong { grid-column: 1 / -1; grid-row: 1; text-align: center; }
    [data-account-redesign] .community-pagination > :is(a, span) { display: inline-flex; min-height: 44px; max-width: 100%; padding: 10px 12px; align-items: center; font-size: 14px; line-height: 1.5; }

    /* Wallet amounts and transaction metadata become separate rows. */
    [data-account-redesign] .economy-wallets { grid-template-columns: minmax(0, 1fr); }
    [data-account-redesign] .economy-hero { min-height: auto; padding: 20px; }
    [data-account-redesign] .economy-hero__mark { display: none; }
    [data-account-redesign] .economy-wallet { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 10px 12px; padding: 18px; min-height: 0; }
    [data-account-redesign] .economy-wallet__icon { width: 44px; height: 44px; margin: 0; }
    [data-account-redesign] .economy-wallet__state { position: static; grid-column: 2; font-size: 12px; letter-spacing: .04em; }
    [data-account-redesign] .economy-wallet__copy > strong { font-size: 28px; line-height: 1.25; }
    [data-account-redesign] :is(.economy-wallet__copy > span, .economy-wallet__copy p,
        .economy-entry__main > p, .economy-safety-note strong) { font-size: 14px; line-height: 1.6; }
    [data-account-redesign] :is(.economy-kicker, .economy-section-head > div > span,
        .economy-section-head > small, .economy-wallet__copy > strong small,
        .economy-entry__title span, .economy-entry__meta, .economy-entry__amount > span,
        .economy-entry__amount strong small, .economy-empty p, .economy-safety-note p) { font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
    [data-account-redesign] .economy-section-head { flex-wrap: wrap; padding: 18px; gap: 10px; }
    [data-account-redesign] .economy-history { padding: 0 18px; }
    [data-account-redesign] .economy-entry { grid-template-columns: 40px minmax(0, 1fr); gap: 10px 12px; }
    [data-account-redesign] .economy-entry__amount { grid-column: 2; min-width: 0; text-align: left; overflow-wrap: anywhere; }
    [data-account-redesign] .economy-entry__amount strong { font-size: 20px; }

    /* Conversations need readable body text, not desktop-sized three-column rows. */
    [data-account-redesign] :is(.private-messages-hero, .private-message-search,
        .private-message-conversations, .private-message-dialog__head, .private-message-composer) { min-width: 0; padding: 16px; }
    [data-account-redesign] .private-messages-hero { flex-direction: column; align-items: stretch; }
    [data-account-redesign] :is(.private-messages-hero p, .private-message-person > div > a,
        .private-message-conversation__copy strong, .private-message-blocked strong,
        .private-messages-empty strong) { font-size: 14px; line-height: 1.6; }
    [data-account-redesign] :is(.private-messages-hero span, .private-messages-hero__metric small,
        .private-message-search > header span, .private-message-conversations > header span,
        .private-message-dialog__identity > div > span, .private-message-search__form label > span,
        .private-message-composer > label, .private-message-person > div > span,
        .private-message-conversation__copy > span, .private-message-conversation__meta time,
        .private-message-conversation__meta b, .private-message-conversations > header > small,
        .private-message-pagination a, .private-message-pagination span, .private-message-pagination small,
        .private-message-blocked, .private-message-history-start, .private-message-bubble header strong,
        .private-message-bubble header time, .private-message-bubble > small,
        .private-message-composer > div > small, .private-messages-empty span) { font-size: 12px; line-height: 1.5; }
    [data-account-redesign] :is(.private-message-person > div > span,
        .private-message-conversation__copy > span, .private-message-conversation__meta time,
        .private-message-bubble header time, .private-message-bubble > small,
        .private-message-composer > div > small) { color: #a3aec6; }
    [data-account-redesign] .private-message-search__form { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    [data-account-redesign] :is(.private-message-person, .private-message-conversation) { grid-template-columns: 42px minmax(0, 1fr); gap: 10px; }
    [data-account-redesign] :is(.private-message-person > form, .private-message-person > button, .private-message-conversation__meta) { grid-column: 1 / -1; }
    [data-account-redesign] .private-message-conversation__meta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
    [data-account-redesign] :is(.private-message-person > div > a,
        .private-message-conversation__copy strong, .private-message-person > div > span,
        .private-message-conversation__copy > span, .private-message-dialog h1) { white-space: normal; overflow-wrap: anywhere; }
    [data-account-redesign] .private-message-dialog__head { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    [data-account-redesign] .private-message-dialog__identity { min-width: 0; }
    [data-account-redesign] .private-message-dialog h1 { font-size: 18px; line-height: 1.4; }
    [data-account-redesign] .private-message-thread { padding: 12px; height: clamp(280px, 52svh, 520px); }
    [data-account-redesign] .private-message-bubble { max-width: 100%; width: min(620px, 92%); padding: 12px; }
    [data-account-redesign] .private-message-bubble header { flex-wrap: wrap; gap: 4px 10px; }
    [data-account-redesign] .private-message-bubble p { font-size: 16px; line-height: 1.6; }
    [data-account-redesign] .private-message-composer > div { flex-wrap: wrap; gap: 12px; }
    [data-account-redesign] .private-message-pagination { flex-wrap: wrap; }
    [data-account-redesign] .private-message-pagination a { display: inline-flex; align-items: center; min-height: 44px; }

    [data-account-redesign] .jl-page { min-width: 0; font-size: 14px; }
    [data-account-redesign] :is(.jl-stats, .jl-columns) { grid-template-columns: minmax(0, 1fr); }
    [data-account-redesign] .jl-heading { flex-direction: column; gap: 10px; margin: 8px 0 18px; }
    [data-account-redesign] .jl-heading h1 { font-size: 28px; line-height: 1.25; }
    [data-account-redesign] .jl-card { padding: 18px; min-width: 0; }
    [data-account-redesign] :is(.jl-eyebrow, .jl-stats small) { font-size: 12px; }
    [data-account-redesign] .jl-stats strong { font-size: 28px; overflow-wrap: anywhere; }

    /* The auth layout adds this explicit class; public and admin forms are unaffected. */
    body.auth-page {
        min-width: 0;
        min-height: 100vh;
        min-height: 100svh;
        align-items: flex-start;
        font-size: 16px;
        line-height: 1.5;
    }
    body.auth-page > .page { width: 100%; max-width: 520px; padding: 28px 18px; margin-inline: auto; box-sizing: border-box; }
    body.auth-page .brand { margin-bottom: 24px; }
    body.auth-page .brand-name { font-size: 32px; line-height: 1.2; letter-spacing: 3px; overflow-wrap: anywhere; }
    body.auth-page .brand-subtitle { font-size: 13px; }
    body.auth-page .page > .card { min-width: 0; padding: 24px; }
    body.auth-page :is(h1, .jr-registration h1) { font-size: 26px; line-height: 1.25; overflow-wrap: anywhere; }
    body.auth-page :is(.description, .jr-registration .jr-description, .footer-link,
        .jr-registration .jr-footer, .jr-registration .jr-game-note, .jr-registration .jr-instruction) { font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; }
    body.auth-page :is(.field, .jr-field, .jr-fields, .jr-input-wrap) { min-width: 0; }
    body.auth-page label { font-size: 14px; line-height: 1.5; }
    body.auth-page :is(input, textarea, select):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        min-height: 48px;
        height: auto;
        padding: 11px 12px;
        box-sizing: border-box;
        font-size: 16px;
        line-height: 1.5;
    }
    body.auth-page .jr-registration .jr-input-wrap > input { padding-right: 48px; }
    body.auth-page .jr-registration .jr-eye { width: 44px; height: 46px; }
    body.auth-page :is(.button, .passkey-button, .jr-registration .jr-primary,
        .jr-registration .jr-secondary, .jr-registration .jr-back) { height: auto; min-height: 48px; max-width: 100%; padding: 12px 14px; font-size: 15px; line-height: 1.45; white-space: normal; overflow-wrap: anywhere; }
    body.auth-page :is(.checkbox-row, .jr-registration .jr-reservation) { flex-wrap: wrap; gap: 10px; }
    body.auth-page :is(.remember, .checkbox-row > a, .footer-link > a, .jr-registration .jr-link,
        .jr-registration .jr-email-edit > summary) { display: inline-flex; min-height: 44px; align-items: center; font-size: 14px; line-height: 1.5; }
    body.auth-page .jr-registration :is(.jr-grid, .jr-edit-actions) { grid-template-columns: minmax(0, 1fr); }
    body.auth-page .jr-registration .jr-field > label { font-size: 14px; }
    body.auth-page .jr-registration :is(label small, .jr-step-meta, .jr-digits) { font-size: 12px; line-height: 1.5; }
    body.auth-page .jr-registration :is(.jr-hint, .jr-nickname-hint, .jr-nickname-status,
        .jr-requirements, .jr-cs-help, .jr-footnote, .jr-error, .jr-reservation,
        .jr-confirm-person > span) { font-size: 13px; line-height: 1.65; overflow-wrap: anywhere; }
    body.auth-page .jr-registration :is(.jr-errors, .jr-status, .jr-cs-help > strong,
        .jr-cs-help code) { font-size: 14px; line-height: 1.6; }
    body.auth-page .jr-registration .jr-requirements { gap: 8px 14px; }
    body.auth-page .jr-registration .jr-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
    body.auth-page .jr-registration .jr-back { width: 100%; }
    body.auth-page .jr-registration .jr-email-row { font-size: 16px; overflow-wrap: anywhere; }
    body.auth-page :is(.errors, .passkey-error) { font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
}

@media (max-width: 600px) {
    [data-account-redesign] .account-content__inner { padding: 18px 12px 30px; }
    [data-account-redesign] :is(.account-status-grid, .account-future-grid) { grid-template-columns: minmax(0, 1fr); }
    [data-account-redesign] .account-panel { padding: 16px; }
    [data-account-redesign] :is(.account-info-row, .account-history-row, .account-passkey-row,
        .account-pending-box) { align-items: stretch; flex-direction: column; gap: 6px; }
    [data-account-redesign] .account-info-row strong { text-align: left; }
    [data-account-redesign] .account-action-row { align-items: stretch; flex-direction: column; }
    [data-account-redesign] .account-action-row > :is(a, button, form),
    [data-account-redesign] .account-action-row > form > button { width: 100%; }
    [data-account-redesign] :is(.privacy-settings__actions, .notification-settings__actions) { align-items: stretch; flex-direction: column; }
    [data-account-redesign] :is(.privacy-settings__profile-link, .privacy-settings__blacklist,
        .privacy-settings__save, .notification-settings__link, .notification-settings__save,
        .private-message-person > form .community-button, .private-message-person > button,
        .private-message-dialog__head > .community-button, .private-message-composer .community-button) { width: 100%; }
    [data-account-redesign] .private-message-composer > div { align-items: stretch; flex-direction: column; }
    [data-account-redesign] .private-message-bubble { width: 96%; }
    [data-account-redesign] .community-stats { grid-template-columns: minmax(0, 1fr); }
    [data-account-redesign] .community-notification { grid-template-columns: minmax(0, 1fr); }
    [data-account-redesign] .community-notification__actions { flex-direction: column; }

    /* Level history retains its header for assistive technology and reads as cards. */
    [data-account-redesign] .jl-page .jl-table { min-width: 0; width: 100%; display: block; }
    [data-account-redesign] .jl-page .jl-table thead { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); white-space: nowrap; }
    [data-account-redesign] .jl-page .jl-table :is(tbody, tr, td) { display: block; width: 100%; min-width: 0; box-sizing: border-box; }
    [data-account-redesign] .jl-page .jl-table tr { padding: 12px 0; border-bottom: 1px solid #334155; }
    [data-account-redesign] .jl-page .jl-table td { padding: 6px 0; border: 0; font-size: 14px; overflow-wrap: anywhere; }
    [data-account-redesign] .jl-page .jl-table td:not([colspan])::before { display: block; margin-bottom: 3px; color: #a3aec6; font-size: 12px; font-weight: 600; }
    [data-account-redesign] .jl-page .jl-table td:nth-child(1):not([colspan])::before { content: 'Дата'; }
    [data-account-redesign] .jl-page .jl-table td:nth-child(2):not([colspan])::before { content: 'Причина'; }
    [data-account-redesign] .jl-page .jl-table td:nth-child(3):not([colspan])::before { content: 'Награда'; }
    [data-account-redesign] .jl-page .jl-table td:nth-child(4):not([colspan])::before { content: 'Прогресс'; }
    [data-account-redesign] .jl-page .jl-table td:nth-child(5):not([colspan])::before { content: 'Статус'; }
    [data-account-redesign] .jl-page .jl-table td:nth-child(6):not([colspan])::before { content: 'Администратор'; }
}

@media (max-width: 390px) {
    [data-account-redesign] .account-panel { padding: 14px; }
    [data-account-redesign] :is(.privacy-settings__hero, .notification-settings__hero,
        .privacy-settings__panel, .notification-settings__panel, .economy-hero,
        .economy-wallet, .jl-card) { padding: 14px; }
    [data-account-redesign] .economy-wallet { grid-template-columns: minmax(0, 1fr); }
    [data-account-redesign] .economy-wallet__state { grid-column: 1; }
    body.auth-page > .page { padding: 22px 12px; }
    body.auth-page .page > .card { padding: 20px 16px; }
    body.auth-page .brand-name { font-size: 28px; }
}