/* Tablet overflow guard for student routes that use wide artwork panels. */
@media (max-width: 1100px) {
    body.economy-dashboard-mode .economy-dashboard-stage {
        width: min(100%, calc(100% - 20px));
        max-width: calc(100vw - 20px);
    }

    body.economy-dashboard-mode .economy-dashboard-app,
    body.economy-dashboard-mode .economy-dashboard-main,
    body.economy-dashboard-mode .economy-dashboard-content,
    body.economy-dashboard-mode .economy-course-activity {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }
}

@media (min-width: 721px) and (max-width: 1100px) {
    body[data-economy-step="earn"] .economy-dashboard-stage {
        width: min(100%, calc(100% - 20px));
        max-width: calc(100vw - 20px);
    }

    body[data-economy-step="earn"] .economy-quest-office-hero,
    body[data-economy-step="earn"] .economy-featured-mission,
    body[data-economy-step="earn"] .economy-mission-workspace,
    body[data-economy-step="earn"] .economy-quest-layout,
    body[data-economy-step="earn"] .economy-quest-main,
    body[data-economy-step="earn"] .economy-quest-side,
    body[data-economy-step="earn"] .economy-mission-board-grid,
    body[data-economy-step="earn"] .economy-quest-goal-panel {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    body[data-economy-step="earn"] .economy-quest-office-hero {
        padding: 22px clamp(20px, 4vw, 42px);
        background-size: 100% 100%;
    }

    body[data-economy-step="earn"] .economy-quest-office-copy {
        max-width: 100%;
    }

    body[data-economy-step="earn"] .economy-quest-office-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
    }

    body[data-economy-step="earn"] .economy-mission-workspace {
        padding: clamp(24px, 4vw, 36px);
    }

    body[data-economy-step="earn"] .economy-native-grid {
        grid-template-columns: 1fr;
    }

    body[data-economy-step="earn"] .economy-quest-goal-panel {
        width: 100%;
    }
}

@media (min-width: 821px) and (max-width: 1100px) {
    .economy-avatar-lab,
    .economy-avatar-workshop-header,
    .economy-avatar-workshop-layout,
    .economy-avatar-wallet-panel,
    .economy-avatar-editor-main,
    .economy-avatar-stage-frame,
    .economy-avatar-side-panel,
    .economy-avatar-shop-shell,
    .economy-avatar-shop-panel,
    .economy-avatar-shop-grid {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    .economy-avatar-workshop-header {
        grid-template-columns: 1fr;
        min-height: 0;
        padding: 26px clamp(28px, 5vw, 48px) 26px clamp(72px, 8vw, 104px);
        background-size: 100% 100%;
    }

    .economy-avatar-header-badges {
        justify-content: flex-start;
        gap: 8px;
    }

    .economy-avatar-header-badges span {
        min-width: 0;
        min-height: 40px;
        padding: 8px 12px;
        font-size: 14px;
        white-space: normal;
    }

    .economy-avatar-workshop-layout {
        grid-template-columns: minmax(0, .42fr) minmax(0, 1fr);
        gap: 14px;
    }

    .economy-avatar-wallet-panel {
        padding: 46px clamp(18px, 2.4vw, 26px) 30px;
    }

    .economy-avatar-stage-frame {
        min-height: clamp(390px, 46vw, 470px);
    }

    .economy-avatar-stage-frame .economy-avatar-lab-stage {
        height: clamp(390px, 46vw, 470px);
    }

    .economy-avatar-side-panel {
        grid-template-columns: minmax(0, .55fr) minmax(0, .55fr) minmax(0, 1fr);
        gap: 12px;
    }

    .economy-avatar-shop-shell {
        padding: 36px clamp(22px, 3vw, 34px) 48px;
    }

    .economy-avatar-shop-categories {
        padding: 0 clamp(8px, 2vw, 24px);
    }

    .economy-avatar-shop-categories button {
        min-width: 0;
        padding: 8px 12px;
    }

    .economy-avatar-shop-grid {
        grid-template-columns: repeat(auto-fill, minmax(152px, 1fr));
    }

    .economy-avatar-shop-card {
        width: 100%;
        max-width: 168px;
        justify-self: center;
    }
}

@media (min-width: 1181px) and (max-width: 1540px) {
    body[data-economy-step="earn"] .economy-dashboard-stage,
    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-dashboard-stage {
        width: min(1280px, calc(100% - 44px));
        max-width: calc(100vw - 44px);
        margin-top: 12px;
    }

    body[data-economy-step="earn"] .economy-dashboard-app,
    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-dashboard-app {
        grid-template-columns: 240px minmax(0, 1fr);
        gap: 16px;
    }

    body[data-economy-step="earn"] .economy-dashboard-main,
    body[data-economy-step="earn"] .economy-dashboard-content,
    body[data-economy-step="earn"] .economy-course-activity,
    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-dashboard-main,
    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-dashboard-content,
    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-course-activity {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    body[data-economy-step="earn"] .economy-dashboard-side,
    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-dashboard-side {
        min-height: calc(100vh - 28px);
        padding: 18px 12px;
    }

    body[data-economy-step="earn"] .economy-quest-office-hero,
    body[data-economy-step="earn"] .economy-featured-mission,
    body[data-economy-step="earn"] .economy-mission-workspace,
    body[data-economy-step="earn"] .economy-quest-layout,
    body[data-economy-step="earn"] .economy-quest-main,
    body[data-economy-step="earn"] .economy-quest-side,
    body[data-economy-step="earn"] .economy-quest-goal-panel,
    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-avatar-lab,
    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-avatar-workshop-header,
    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-avatar-workshop-layout,
    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-avatar-wallet-panel,
    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-avatar-editor-main,
    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-avatar-stage-frame,
    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-avatar-side-panel,
    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-avatar-shop-shell,
    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-avatar-shop-panel,
    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-avatar-shop-grid {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    body[data-economy-step="earn"] .economy-quest-office-hero {
        grid-template-columns: minmax(0, 1fr) minmax(210px, .42fr);
        gap: 12px;
        min-height: clamp(132px, 10vw, 158px);
        padding: 18px clamp(54px, 5vw, 78px) 17px clamp(96px, 8vw, 132px);
        background-size: 100% auto;
    }

    body[data-economy-step="earn"] .economy-quest-office-copy {
        max-width: 100%;
        transform: none;
    }

    body[data-economy-step="earn"] .economy-quest-office-copy h3 {
        font-size: clamp(28px, 2.35vw, 36px);
    }

    body[data-economy-step="earn"] .economy-quest-office-copy p {
        max-width: 100%;
        font-size: 14px;
    }

    body[data-economy-step="earn"] .economy-quest-office-stats {
        grid-template-columns: repeat(2, minmax(96px, 1fr));
        gap: 8px;
        transform: none;
    }

    body[data-economy-step="earn"] .economy-quest-office-stats article {
        min-height: 82px;
        padding: 5px 6px 7px;
    }

    body[data-economy-step="earn"] .economy-quest-office-stat-icon {
        width: 34px;
        height: 34px;
    }

    body[data-economy-step="earn"] .economy-quest-office-stats strong {
        font-size: 21px;
    }

    body[data-economy-step="earn"] .economy-quest-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    body[data-economy-step="earn"] .economy-mission-workspace {
        padding: clamp(22px, 2.4vw, 32px);
        background-size: 100% 100%;
    }

    body[data-economy-step="earn"] .economy-quest-goal-panel {
        width: min(100%, 1080px);
    }

    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-avatar-workshop-header {
        min-height: 132px;
        padding: 22px clamp(36px, 4vw, 54px) 22px clamp(94px, 7vw, 120px);
        gap: 12px;
        background-size: 100% 100%;
    }

    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-avatar-workshop-title h3 {
        font-size: clamp(30px, 2.35vw, 36px);
    }

    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-avatar-workshop-title p {
        font-size: 15px;
    }

    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-avatar-header-badges {
        gap: 8px;
    }

    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-avatar-header-badges span {
        min-height: 40px;
        padding: 8px 12px;
        font-size: 14px;
    }

    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-avatar-workshop-layout {
        grid-template-columns: minmax(200px, 230px) minmax(0, 1fr) minmax(200px, 230px);
        gap: 14px;
    }

    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-avatar-wallet-panel {
        min-height: 410px;
        padding: 42px 22px 28px;
    }

    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-avatar-wallet-list span {
        min-height: 64px;
    }

    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-avatar-stage-frame {
        min-height: clamp(390px, 31vw, 430px);
    }

    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-avatar-stage-frame .economy-avatar-lab-stage {
        height: clamp(390px, 31vw, 430px);
    }

    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-avatar-stage-frame .economy-avatar-lab-layer--character {
        width: 172px;
        height: 172px;
    }

    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-avatar-lab .economy-avatar-editor-tools {
        margin: -64px 38px 0;
    }

    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-avatar-profile-preview {
        width: min(100%, 240px);
        min-height: 206px;
    }

    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-avatar-public-actions {
        width: min(100%, 226px);
        margin-top: -14px;
        padding: 0 8px;
    }

    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-avatar-shop-shell {
        --avatar-shop-top-h: 108px;
        --avatar-shop-bottom-h: 108px;
        min-height: 292px;
        padding: 36px 30px 48px;
    }

    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-avatar-shop-categories {
        padding: 0 24px;
    }

    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-avatar-shop-categories button {
        min-height: 36px;
        padding: 7px 14px;
    }

    body[data-economy-step="wallet"][data-economy-view="avatar"] .economy-avatar-shop-grid {
        grid-template-columns: repeat(auto-fill, 152px);
        gap: 10px;
    }
}

body[data-economy-step="prices"] {
    --game-lobby-asset-version: "20260517-gamelobby4";
    --game-lobby-hero-panel: url("../assets/economy-learning/game/lobby/hero-panel.png?v=20260517-gamelobby4");
    --game-lobby-lobby-panel: url("../assets/economy-learning/game/lobby/lobby-panel.png?v=20260517-gamelobby4");
    --game-lobby-launcher-panel: url("../assets/economy-learning/game/lobby/launcher-panel.png?v=20260517-gamelobby4");
    --game-lobby-category-card: url("../assets/economy-learning/game/lobby/category-card.png?v=20260517-gamelobby4");
    --game-lobby-category-card-active: url("../assets/economy-learning/game/lobby/category-card-active.png?v=20260517-gamelobby4");
    --game-lobby-launch-card: url("../assets/economy-learning/game/lobby/launch-card.png?v=20260517-gamelobby4");
    --game-lobby-title-plank: url("../assets/economy-learning/game/lobby/title-plank.png?v=20260517-gamelobby4");
    --game-lobby-green-ribbon: url("../assets/economy-learning/game/lobby/green-ribbon.png?v=20260517-gamelobby4");
    --game-lobby-count-plank: url("../assets/economy-learning/game/lobby/count-plank.png?v=20260517-gamelobby4");
    --game-lobby-button-green: url("../assets/economy-learning/game/lobby/button-green.png?v=20260517-gamelobby4");
    --game-lobby-icon-quiz: url("../assets/economy-learning/game/lobby/icon-quiz-clipboard.png?v=20260517-gamelobby4");
    --game-lobby-icon-learning: url("../assets/economy-learning/game/lobby/icon-learning-game.png?v=20260517-gamelobby4");
    --game-lobby-icon-board: url("../assets/economy-learning/game/lobby/icon-board-games.png?v=20260517-gamelobby4");
    --game-lobby-sign-arrow: url("../assets/economy-learning/game/lobby/item-sign-arrow.png?v=20260517-gamelobby4");
    --game-lobby-leaf: url("../assets/economy-learning/game/lobby/leaf-bullet.png?v=20260517-gamelobby4");
    --game-hall-frame: url("../assets/economy-learning/game/hall-of-fame/hall-of-fame-frame.png?v=20260531-gamehallframeclip1");
}

body[data-economy-step="prices"] .economy-dashboard-stage {
    width: min(1580px, calc(100% - 36px));
}

body[data-economy-step="prices"] .economy-dashboard-main {
    gap: 8px;
}

body[data-economy-step="prices"] .economy-dashboard-content,
body[data-economy-step="prices"] .economy-course-activity,
body[data-economy-step="prices"] .economy-game-lobby-skin {
    min-width: 0;
    max-width: 100%;
}

body[data-economy-step="prices"] .economy-game-lobby-skin {
    position: relative;
    display: grid;
    align-content: start;
    gap: clamp(14px, 1.3vw, 20px);
}

body[data-economy-step="prices"] .economy-game-hall-entry {
    position: relative;
    isolation: isolate;
    min-height: clamp(210px, 17vw, 282px);
    display: grid;
    align-content: center;
    justify-items: start;
    gap: 8px;
    width: 100%;
    overflow: hidden;
    border: 0;
    border-radius: 18px;
    padding: clamp(34px, 4.6vw, 70px) clamp(34px, 7vw, 112px);
    background: transparent;
    color: #fff8d9;
    text-align: left;
    box-shadow: none;
    cursor: pointer;
}

body[data-economy-step="prices"] .economy-game-hall-entry::before {
    content: "";
    position: absolute;
    inset: clamp(28px, 4.4vw, 58px) clamp(22px, 4vw, 58px) clamp(30px, 4.4vw, 58px);
    z-index: 0;
    border-radius: clamp(14px, 2vw, 24px);
    background:
        linear-gradient(90deg, rgba(14, 42, 72, .58) 0%, rgba(22, 62, 89, .18) 46%, rgba(255, 255, 255, .04) 100%),
        url("../assets/economy-learning/game/hall-of-fame/hall-of-fame-banner.png?v=20260531-gamehall1") center 47% / cover no-repeat;
}

body[data-economy-step="prices"] .economy-game-hall-entry::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: var(--game-hall-frame) center 40% / 106% 120% no-repeat;
    pointer-events: none;
    filter: drop-shadow(0 12px 14px rgba(49, 30, 9, .18));
}

body[data-economy-step="prices"] .economy-game-hall-entry > * {
    position: relative;
    z-index: 2;
}

body[data-economy-step="prices"] .economy-game-hall-entry:hover,
body[data-economy-step="prices"] .economy-game-hall-entry:focus-visible {
    transform: translateY(-3px);
    box-shadow: none;
}

body[data-economy-step="prices"] .economy-game-hall-entry:focus-visible {
    outline: 4px solid rgba(56, 189, 248, .48);
    outline-offset: -10px;
}

body[data-economy-step="prices"] .economy-game-hall-entry .economy-kicker {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 16px;
    border-radius: 999px;
    background: rgba(10, 76, 91, .82);
    color: #fef3c7;
    font-size: 13px;
    font-weight: 1000;
    letter-spacing: 0;
    text-transform: none;
}

body[data-economy-step="prices"] .economy-game-hall-entry strong {
    max-width: min(680px, 100%);
    color: #fff7c9;
    font-size: clamp(46px, 6vw, 88px);
    line-height: .96;
    letter-spacing: 0;
    text-shadow: 0 4px 0 rgba(80, 43, 5, .58), 0 0 28px rgba(255, 236, 158, .44);
}

body[data-economy-step="prices"] .economy-game-hall-entry p {
    max-width: 560px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(15px, 1.45vw, 21px);
    font-weight: 1000;
    text-shadow: 0 2px 10px rgba(10, 34, 62, .58);
}

body[data-economy-step="prices"] .economy-game-hall-entry em {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 6px;
    padding: 9px 20px;
    border-radius: 999px;
    background: linear-gradient(180deg, #fbbf24, #dc7b18);
    color: #3a210b;
    font-style: normal;
    font-size: 15px;
    font-weight: 1000;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, .5), 0 10px 18px rgba(52, 29, 7, .26);
}

body[data-economy-step="prices"][data-economy-view="hall-of-fame"] .economy-dashboard-stage {
    width: min(1580px, calc(100% - 36px));
}

body[data-economy-step="prices"] .economy-game-hall-page {
    display: grid;
    gap: clamp(14px, 1.5vw, 22px);
    min-width: 0;
}

body[data-economy-step="prices"] .economy-game-hall-hero {
    min-height: clamp(270px, 22vw, 382px);
    display: grid;
    align-items: center;
    overflow: hidden;
    border-radius: 20px;
    padding: clamp(38px, 5vw, 82px) clamp(34px, 7vw, 110px);
    background:
        linear-gradient(90deg, rgba(13, 47, 82, .70), rgba(13, 47, 82, .25) 52%, rgba(18, 93, 77, .10)),
        url("../assets/economy-learning/game/hall-of-fame/hall-of-fame-banner.png?v=20260531-gamehall1") center 47% / cover no-repeat;
    color: #fff7d6;
    box-shadow: 0 20px 36px rgba(54, 34, 12, .24);
}

body[data-economy-step="prices"] .economy-game-hall-hero > div {
    max-width: 760px;
    display: grid;
    gap: 10px;
}

body[data-economy-step="prices"] .economy-game-hall-hero .economy-kicker {
    width: fit-content;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 16px;
    border-radius: 999px;
    background: rgba(7, 89, 100, .86);
    color: #fef3c7;
    font-size: 13px;
    font-weight: 1000;
    letter-spacing: 0;
}

body[data-economy-step="prices"] .economy-game-hall-hero h2 {
    margin: 0;
    color: #fff7c9;
    font-size: clamp(52px, 6.4vw, 92px);
    line-height: .96;
    letter-spacing: 0;
    text-shadow: 0 4px 0 rgba(78, 43, 8, .62), 0 0 32px rgba(255, 236, 158, .5);
}

body[data-economy-step="prices"] .economy-game-hall-hero p {
    max-width: 690px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(15px, 1.4vw, 20px);
    line-height: 1.52;
    font-weight: 1000;
    text-shadow: 0 2px 10px rgba(10, 34, 62, .62);
}

body[data-economy-step="prices"] .economy-game-hall-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

body[data-economy-step="prices"] .economy-game-hall-actions > span {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    padding: 8px 15px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .86);
    color: #164e63;
    font-size: 14px;
    font-weight: 1000;
}

body[data-economy-step="prices"] .economy-game-hall-alert,
body[data-economy-step="prices"] .economy-game-hall-loading {
    border-radius: 14px;
    padding: 14px 16px;
    background: #fff7ed;
    color: #7c2d12;
    font-weight: 1000;
}

body[data-economy-step="prices"] .economy-game-hall-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(12px, 1.4vw, 18px);
}

body[data-economy-step="prices"] .economy-game-hall-card {
    min-width: 0;
    display: grid;
    gap: 14px;
    border: 2px solid rgba(123, 80, 25, .22);
    border-radius: 16px;
    padding: clamp(18px, 2vw, 24px);
    background:
        radial-gradient(circle at 18% 8%, rgba(250, 204, 21, .22), transparent 34%),
        linear-gradient(180deg, #fff8df, #f8ead0);
    box-shadow: 0 14px 24px rgba(85, 52, 18, .13);
}

body[data-economy-step="prices"] .economy-game-hall-card header {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
}

body[data-economy-step="prices"] .economy-game-hall-card header > span {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(180deg, #0f766e, #164e63);
    color: #fef3c7;
    font-size: 24px;
    font-weight: 1000;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, .32);
}

body[data-economy-step="prices"] .economy-game-hall-card small {
    display: block;
    color: #0f766e;
    font-size: 12px;
    font-weight: 1000;
    letter-spacing: 0;
}

body[data-economy-step="prices"] .economy-game-hall-card h3 {
    margin: 0;
    color: #3b210a;
    font-size: clamp(22px, 2vw, 30px);
    line-height: 1.1;
    letter-spacing: 0;
}

body[data-economy-step="prices"] .economy-game-hall-rank-list {
    display: grid;
    gap: 9px;
    margin: 0;
    padding: 0;
    list-style: none;
}

body[data-economy-step="prices"] .economy-game-hall-rank-list li {
    display: grid;
    grid-template-columns: 40px 34px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    min-height: 68px;
    border-radius: 12px;
    padding: 10px 12px;
    background: rgba(255, 255, 255, .72);
    color: #3b210a;
}

body[data-economy-step="prices"] .economy-game-hall-rank-list li.is-first {
    background: linear-gradient(90deg, rgba(254, 243, 199, .98), rgba(220, 252, 231, .86));
}

body[data-economy-step="prices"] .economy-game-hall-rank-no {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #f59e0b;
    color: #3b210a;
    font-size: 18px;
    font-weight: 1000;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, .42);
}

body[data-economy-step="prices"] .economy-game-hall-avatar {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 2px solid rgba(255, 255, 255, .86);
    border-radius: 999px;
    background: linear-gradient(135deg, #dbeafe, #bfdbfe);
    color: #0f172a;
    font-size: 17px;
    line-height: 1;
}

body[data-economy-step="prices"] .economy-game-hall-avatar img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

body[data-economy-step="prices"] .economy-game-hall-rank-list strong {
    display: block;
    min-width: 0;
    color: #1f2937;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0;
}