/* Phone economy surface: keep the full feature set, remove large stage backgrounds. */
@media (max-width: 767px) {
    body.economy-dashboard-mode,
    body[data-economy-step="shop"],
    body[data-economy-step="bank"] {
        background:
            linear-gradient(180deg, #f7fbff 0%, #eef8f3 52%, #fff8e7 100%),
            #f7fbff;
        background-attachment: scroll;
    }

    body.economy-dashboard-mode {
        min-height: 100dvh;
        overflow-x: clip;
    }

    .economy-dashboard-cloud {
        display: none;
    }

    .economy-dashboard-stage,
    body[data-economy-step="shop"] .economy-dashboard-stage,
    body[data-economy-step="bank"] .economy-dashboard-stage {
        width: min(100%, 430px);
        margin: 0 auto;
        padding: 12px 10px calc(88px + env(safe-area-inset-bottom));
        box-sizing: border-box;
    }

    .economy-dashboard-app,
    body[data-economy-step="shop"] .economy-dashboard-app,
    body[data-economy-step="bank"] .economy-dashboard-app {
        display: block;
        min-width: 0;
    }

    .economy-dashboard-main,
    body[data-economy-step="shop"] .economy-dashboard-main,
    body[data-economy-step="bank"] .economy-dashboard-main {
        display: grid;
        gap: 12px;
        width: 100%;
        min-width: 0;
        padding: 0;
        overflow: visible;
    }

    .economy-dashboard-content,
    .economy-course-activity,
    .economy-live-surface,
    .economy-live-shop,
    .economy-bank-uiux-v2,
    .economy-market-stage,
    .economy-game-lobby-skin,
    .economy-wallet-home-shell-content {
        min-width: 0;
        max-width: 100%;
    }

    .economy-dashboard-mobile-nav {
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 80;
        display: flex;
        gap: 6px;
        padding: 8px 10px calc(8px + env(safe-area-inset-bottom));
        border-top: 1px solid rgba(148, 163, 184, .28);
        border-radius: 0;
        background: rgba(255, 255, 255, .96);
        box-shadow: 0 -12px 30px rgba(15, 23, 42, .14);
        overflow-x: auto;
        overflow-y: hidden;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .economy-dashboard-mobile-nav::-webkit-scrollbar {
        display: none;
    }

    .economy-dashboard-mobile-nav button {
        flex: 0 0 62px;
        min-height: 54px;
        border-radius: 12px;
        color: #475569;
        font-size: 17px;
        line-height: 1;
        padding: 7px 4px;
        white-space: nowrap;
    }

    .economy-dashboard-mobile-nav button span {
        margin-top: 5px;
        font-size: 11px;
        line-height: 1.1;
    }

    .economy-dashboard-mobile-nav button.is-active {
        background: #17395e;
        color: #ffffff;
    }

    .economy-dashboard-mobile-nav button.is-locked {
        color: #94a3b8;
        background: #f1f5f9;
    }

    .economy-wallet-level-line,
    .economy-wallet-home-shell .economy-wallet-notice-card,
    .economy-wallet-home-shell .economy-wallet-avatar-card,
    .economy-wallet-home-shell .economy-home-mission-strip,
    .economy-wallet-home-shell .economy-wallet-info-card,
    .economy-wallet-home-shell .economy-wallet-parent-message-card,
    .economy-wallet-home-shell .economy-wallet-timetable-card,
    .economy-wallet-home-shell .economy-home-student-menu,
    body[data-economy-step="wallet"][data-economy-view="class-token"] .economy-wallet-token-hero,
    .economy-game-lobby-skin,
    .economy-game-lobby-hero,
    .economy-game-category-card,
    .economy-game-launcher-panel,
    .economy-game-hall-entry,
    .economy-game-hall-rank-card,
    body[data-economy-step="earn"] .economy-income-board,
    body[data-economy-step="earn"] .economy-mission-card,
    body[data-economy-step="earn"] .economy-mission-workspace,
    body[data-economy-step="earn"] .economy-mission-goal-panel,
    body[data-economy-step="shop"] .economy-shop-town-head,
    body[data-economy-step="shop"] .economy-shop-town-card,
    body[data-economy-step="shop"] .economy-shop-town-guide,
    body[data-economy-step="shop"] .economy-shop-tabs button,
    body[data-economy-step="shop"] .economy-shop-product-stage,
    body[data-economy-step="shop"] .economy-shop-product-card,
    body[data-economy-step="shop"] .economy-shop-coupon-stage,
    body[data-economy-step="bank"] .economy-session-strip,
    body[data-economy-step="bank"] .economy-bank-uiux-v2 .economy-bank-nav,
    body[data-economy-step="bank"] .economy-bank-uiux-v2 .economy-bank-nav button,
    body[data-economy-step="bank"] .economy-bank-uiux-v2 .economy-bank-overview-hero,
    body[data-economy-step="bank"] .economy-bank-uiux-v2 .economy-bank-stat-card,
    body[data-economy-step="bank"] .economy-bank-task-card,
    body[data-economy-step="bank"] .economy-bank-action-tile,
    body[data-economy-step="bank"] .economy-bank-uiux-v2 .economy-bank-records-panel,
    body[data-economy-step="bank"] .economy-bank-uiux-v2 .economy-bank-parchment-panel,
    body[data-economy-step="market"] .economy-live-market--adventure,
    body[data-economy-step="market"] .economy-market-overview-hero,
    body[data-economy-step="market"] .economy-market-stage-account,
    body[data-economy-step="market"] .economy-market-stage-tabs,
    body[data-economy-step="market"] .economy-market-stage-stat,
    body[data-economy-step="market"] .economy-market-stage-rule,
    body[data-economy-step="market"] .economy-market-stage-holdings,
    .economy-avatar-workshop-head,
    .economy-avatar-wallet-card,
    .economy-avatar-inventory-shell,
    .economy-avatar-item-card {
        border: 1px solid rgba(148, 163, 184, .22);
        border-radius: 14px;
        background-image: none;
        background-color: rgba(255, 255, 255, .94);
        box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
        filter: none;
    }

    .economy-wallet-home-shell .economy-wallet-notice-card::before,
    .economy-wallet-home-shell .economy-wallet-avatar-card::before,
    .economy-wallet-home-shell .economy-home-mission-strip::before,
    .economy-wallet-home-shell .economy-wallet-info-card::before,
    .economy-wallet-home-shell .economy-wallet-parent-message-card::before,
    .economy-wallet-home-shell .economy-wallet-timetable-card::before,
    .economy-wallet-home-shell .economy-home-student-menu::before,
    .economy-game-hall-entry::before,
    .economy-game-hall-entry::after,
    body[data-economy-step="shop"] .economy-shop-town-head::before,
    body[data-economy-step="bank"] .economy-bank-uiux-v2 .economy-bank-parchment-panel::before,
    .economy-avatar-inventory-shell::before {
        content: none;
        display: none;
        background-image: none;
    }

    body[data-economy-step="wallet"][data-economy-view="class-token"] .economy-wallet-token-page {
        background-image: none;
        background-color: transparent;
        padding: 0;
    }

    body[data-economy-step="wallet"][data-economy-view="class-token"] .economy-wallet-token-hero {
        aspect-ratio: auto;
        min-height: 0;
        padding: 14px;
    }

    body[data-economy-step="shop"] .economy-shop-town-head,
    body[data-economy-step="bank"] .economy-bank-uiux-v2 .economy-bank-overview-hero,
    body[data-economy-step="bank"] .economy-bank-uiux-v2 .economy-bank-nav,
    body[data-economy-step="market"] .economy-market-overview-hero {
        min-height: 0;
        padding: 16px;
    }

    body[data-economy-step="shop"] .economy-shop-town-head,
    body[data-economy-step="shop"] .economy-shop-town-head-stats,
    body[data-economy-step="shop"] .economy-shop-tabs,
    body[data-economy-step="bank"] .economy-bank-uiux-v2 .economy-bank-nav,
    body[data-economy-step="bank"] .economy-bank-uiux-v2 .economy-bank-overview-hero,
    body[data-economy-step="bank"] .economy-bank-uiux-v2 .economy-bank-stat-grid,
    body[data-economy-step="bank"] .economy-bank-task-row,
    body[data-economy-step="bank"] .economy-bank-action-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    body[data-economy-step="shop"] .economy-shop-tabs {
        width: 100%;
        margin: 0;
        padding: 0;
        gap: 8px;
    }

    body[data-economy-step="shop"] .economy-shop-tabs button,
    body[data-economy-step="bank"] .economy-bank-uiux-v2 .economy-bank-nav button {
        aspect-ratio: auto;
        min-height: 46px;
        padding: 10px 12px;
        color: #17395e;
        text-shadow: none;
    }

    body[data-economy-step="bank"] .economy-bank-uiux-v2 .economy-bank-nav button.is-active,
    body[data-economy-step="shop"] .economy-shop-tabs button.is-active {
        background: #17395e;
        color: #ffffff;
        filter: none;
    }

    body[data-economy-step="bank"] .economy-bank-action-tile,
    body[data-economy-step="bank"] .economy-bank-task-card,
    body[data-economy-step="bank"] .economy-bank-uiux-v2 .economy-bank-stat-card,
    body[data-economy-step="shop"] .economy-shop-town-head-stats span {
        min-height: 0;
        padding: 14px;
    }

    body[data-economy-step="shop"] .economy-shop-product-stage,
    body[data-economy-step="shop"] .economy-shop-coupon-stage,
    body[data-economy-step="bank"] .economy-bank-uiux-v2 .economy-bank-parchment-panel,
    body[data-economy-step="bank"] .economy-bank-uiux-v2 .economy-bank-records-panel {
        padding: 14px;
        overflow: visible;
    }

    body[data-economy-step="bank"] .economy-bank-uiux-v2 .economy-bank-records-preview,
    body[data-economy-step="bank"] .economy-bank-uiux-v2 .economy-bank-records-page {
        aspect-ratio: auto;
    }

    body[data-economy-step="shop"] .economy-shop-town-head h2,
    body[data-economy-step="bank"] .economy-bank-uiux-v2 .economy-bank-hero-copy h2 {
        font-size: 28px;
        text-shadow: none;
    }
}