@media (max-width: 900px) {
    .ce-mobile-hero-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 0.12rem 0.45rem;
        margin-top: 0.12rem;
        color: rgba(255, 255, 255, 0.55);
        font-size: 0.7rem;
    }

    .ce-mobile-hero-meta > span + span::before {
        content: "·";
        margin-right: 0.45rem;
        color: rgba(244, 207, 128, 0.55);
    }

    .ce-mobile-card-parallel {
        display: grid;
        grid-template-columns: 36px minmax(0, 1fr) 36px;
        align-items: center;
        min-height: 36px;
        margin-top: 0.25rem;
        border: 1px solid rgba(212, 168, 83, 0.18);
        border-radius: 14px;
        background: rgba(2, 6, 23, 0.68);
        overflow: hidden;
    }

    .ce-mobile-card-parallel > button:not(.ce-mobile-parallel-picker) {
        display: grid;
        width: 36px;
        height: 36px;
        place-items: center;
        border: 0;
        background: transparent;
        color: #f4cf80;
        font-size: 1.2rem;
        font-weight: 950;
    }

    .ce-mobile-parallel-picker {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 14px;
        min-width: 0;
        height: 36px;
        align-items: center;
        column-gap: 0.25rem;
        width: 100%;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: #fff;
        font-size: clamp(0.66rem, 2.8vw, 0.78rem);
        font-weight: 950;
        padding: 0 0.45rem;
        text-align: center;
    }

    .ce-mobile-parallel-picker > span:first-child {
        min-width: 0;
        width: auto;
        overflow: hidden;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ce-mobile-parallel-caret {
        display: block;
        width: 14px;
        color: #f4cf80;
        font-size: 1rem;
        line-height: 1;
        text-align: center;
    }

    .ce-mobile-parallel-picker:focus-visible {
        outline: 1px solid #f4cf80;
        outline-offset: -2px;
    }

    .ce-mobile-parallel-popover {
        position: fixed;
        z-index: 1500;
        min-width: 170px;
        max-width: min(280px, calc(100vw - 24px));
        max-height: min(220px, calc(100dvh - 120px));
        overflow-y: auto;
        border: 1px solid rgba(212, 168, 83, 0.38);
        border-radius: 14px;
        background: linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(2, 6, 23, 0.99));
        box-shadow: 0 18px 44px rgba(0, 0, 0, 0.58), inset 0 1px 0 rgba(255, 255, 255, 0.08);
        padding: 0.3rem;
    }

    .ce-mobile-parallel-option {
        display: flex;
        width: 100%;
        min-height: 42px;
        align-items: center;
        border: 0;
        border-radius: 10px;
        background: transparent;
        color: rgba(255, 255, 255, 0.82);
        font-size: 0.8rem;
        font-weight: 850;
        padding: 0.45rem 0.65rem;
        text-align: left;
    }

    .ce-mobile-parallel-option.is-active {
        background: rgba(212, 168, 83, 0.18);
        color: #f4cf80;
    }

    .ce-mobile-swipe-cue {
        display: flex;
        min-width: 0;
        min-height: 0;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 0.45rem;
        border: 1px dashed rgba(212, 168, 83, 0.28);
        border-radius: 20px;
        background: linear-gradient(135deg, rgba(2, 6, 23, 0.22), rgba(212, 168, 83, 0.08));
        box-shadow: inset 0 0 42px rgba(2, 6, 23, 0.45);
        color: rgba(255, 255, 255, 0.62);
        padding: 1rem;
        text-align: center;
    }

    .ce-mobile-swipe-cue-arrow {
        color: rgba(244, 207, 128, 0.86);
        font-size: clamp(2.2rem, 9vw, 3.6rem);
        font-weight: 400;
        line-height: 1;
        text-shadow: 0 0 20px rgba(212, 168, 83, 0.32);
    }

    .ce-mobile-swipe-cue strong {
        color: #f4cf80;
        font-size: 0.9rem;
        font-weight: 950;
    }

    .ce-mobile-swipe-cue span:last-child {
        font-size: 0.72rem;
        line-height: 1.3;
    }

    .ce-mobile-pager-strip {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.75rem;
        min-height: 28px;
        color: rgba(255, 255, 255, 0.56);
        font-size: 0.72rem;
        font-weight: 850;
    }

    .ce-mobile-pager-strip a {
        color: #f4cf80;
        text-decoration: none;
    }

    body[data-mobile-screen-mode="collector"] .binder-backdrop {
        height: 100%;
        min-height: 0;
        overflow: hidden;
        padding: 0;
    }

    body[data-mobile-screen-mode="collector"] .binder-backdrop-inner,
    body[data-mobile-screen-mode="collector"] .binder-backdrop-inner > div,
    body[data-mobile-screen-mode="collector"] .binder-backdrop-inner > div > section {
        min-height: 0;
        height: 100%;
    }

    body[data-mobile-screen-mode="collector"] .binder-backdrop-inner > div {
        display: block;
    }

    body[data-mobile-screen-mode="collector"] .ce-mobile-set-experience,
    body[data-mobile-screen-mode="collector"] .ce-mobile-inventory-experience {
        height: 100% !important;
        max-height: none !important;
    }

    body[data-mobile-screen-mode="collector"] .ce-mobile-collector-empty {
        display: flex !important;
        flex-direction: column;
        gap: 0.75rem;
        margin: 0 !important;
    }

    .ce-mobile-empty-state {
        display: grid;
        flex: 1 1 auto;
        min-height: 0;
        place-content: center;
        gap: 0.65rem;
        border: 1px solid rgba(212, 168, 83, 0.2);
        border-radius: 20px;
        background: linear-gradient(145deg, rgba(15, 23, 42, 0.64), rgba(2, 6, 23, 0.5));
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
        color: rgba(255, 255, 255, 0.66);
        padding: 1.5rem;
        text-align: center;
    }

    .ce-mobile-empty-state strong {
        color: #fff7df;
        font-size: 1rem;
    }

    .ce-mobile-empty-state a {
        justify-self: center;
        border: 1px solid rgba(212, 168, 83, 0.34);
        border-radius: 12px;
        background: rgba(212, 168, 83, 0.1);
        color: #f4cf80;
        font-size: 0.82rem;
        font-weight: 950;
        padding: 0.6rem 0.85rem;
        text-decoration: none;
    }

    body[data-mobile-screen-mode="binder"] .binder-backdrop {
        height: 100%;
        min-height: 0;
        overflow: hidden;
        padding: 0;
    }

    body[data-mobile-screen-mode="binder"] .binder-backdrop-inner,
    body[data-mobile-screen-mode="binder"] .binder-backdrop-inner > div,
    body[data-mobile-screen-mode="binder"] .binder-backdrop-inner > div > section,
    body[data-mobile-screen-mode="binder"] .binder-mobile-home,
    body[data-mobile-screen-mode="binder"] .sets-mobile-screen,
    body[data-mobile-screen-mode="binder"] .binder-trade-mobile {
        min-height: 0;
        height: 100%;
    }

    body[data-mobile-screen-mode="binder"] .binder-backdrop-inner > div {
        display: block;
    }

    body[data-mobile-screen-mode="binder"] .binder-mobile-shell,
    body[data-mobile-screen-mode="binder"] .sets-mobile-shell {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        height: 100%;
        min-height: 0;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    body[data-mobile-screen-mode="binder"] .binder-mobile-grid,
    body[data-mobile-screen-mode="binder"] .sets-mobile-results {
        margin-top: 0;
    }

    body[data-mobile-screen-mode="binder"] .ce-mobile-phase3-screen {
        min-height: 0;
        height: 100%;
    }

    body[data-mobile-screen-mode="binder"] .set-progress-shell.ce-mobile-phase3-screen,
    body[data-mobile-screen-mode="binder"] .cd2-shell.ce-mobile-phase3-screen {
        display: flex;
        flex-direction: column;
    }

    body[data-mobile-screen-mode="binder"] .set-progress-scroll-pane,
    body[data-mobile-screen-mode="binder"] .cd2-content.ce-mobile-screen-pane {
        min-height: 0;
        flex: 1 1 auto;
    }

    body[data-mobile-screen-mode="binder"] .cd2-content.ce-mobile-screen-pane {
        padding-bottom: 1rem;
    }

    body[data-mobile-screen-mode="account"] .ce-account-shell {
        height: 100%;
        min-height: 0;
        margin-top: 0;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    body[data-mobile-screen-mode="account"] .ce-account-grid {
        display: block;
        height: 100%;
        min-height: 0;
    }

    body[data-mobile-screen-mode="account"] .ce-account-grid > section {
        height: 100%;
    }

    body[data-mobile-screen-mode="account"] .ce-account-mobile-menu {
        display: none;
    }

    body[data-mobile-screen-mode="account"] .ce-mobile-screen-pane,
    body[data-mobile-screen-mode="identity"] .ce-mobile-phase4-shell {
        scroll-padding-bottom: 1rem;
    }

    body[data-mobile-screen-mode="identity"] .ce-mobile-phase4-shell {
        min-height: 0;
    }

    body[data-mobile-screen-mode="public"] .ce-mobile-screen {
        display: block !important;
        min-height: 0;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        scroll-padding-bottom: 1rem;
    }

    body[data-mobile-screen-mode]:not([data-mobile-screen-mode=""]) {
        height: 100dvh;
        overflow: hidden;
        overscroll-behavior: none;
        padding-bottom: 0;
    }

    body[data-mobile-screen-mode]:not([data-mobile-screen-mode=""]) .ce-site-footer {
        display: none;
    }

    body[data-mobile-screen-mode]:not([data-mobile-screen-mode=""]) .ce-app-main {
        height: var(--ce-mobile-screen-height, calc(100dvh - var(--ce-header-height, 62px) - var(--ce-mobile-bottom-nav-height, 78px)));
        min-height: 0;
        overflow: hidden;
    }

    body[data-mobile-screen-mode]:not([data-mobile-screen-mode=""]) .ce-mobile-screen {
        display: flex;
        min-height: 0;
        height: 100%;
        flex-direction: column;
    }

    body[data-mobile-screen-mode]:not([data-mobile-screen-mode=""]) .ce-mobile-screen-toolbar,
    body[data-mobile-screen-mode]:not([data-mobile-screen-mode=""]) .ce-mobile-screen-footer {
        flex: 0 0 auto;
    }

    body[data-mobile-screen-mode]:not([data-mobile-screen-mode=""]) .ce-mobile-screen-pane {
        min-height: 0;
        flex: 1 1 auto;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }
}