.mobile-header, .mobile-bottom-nav, .mobile-page-heading { display: none; }
#mobile-navigation { padding: 0; border: 0; background: transparent; color: #202824; }
#mobile-navigation:not([open]) { display: none; }

@media (max-width: 820px) {
  body[data-view="public"] {
    --mobile-ink: #202824;
    --mobile-muted: #626d67;
    --mobile-line: #dfe4e0;
    --mobile-ground: #f5f6f5;
    --mobile-active: #edf1ed;
    background: var(--mobile-ground);
    color: var(--mobile-ink);
    font-size: 14px;
    padding: 0;
  }
  body[data-view="public"] .sidebar,
  body[data-view="public"] .topbar { display: none; }
  body[data-view="public"] .app-shell { margin: 0; width: 100%; min-width: 0; }
  body[data-view="public"] main { padding: 18px 16px calc(94px + env(safe-area-inset-bottom)); min-width: 0; }
  body[data-view="public"] :is(h1,h2,h3,h4,p,button,a,span,label,small) { letter-spacing: 0; }
  body[data-view="public"] :is(button, input, select, textarea) { font-family: inherit; }
  body[data-view="public"] :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { font-size: 16px !important; min-height: 44px !important; }
  body[data-view="public"] :is(button, .primary, .secondary, .text-button, summary) { min-height: 44px !important; touch-action: manipulation; }
  body[data-view="public"] :is(.primary, .secondary, .text-button) { font-size: 14px; }
  body[data-view="public"] :is(.field, .check-line) { font-size: 14px; }
  body[data-view="public"] :is(.field-hint, .archive-source, .community-section-note, .music-conversion-note, .real-status, .real-meta, .source-notice) { font-size: 12px; line-height: 1.65; }
  body[data-view="public"] .primary { background: #25382e; color: #fff; border-color: #25382e; }
  body[data-view="public"] .panel { padding: 16px; border-radius: 6px; box-shadow: none; background: #fff; }
  body[data-view="public"] :is(.panel-heading h2, .result-heading h2, .archive-subheading h2) { font-size: 18px; line-height: 1.4; }
  body[data-view="public"] :is(.workspace-grid, .real-planner-grid, .real-market-grid, .market-layout, .music-layout, .random-layout, .fingerprint-layout, .gun-content-layout) { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  body[data-view="public"] :is(.page > .hero, .page > .archive-hero, .page > .field-hero) { display: none !important; }
  body[data-view="public"] .mobile-header {
    position: sticky; top: 0; z-index: 60; display: flex; align-items: center; justify-content: space-between;
    height: 58px; padding: 0 12px 0 16px; background: #fff; border-bottom: 1px solid var(--mobile-line);
  }
  .mobile-brand { display: inline-flex; align-items: center; gap: 9px; color: var(--mobile-ink); text-decoration: none; min-height: 44px; }
  .mobile-brand img { width: 28px; height: 28px; }
  .mobile-brand strong { font-size: 17px; font-weight: 650; }
  .mobile-header-actions { display: flex; align-items: center; gap: 2px; }
  .mobile-header-actions button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 8px; border: 0; background: transparent; color: var(--mobile-ink); border-radius: 4px; font-size: 13px; }
  .mobile-search-button { width: 44px; height: 44px; }
  .mobile-search-button svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; }
  .mobile-menu-icon { display: flex; width: 21px; height: 21px; flex: 0 0 21px; flex-direction: column; justify-content: center; gap: 4px; }
  .mobile-menu-icon i { display: block; height: 1.5px; width: 19px; background: currentColor; border-radius: 1px; }
  .mobile-nav-icon { display: grid; place-items: center; width: 23px; height: 23px; flex: 0 0 23px; }
  .mobile-nav-icon svg { display: block; width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.45; stroke-linecap: round; stroke-linejoin: round; }
  body[data-view="public"] .mobile-bottom-nav {
    position: fixed; bottom: 0; left: 0; right: 0; z-index: 80; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));
    min-height: 66px; padding: 5px 8px calc(5px + env(safe-area-inset-bottom)); border-top: 1px solid var(--mobile-line); background: #fff;
  }
  .mobile-bottom-nav :is(a,button) { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-width: 0; height: 56px; padding: 5px 0; color: var(--mobile-muted); border: 0; background: transparent; text-decoration: none; font-size: 12px; font-weight: 500; border-radius: 6px; }
  .mobile-bottom-nav :is(a,button).active { color: #213d2e; background: var(--mobile-active); }
  .mobile-bottom-nav .mobile-menu-icon { height: 23px; }
  .mobile-page-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 34px; margin: 0 0 18px; }
  .mobile-page-heading h1 { font-size: 24px; font-weight: 650; line-height: 1.4; margin: 0; color: var(--mobile-ink); }
  .mobile-page-refresh { border: 0; padding: 4px 0 4px 14px; background: transparent; color: var(--mobile-muted); font-size: 14px; }
  .mobile-page-actions { display: flex; gap: 6px; }
  .mobile-page-actions button { padding: 8px; background: transparent; color: var(--mobile-muted); font-size: 13px; border: 0; }
  .mobile-page-actions button:last-child { padding-inline: 14px; background: #25382e; color: #fff; border-radius: 4px; }
  #mobile-navigation { position: fixed; inset: auto 0 0; width: min(100%, 600px); max-width: 100%; margin: 0 auto; max-height: calc(100dvh - 24px); overflow-y: auto; overscroll-behavior: contain; border-radius: 8px 8px 0 0; }
  #mobile-navigation::backdrop { background: #10201966; backdrop-filter: none; }
  .mobile-navigation-panel { padding: 22px 20px calc(22px + env(safe-area-inset-bottom)); background: #fff; }
  .mobile-navigation-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }
  .mobile-navigation-heading > div > span { font-size: 12px; color: var(--mobile-muted); }
  .mobile-navigation-heading h2 { font-size: 24px; line-height: 1.4; font-weight: 650; color: var(--mobile-ink); margin: 3px 0 0; }
  .mobile-menu-close { display: grid; place-items: center; width: 44px; height: 44px; font: 30px/1 system-ui; color: var(--mobile-ink); background: var(--mobile-ground); border: 0; border-radius: 6px; }
  .mobile-route-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 2px 16px; }
  .mobile-route-grid a { display: flex; align-items: center; gap: 12px; min-width: 0; min-height: 76px; padding: 12px 2px; color: var(--mobile-ink); text-decoration: none; border-bottom: 1px solid var(--mobile-line); }
  .mobile-route-grid a.active { color: #215b38; }
  .mobile-route-grid a.active .mobile-route-label strong::after { content: ''; display: inline-block; width: 5px; height: 5px; margin: 0 0 3px 6px; background: currentColor; border-radius: 50%; }
  .mobile-route-label { min-width: 0; }
  .mobile-route-label strong { display: block; font-size: 15px; font-weight: 600; line-height: 1.5; }
  .mobile-route-label small { display: block; font-size: 12px; color: var(--mobile-muted); line-height: 1.5; margin-top: 2px; }
  .mobile-navigation-foot { display: flex; justify-content: space-between; margin-top: 22px; font-size: 12px; color: var(--mobile-muted); }
  :is(.mobile-header,.mobile-bottom-nav,#mobile-navigation) :focus-visible { outline: 2px solid #366849; outline-offset: 2px; }

  /* Only the app header stays fixed; filter layers scroll with their content. */
  body[data-view="public"] :is(.gun-browse-panel, #tools-tabs, .asset-filters, .real-plan-controls, .event-chapter-tabs, .official-map-toolbar) { position: static; top: auto; backdrop-filter: none; box-shadow: none; }
  body[data-view="public"] .free-access-notice { padding: 9px 0; margin: 0 0 18px; background: transparent; border: 0; border-bottom: 1px solid var(--mobile-line); align-items: center; }
  .free-access-notice .free-access-icon, .free-access-notice .free-access-copy p { display: none; }
  .free-access-notice .free-access-copy strong { font-size: 12px; font-weight: 400; color: var(--mobile-muted); }
  #page-planner .real-board { display: flex; flex-direction: column; }
  #page-planner .real-board > .home-passwords { order: 5; margin-top: 22px; }
  #page-planner .real-banner.mission-stage { display: flex; flex-direction: column; min-height: 0; height: auto; padding: 0; margin-bottom: 18px; border: 0; border-radius: 6px; background: #fff; color: var(--mobile-ink); }
  #page-planner .mission-stage .mission-copy, #page-planner .mission-stage > #real-plan-refresh { display: none; }
  .mission-stage .mission-scene { position: relative; inset: auto; z-index: 0; width: 100%; height: 148px; flex: 0 0 148px; }
  .mission-stage .mission-image-wrap { inset: 0; }
  .mission-stage .mission-image { object-position: center; }
  .mission-stage .mission-scene::after, .mission-stage .mission-orbit, .mission-stage .mission-corner, .mission-stage .mission-watermark { display: none; }
  .mission-stage .mission-destination { width: 100%; padding: 16px; margin: 0; text-align: left; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 12px; }
  .mission-stage .mission-caption { display: none; }
  .mission-stage .mission-place { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; }
  .mission-stage .mission-place strong { color: var(--mobile-ink); font-size: 20px; }
  .mission-stage .mission-difficulty { font-size: 12px; color: var(--mobile-muted); border-color: var(--mobile-line); padding: 3px 6px; }
  .mission-stage .mission-threshold { gap: 6px; flex-direction: column; align-items: flex-end; }
  .mission-stage .mission-threshold > span { color: var(--mobile-muted); font-size: 12px; }
  .mission-stage .mission-threshold b { color: var(--mobile-ink); font-size: 20px; }
  .mission-stage .mission-bottom { position: static; width: 100%; display: block; background: #fff; border-top: 1px solid var(--mobile-line); }
  .mission-stage .mission-map-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; padding: 6px; overflow: visible; mask-image: none; }
  .mission-stage .mission-map-list button { justify-content: center; min-width: 0; min-height: 48px; padding: 8px 3px; color: var(--mobile-muted); font-size: 14px; border: 0; border-radius: 4px; }
  .mission-stage .mission-map-list button img, .mission-stage .mission-map-list button small, .mission-stage .mission-map-indicator { display: none; }
  .mission-stage .mission-map-list button[aria-pressed="true"] { color: #213d2e; background: var(--mobile-active); }
  .mission-stage .mission-map-list .mission-map-caption { font-size: 14px; }
  .mission-stage .mission-prepare { display: none; }
  .real-board > .home-passwords { padding: 16px 0; margin: 0 0 18px; border: 0; border-top: 1px solid var(--mobile-line); border-bottom: 1px solid var(--mobile-line); border-radius: 0; background: transparent; }
  .real-board .home-password-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .real-board .home-password-heading h2 { font-size: 18px; }
  .real-board .home-password-heading .eyebrow { display: none; }
  .home-password-actions a, .home-password-status { font-size: 12px; }
  .home-password-foot { display: block; }
  .home-password-foot p, .home-password-foot span { font-size: 12px; }
  .real-board .real-banner:not(.mission-stage) { min-height: 0; padding: 0; margin: 0 0 16px; border: 0; background: transparent; }
  .real-board .real-banner:not(.mission-stage) > div { display: none; }
  .real-board .real-banner:not(.mission-stage) > button { display: none; }
  .loadout-tabs { gap: 6px; }
  .loadout-tabs button { padding: 12px 10px; }
  .loadout-tabs button span { font-size: 14px; }
  .loadout-tabs button small { font-size: 12px; line-height: 1.5; }
  .real-plan-controls { scroll-margin-top: 74px; }
  .real-plan-controls .panel-heading { margin-bottom: 16px; }
  .real-meta { flex-wrap: wrap; gap: 6px 10px; }
  .recommend-heading h2, .field-spots-heading h2, .field-events-section h2 { font-size: 20px; line-height: 1.5; }
  .recommend-heading p { font-size: 12px; }

  #page-community .gun-library-toolbar { display: flex; flex-wrap: wrap; gap: 0; min-height: 0; margin-bottom: 10px; border: 0; }
  #page-community .gun-library-toolbar .archive-tabs { display: flex; width: 100%; gap: 20px; flex: 1 1 100%; min-height: 0; margin: 0; padding: 0; border-bottom: 1px solid var(--mobile-line); }
  #page-community .gun-library-toolbar .archive-tab { font-size: 14px; min-height: 46px; padding: 10px 0; flex: 0 1 auto; }
  #page-community .gun-library-toolbar .community-actions { display: none; }
  #page-community .gun-library-toolbar .community-actions button { font-size: 13px; min-height: 44px; padding: 8px 12px; flex: 1; }
  #page-community .gun-workflow, #page-community .gun-browse-intro { display: none; }
  #page-community .gun-browse-panel { padding: 0; margin-bottom: 12px; border-radius: 0; border: 0; background: transparent; }
  #page-community .gun-browse-top { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; min-height: 0; margin: 0; padding: 0; border-bottom: 1px solid var(--mobile-line); }
  #page-community .gun-browse-tabs { gap: 0; background: transparent; flex: 1; min-width: 0; display: flex; margin: 0; padding: 0; }
  #page-community .gun-browse-tabs button { font-size: 13px; min-height: 44px; padding: 8px 10px; flex: 1; }
  #page-community #community-reset { min-height: 44px; padding: 8px 0 8px 8px; font-size: 12px; }
  #page-community .gun-mobile-browse-toggle { font-size: 13px; min-height: 44px; }
  #page-community .gun-filter-chip { font-size: 13px; min-height: 44px; }
  #page-community .gun-filter-chip small, .gun-streamer-coverage { font-size: 12px; }
  #page-community #community-search { grid-template-columns: minmax(0,1fr) auto auto; grid-template-rows: auto auto; padding: 12px; gap: 8px; margin: 0 0 16px; border-color: var(--mobile-line); }
  #community-search > .field:first-child { grid-column: 1; grid-row: 1; gap: 0; font-size: 0; }
  #community-search > .field:first-child input { font-size: 16px; min-width: 0; padding: 10px; }
  #page-community #community-search > .primary { grid-column: 2; grid-row: 1; min-height: 44px; padding: 8px 12px; font-size: 14px; }
  #community-search .community-filter-toggle { grid-column: 3; grid-row: 1; width: auto; min-height: 44px; padding: 8px 10px; font-size: 13px; border: 1px solid var(--mobile-line); background: #fff; }
  #community-search .community-filter-fields { grid-column: 1 / -1; grid-row: 2; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  #page-community #community-search .field { font-size: 14px; }
  #page-community .community-count { font-size: 12px; margin: 8px 0 12px; }
  .gun-overview-table, .gun-schemes-table { border: 0; background: transparent; overflow: visible; }
  .gun-table-head { display: none; }
  #page-community .gun-content-main .gun-overview-row { grid-template-columns: minmax(0,1.25fr) minmax(0,1fr); gap: 12px 16px; padding: 16px; min-height: 0; background: #fff; border-color: var(--mobile-line); border-radius: 6px; }
  #page-community .gun-content-main .gun-overview-row:nth-child(odd) { background: #fff; }
  #page-community .gun-content-main .gun-weapon-cell { grid-column: 1; grid-row: 1; }
  #page-community .gun-content-main .gun-weapon-cell strong { font-size: 16px; }
  #page-community .gun-weapon-cell small, #page-community .gun-coverage-cell small, #page-community .gun-row-label, #page-community .gun-overview-action > small { font-size: 12px; }
  #page-community .gun-content-main .gun-row-picture { height: 86px; background: #f1f3f1; border: 0; border-radius: 4px; }
  #page-community .gun-content-main .gun-coverage-cell { grid-column: 2; grid-row: 1; padding: 0; gap: 8px; }
  #page-community .gun-coverage-cell > strong { font-size: 24px; }
  #page-community .gun-coverage-cell > span { font-size: 14px; }
  #page-community .gun-content-main .gun-featured-cell { display: none; }
  #page-community .gun-featured-name { font-size: 14px; line-height: 1.5; }
  #page-community .gun-featured-intro { display: none; }
  #page-community .gun-content-main .gun-overview-action { grid-column: 1 / -1; grid-row: 2; padding: 12px 0 0; border-top: 1px solid var(--mobile-line); flex-direction: row; justify-content: space-between; align-items: center; gap: 12px; }
  #page-community .gun-content-main .gun-overview-action .secondary { font-size: 14px; min-height: 44px; flex: 1; }
  #page-community .gun-author-link, #page-community .gun-row-author > span, #page-community .gun-streamer-coverage { font-size: 12px; }
  #page-community .gun-featured-cell .build-tags span, #page-community .gun-scheme-main .build-tags span { font-size: 12px; padding: 3px 5px; }
  #page-community .gun-content-main .gun-scheme-row { grid-template-columns: 94px minmax(0,1fr); padding: 16px; gap: 12px; background: #fff; }
  #page-community .gun-content-main .gun-scheme-row > .gun-row-picture { grid-column: 1; grid-row: 1; height: 90px; }
  #page-community .gun-content-main .gun-scheme-main { grid-column: 2; grid-row: 1; }
  #page-community .gun-scheme-main h3 { font-size: 16px; line-height: 1.5; }
  #page-community .gun-content-main .gun-scheme-price { grid-column: 1 / -1; grid-row: 2; text-align: left; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; }
  #page-community .gun-scheme-price > small, #page-community .gun-scheme-price > span { font-size: 12px; max-width: none; }
  #page-community .gun-content-main .gun-row-actions { grid-column: 1 / -1; grid-row: 3; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
  #page-community .gun-row-actions > .primary { font-size: 14px; min-height: 44px; }
  #page-community .gun-row-actions .text-button { font-size: 13px; min-height: 44px; padding: 8px; }
  .gun-ranking { margin-top: 8px; }
  .gun-ranking-tabs button { font-size: 14px; }

  body[data-view="public"] .archive-tabs { display: flex; flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-inline: contain; gap: 18px; scrollbar-width: thin; margin: 0 0 18px; padding: 0; border-bottom: 1px solid var(--mobile-line); border-radius: 0; background: transparent; }
  body[data-view="public"] .archive-tab { flex: 0 0 auto; min-height: 46px; padding: 10px 0; font-size: 14px; white-space: nowrap; border-radius: 0; }
  body[data-view="public"] #tools-tabs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 16px; overflow: visible; margin: 0 0 20px; padding: 0; }
  #tools-tabs .field-tool-name { font-size: 14px; }
  #tools-tabs > button { min-height: 54px; padding: 10px 6px; border-radius: 4px; }
  #page-tools > .asset-launcher { margin: 0 0 20px; padding: 12px 0; min-height: 0; background: transparent; border: 0; border-block: 1px solid var(--mobile-line); border-radius: 0; }
  #page-tools .asset-launcher-icon, #page-tools .asset-launcher-preview, #page-tools .asset-launcher-copy > span, #page-tools .asset-launcher-copy p, #page-tools .asset-launcher-end small { display: none; }
  #page-tools .asset-launcher-copy h2 { font-size: 15px; margin: 0; }
  #page-tools .asset-launcher-end { margin-left: auto; }
  #page-tools .asset-launcher-end b { font-size: 13px; }
  .music-studio-tabs { gap: 4px; }
  .music-studio-tabs button { font-size: 13px; padding: 8px 4px; }
  .music-studio-heading, #music-mode-keyboard h2, .random-form h2 { font-size: 20px; line-height: 1.5; }
  .music-popular-card h3, .music-score-card strong { font-size: 15px; }
  .music-popular-card small, .music-score-card small, .music-catalog-count { font-size: 12px; }
  .popular-actions a, .popular-actions button { display: inline-flex; align-items: center; min-height: 44px; font-size: 12px; }
  .popular-actions { gap: 0; }
  .music-settings, .music-controls { flex-wrap: wrap; gap: 10px; }
  .transcribe-settings, .music-catalog-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .music-catalog-filters > input { grid-column: 1 / -1; }
  .official-map-terminal .official-map-mobile-entry { padding: 22px 18px; }
  .official-map-mobile-entry h2 { font-size: 24px; line-height: 1.4; }
  .official-map-mobile-entry p, .official-map-foot, .event-map-shortcut small { font-size: 12px; }
  .official-map-toolbar { flex-wrap: wrap; gap: 8px; padding: 12px; }
  .official-map-toolbar > div { min-width: 0; flex-wrap: wrap; }
  .official-map-toolbar small { font-size: 12px; }
  .event-map-shortcut { padding: 12px; flex-wrap: wrap; }
  .field-spots-heading { flex-wrap: wrap; gap: 14px; }
  .field-events-section { grid-template-columns: minmax(0,1fr); }
  .archive-toolbar { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; padding: 12px; }
  .archive-toolbar > input { grid-column: 1 / -1; }
  .archive-toolbar select { width: 100%; min-width: 0; }
  .asset-filters { padding: 12px; }
  .asset-search { flex-wrap: wrap; gap: 8px; }
  .asset-search-field { flex: 1 1 100%; min-width: 0; }
  .asset-groups { flex-wrap: nowrap; overflow-x: auto; }
  .asset-groups button { flex: 0 0 auto; font-size: 13px; }
  .asset-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .asset-result-bar { flex-wrap: wrap; gap: 12px; }
  #page-manufacture .profit-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #page-manufacture .profit-stat { min-width: 0; padding: 14px 12px; overflow-wrap: anywhere; }
  #page-manufacture .profit-stat strong { font-size: 22px; }
  .card-overview { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .card-progress-panel { grid-column: 1 / -1; }
  .card-tools, .card-toolbar { flex-wrap: wrap; }
  .card-toolbar .segmented { width: 100%; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .card-toolbar .segmented button { font-size: 14px; padding-inline: 6px; }
  .card-search { width: 100%; }
  .card-tiles { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
  .card-quantity button { min-width: 44px; }
  body[data-view="public"] dialog:not(#mobile-navigation):not(#quick-nav-dialog) { width: calc(100% - 20px); max-width: none; max-height: calc(100dvh - 32px); padding: 18px; border-radius: 8px; }
  .dialog-heading { gap: 10px; align-items: flex-start; }
  .dialog-heading h2 { font-size: 20px; line-height: 1.4; }
  .dialog-heading .icon-button { flex: 0 0 44px; width: 44px; min-height: 44px; }
  body[data-view="public"] dialog:not(#mobile-navigation):not(#quick-nav-dialog) > .dialog-heading { position: sticky; top: -18px; z-index: 5; padding-bottom: 12px; background: #fff; }
  #content-detail-dialog #content-detail-body h2 { font-size: 20px; line-height: 1.5; }
  #content-detail-dialog :is(p,li) { font-size: 14px; line-height: 1.8; }
  #toast { bottom: calc(84px + env(safe-area-inset-bottom)); left: 50%; font-size: 14px; }
  .app-footer { font-size: 12px; line-height: 1.7; padding-inline: 0; }
  body[data-view="public"] .page :is(small, .eyebrow, .field-hint, .gun-row-label, .gun-rank-streamer, .build-tags span, .gun-selected-chip, .gun-scheme-price > span, .home-password-status, .card-help) { font-size: 12px; }
  #page-community .gun-ranking-empty :is(p,span,small) { color: #626d67; font-size: 12px; }
  body[data-view="public"] .page :is(#cards-progress-text, .home-password-heading h2 span, [data-sync-strip] span, .step-number, .map-rule-note b, .map-rule-note a, .recommend-preferences summary span, .knife-band-label, .section-title span, .real-gear summary span, .gun-streamer-coverage b, .community-pagination span, .official-map-toolbar strong, .event-map-shortcut b, .live-kicker, .trend-card-title span, .real-sub, .real-market-list a, .card-album-fields strong, .card-album-fields [role="status"], .card-quantity span, .card-backup-bar p, .card-missing-panel p, .archive-backup p, .music-playback span) { font-size: 12px; }
}

@media (max-width: 360px) {
  .mobile-header { padding-inline: 12px; }
  .mobile-brand { gap: 6px; }
  .mobile-brand strong { font-size: 16px; }
  .mobile-header-actions .mobile-menu-button { font-size: 12px; gap: 4px; }
  .mobile-navigation-panel { padding-inline: 16px; }
  .mobile-route-grid { column-gap: 12px; }
  .mobile-route-grid a { gap: 8px; }
  .mobile-route-label strong { font-size: 14px; }
  .card-tiles { grid-template-columns: repeat(3,minmax(0,1fr)); }
  #page-community .gun-browse-tabs button { padding-inline: 6px; font-size: 12px; }
  #page-community #community-search { grid-template-columns: minmax(0,1fr) auto; }
  #community-search > .field:first-child { grid-column: 1 / -1; }
  #page-community #community-search > .primary { grid-column: 1; grid-row: 2; }
  #community-search .community-filter-toggle { grid-column: 2; grid-row: 2; }
  #community-search .community-filter-fields { grid-row: 3; }
}

@media (prefers-reduced-motion: reduce) {
  :root:not([data-motion="full"]) :is(.mobile-route-grid, .mobile-bottom-nav) * { animation: none; transition: none; }
}