/* 居所共享阅读与操作稳定层 v4 */
.residence-page *,
.residence-page *::before,
.residence-page *::after { box-sizing: border-box; }

.countdown-time,
.upcoming-time,
.planting-card-countdown,
.hall-countdown,
[data-shared-merchant-countdown],
[data-ranch-countdown],
[data-ranch-feed-countdown] {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  white-space: nowrap;
}

.countdown-time.critical,
.time-urgent { animation: none !important; }
.maturity-exact-time { display: block; color: #6d8580; font-size: 10px; font-weight: 700; white-space: nowrap; }
.countdown-time-meta { display: grid; gap: 2px; }
.upcoming-exact { display: block; color: #6d8580; font-size: 10px; font-weight: 700; }

.countdown-item-timer { min-width: 13.5rem; }
.countdown-item-timer small,
.upcoming-exact { line-height: 1.45; }
.upcoming-time { display: block; min-height: 1.55em; }

.crop-grid-pager {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: .6rem;
  margin-top: .8rem;
}
.crop-grid-pager[hidden] { display: none; }
.crop-grid-pager button {
  min-height: 2.55rem;
  border: 1px solid rgba(45, 104, 108, .22);
  border-radius: .7rem;
  background: #f5faf8;
  color: #245f5b;
  font: 750 .78rem/1.2 inherit;
  cursor: pointer;
}
.crop-grid-pager button:last-child { justify-self: stretch; }
.crop-grid-pager button:disabled { cursor: not-allowed; opacity: .42; }
.crop-grid-pager span { color: #647c7b; font-size: .75rem; white-space: nowrap; }

.unit-input-row:has(> .unit-select) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 4.6rem;
  gap: .45rem;
  align-items: center;
}
.unit-input-row:has(> .unit-select) .unit-preview { grid-column: 1 / -1; }
.unit-select,
.qjs-amount-control select {
  width: 100%;
  min-height: 2.65rem;
  border: 1px solid rgba(45, 104, 108, .24);
  border-radius: .65rem;
  background: #f7fbfa;
  color: #245f5b;
  font: 750 .76rem/1.2 inherit;
}
.qjs-amount-control {
  display: grid;
  grid-template-columns: minmax(5rem, 1fr) 4.35rem;
  gap: .35rem;
  width: 100%;
  min-width: 0;
}
.qjs-amount-control > input { width: 100% !important; min-width: 0 !important; }

.crop-grid-art__fallback {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  color: #4c7772;
  font-size: 1.15rem;
  font-weight: 850;
  background: linear-gradient(145deg, #edf5f1, #f7f5e9);
}
.crop-grid-art__fallback[hidden] { display: none !important; }

/* PC：共享表保持真实单行信息结构，图片与说明不互相挤压。 */
#panel-hall .hall-table {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
#panel-hall .hall-table th,
#panel-hall .hall-table td {
  padding: .72rem .65rem;
  vertical-align: top;
  overflow-wrap: anywhere;
}
.mobile-table-scroll:has(#cropTableBody) th:nth-child(1) { width: 10%; }
.mobile-table-scroll:has(#cropTableBody) th:nth-child(2) { width: 13%; }
.mobile-table-scroll:has(#cropTableBody) th:nth-child(3) { width: 9%; }
.mobile-table-scroll:has(#cropTableBody) th:nth-child(4) { width: 7%; }
.mobile-table-scroll:has(#cropTableBody) th:nth-child(5) { width: 10%; }
.mobile-table-scroll:has(#cropTableBody) th:nth-child(6) { width: 9%; }
.mobile-table-scroll:has(#cropTableBody) th:nth-child(7) { width: 8%; }
.mobile-table-scroll:has(#cropTableBody) th:nth-child(8) { width: 23%; }
.mobile-table-scroll:has(#cropTableBody) th:nth-child(9) { width: 11%; }
.mobile-table-scroll:has(#merchantTableBody) th:nth-child(1) { width: 11%; }
.mobile-table-scroll:has(#merchantTableBody) th:nth-child(2) { width: 15%; }
.mobile-table-scroll:has(#merchantTableBody) th:nth-child(3) { width: 28%; }
.mobile-table-scroll:has(#merchantTableBody) th:nth-child(4) { width: 11%; }
.mobile-table-scroll:has(#merchantTableBody) th:nth-child(5) { width: 13%; }
.mobile-table-scroll:has(#merchantTableBody) th:nth-child(6) { width: 13%; }
.mobile-table-scroll:has(#merchantTableBody) th:nth-child(7) { width: 9%; }
#merchantTableBody > tr > td { vertical-align: top; }
#merchantTableBody > tr > td:nth-child(1),
#merchantTableBody > tr > td:nth-child(4),
#merchantTableBody > tr > td:nth-child(5),
#merchantTableBody > tr > td:nth-child(6) { white-space: nowrap; }
#merchantTableBody .merchant-share-item {
  grid-template-columns: 3.25rem minmax(0, 1fr);
  align-items: start;
  min-width: 0;
  margin: 0 0 .5rem;
}
#merchantTableBody .merchant-share-item:last-child { margin-bottom: 0; }
#merchantTableBody .merchant-item-actions,
#merchantTableBody .merchant-share-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}

.home-image-fallback {
  display: grid;
  width: 3.25rem;
  height: 3.25rem;
  flex: 0 0 3.25rem;
  place-items: center;
  border-radius: .72rem;
  background: #e7f2ef;
  color: #2d6864;
  font-size: 1rem;
  font-weight: 850;
}
.home-image-fallback[hidden] { display: none !important; }

/* 共享簿统一成清晰的“筛选—切换—记录”阅读层级。 */
#panel-hall > .toolbar,
#panel-hall .hall-tabs,
#panel-hall .hall-content {
  border: 1px solid rgba(45, 104, 108, .14);
  background: rgba(255, 255, 255, .88);
}
#panel-hall > .toolbar { border-radius: 1rem 1rem 0 0; }
#panel-hall .hall-tabs { gap: .35rem; padding: .45rem; border-top: 0; border-bottom: 0; }
#panel-hall .hall-tab { min-height: 2.75rem; border-radius: .7rem; }
#panel-hall .hall-content { overflow: hidden; border-radius: 0 0 1rem 1rem; }
#panel-hall .hall-filter-panel { box-shadow: none; }
#panel-hall :where(.hall-content, .hall-tab-content, .hall-sub-section, .mobile-table-scroll, .hall-table) { min-width: 0; max-width: 100%; }
#cropSaleTableBody .acq-table-product {
  display: grid;
  grid-template-columns: 2.9rem minmax(0, 1fr);
  align-items: center;
  gap: .65rem;
  min-width: 9rem;
}
#cropSaleTableBody .acq-table-product img { width: 2.9rem; height: 2.9rem; object-fit: contain; border-radius: .65rem; background: #edf5f2; }

.residence-advisor-stats small { white-space: nowrap; }

.weekend-standalone {
  display: grid;
  gap: 1rem;
}
.weekend-standalone__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 1rem;
  padding: 1.15rem 1.25rem;
  border: 1px solid rgba(45, 104, 108, .16);
  border-radius: 1rem;
  background: #f2f8f5;
}
.weekend-standalone__header p,
.weekend-standalone__header h1,
.weekend-standalone__header span,
.weekend-standalone__header small { margin: 0; }
.weekend-standalone__header p { color: #548078; font-size: .7rem; font-weight: 800; letter-spacing: .12em; }
.weekend-standalone__header h1 { margin-top: .2rem; color: #214d48; font-size: clamp(1.65rem, 3vw, 2.25rem); }
.weekend-standalone__header span { display: block; margin-top: .35rem; color: #5f7773; }
.weekend-standalone__header aside { display: grid; gap: .2rem; min-width: 9rem; text-align: right; }
.weekend-standalone__header aside strong { color: #245f5b; font-size: 1.2rem; }
.weekend-standalone__header aside small { color: #718680; }
.weekend-calc-panel--standalone { width: 100%; margin: 0 !important; }
.weekend-calc-panel--standalone .weekend-calc-header { padding-right: 0; }
.planting-card-actions .btn-water { white-space: normal; line-height: 1.3; }

@media (max-width: 780px) {
  html,
  body.residence-page {
    width: 100%;
    max-width: 100%;
    overflow-x: clip !important;
  }
  body.residence-page .main-area,
  body.residence-page .content-panels,
  body.residence-page .panel,
  body.residence-page .panel.active,
  body.residence-page .planting-layout,
  body.residence-page .planting-side,
  body.residence-page .planting-main,
  body.residence-page .hall-section,
  body.residence-page .hall-sub-section,
  body.residence-page .mobile-table-scroll {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  body.residence-page :where(.panel, .panel *, .hall-section, .hall-section *, .planting-layout, .planting-layout *) {
    min-inline-size: 0;
  }

  body.residence-page > .qjs-menu-button {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  /* “当前板块”随正文自然滚动，避免与固定页头叠成双层遮挡。 */
  body.residence-page .residence-mobile-rail {
    position: relative !important;
    top: auto !important;
    z-index: 4 !important;
  }
  body.residence-page .panel.active {
    scroll-margin-top: calc(var(--home-mobile-header-height) + 8px) !important;
  }
  .weekend-standalone__header { grid-template-columns: minmax(0, 1fr); align-items: start; padding: .95rem; }
  .weekend-standalone__header aside { min-width: 0; text-align: left; }
  .weekend-calc-panel--standalone { padding-inline: .8rem !important; }

  .countdown-item { grid-template-columns: 3rem minmax(0, 1fr) !important; }
  .countdown-item-timer {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
    align-items: flex-start;
  }
  .countdown-time { min-height: 1.3em; font-size: clamp(1.25rem, 7vw, 1.65rem) !important; letter-spacing: 0 !important; }
  .countdown-item-timer small { white-space: normal; overflow-wrap: anywhere; }
  .upcoming-grid { grid-template-columns: minmax(0, 1fr); }
  .upcoming-time { font-size: 1rem; }
  .upcoming-gains { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .upcoming-gains span:last-child { grid-column: auto; border-top: 0; border-left: 1px solid var(--border); }

  .crop-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .crop-grid-item { min-width: 0; }
  .crop-grid-pager { position: static; padding: .45rem; border: 1px solid rgba(45,104,108,.16); border-radius: .85rem; background: rgba(248,252,250,.96); }

  .residence-advisor-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .5rem !important;
  }
  .residence-advisor-stats > div { min-width: 0; padding: .8rem .65rem !important; }
  .residence-advisor-stats > div:first-child { grid-column: 1 / -1; }
  .residence-advisor-stats small {
    display: flex !important;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: .15rem;
    font-size: clamp(.66rem, 3vw, .76rem) !important;
    letter-spacing: -.02em;
    white-space: nowrap !important;
  }
  .residence-advisor-stats small img { width: .82rem !important; height: .82rem !important; flex: 0 0 .82rem; }
  .residence-advisor-stats strong { font-size: clamp(.9rem, 4vw, 1.1rem) !important; }

  /* 移动端所有共享表都改成卡片流，彻底取消表格最小宽度造成的左右漂移。 */
  #panel-hall { width: 100% !important; max-width: 100% !important; overflow: clip !important; }
  #panel-hall > .toolbar { display: grid; grid-template-columns: minmax(0, 1fr); gap: .75rem; padding: .85rem; }
  #panel-hall .toolbar-left,
  #panel-hall .toolbar-right { width: 100%; min-width: 0; }
  #panel-hall .toolbar-right select { width: 100%; min-width: 0 !important; }
  #panel-hall .hall-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #panel-hall .hall-tab { min-width: 0; padding-inline: .5rem; white-space: normal; }
  #panel-hall .hall-content,
  #panel-hall .hall-tab-content { width: 100%; max-width: 100%; min-width: 0; overflow: clip; }
  #panel-hall .hall-toolbar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
  #panel-hall .hall-toolbar .btn { width: 100%; min-width: 0; white-space: normal; }
  #panel-hall .hall-filter-panel { margin: .75rem; padding: .8rem; }
  #panel-hall .hall-filter-panel header { align-items: flex-start; gap: .5rem; }
  #panel-hall .hall-filter-options { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }

  :is(#cropTableBody, #merchantTableBody, #cropSaleTableBody),
  :is(#cropTableBody, #merchantTableBody, #cropSaleTableBody) > tr,
  :is(#cropTableBody, #merchantTableBody, #cropSaleTableBody) > tr > td { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; }
  :is(#cropTableBody, #merchantTableBody, #cropSaleTableBody) { min-width: 0 !important; }
  :is(#cropTableBody, #merchantTableBody, #cropSaleTableBody) > tr {
    margin: 0 0 .8rem;
    padding: .85rem;
    border: 1px solid rgba(45,104,108,.16);
    border-radius: .9rem;
    background: #fff;
  }
  :is(#cropTableBody, #merchantTableBody, #cropSaleTableBody) > tr > td {
    position: relative;
    padding: .45rem 0 .45rem 5.2rem !important;
    border: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
  :is(#cropTableBody, #merchantTableBody, #cropSaleTableBody) > tr > td::before {
    position: absolute;
    left: 0;
    top: .55rem;
    width: 4.65rem;
    color: #718786;
    font-size: .66rem;
    font-weight: 750;
  }
  #cropSaleTableBody > tr > td[data-label]::before { content: attr(data-label); }
  #cropTableBody > tr > td:nth-child(1)::before { content: "UID"; }
  #cropTableBody > tr > td:nth-child(2)::before { content: "作物"; }
  #cropTableBody > tr > td:nth-child(3)::before { content: "综合倍率"; }
  #cropTableBody > tr > td:nth-child(4)::before { content: "数量"; }
  #cropTableBody > tr > td:nth-child(5)::before { content: "预计收获"; }
  #cropTableBody > tr > td:nth-child(6)::before { content: "百工币"; }
  #cropTableBody > tr > td:nth-child(7)::before { content: "经验"; }
  #cropTableBody > tr > td:nth-child(8)::before { content: "成熟时间"; }
  #cropTableBody > tr > td:nth-child(9)::before { content: "操作"; }
  #merchantTableBody > tr > td:nth-child(1)::before { content: "分享者"; }
  #merchantTableBody > tr > td:nth-child(2)::before { content: "商人"; }
  #merchantTableBody > tr > td:nth-child(3)::before { content: "收购商品"; }
  #merchantTableBody > tr > td:nth-child(4)::before { content: "价格"; }
  #merchantTableBody > tr > td:nth-child(5)::before { content: "剩余时间"; }
  #merchantTableBody > tr > td:nth-child(6)::before { content: "分享时间"; }
  #merchantTableBody > tr > td:nth-child(7)::before { content: "操作"; }
  #merchantTableBody .merchant-share-item { grid-template-columns: 3rem minmax(0, 1fr); min-width: 0; }
  #merchantTableBody .merchant-share-item__copy { min-width: 0; }
  #merchantTableBody .merchant-item-actions { margin-top: .42rem; }
  #merchantTableBody .merchant-share-actions { justify-content: flex-start; }
  #merchantTableBody [data-shared-merchant-countdown] { justify-content: flex-start; min-width: 0; }
  #cropSaleTableBody .acq-table-product { min-width: 0; }
  :is(#cropTableBody, #merchantTableBody, #cropSaleTableBody) > tr > td[colspan] { padding-left: 0 !important; text-align: center; }
  :is(#cropTableBody, #merchantTableBody, #cropSaleTableBody) > tr > td[colspan]::before { display: none; }

  .mobile-table-scroll:has(:is(#cropTableBody, #merchantTableBody, #cropSaleTableBody)) { overflow: clip !important; padding: .75rem; }
  .mobile-table-scroll:has(:is(#cropTableBody, #merchantTableBody, #cropSaleTableBody)) > table,
  .mobile-table-scroll:has(:is(#cropTableBody, #merchantTableBody, #cropSaleTableBody)) .hall-table { display: block; min-width: 0 !important; width: 100% !important; max-width: 100% !important; table-layout: fixed; }
  .mobile-table-scroll:has(:is(#cropTableBody, #merchantTableBody, #cropSaleTableBody)) thead { display: none !important; }
}

/* 移动端记录保持一条数据一行，由记录区自身横向滚动，页面主体不横移。 */
@media (max-width: 780px) {
  .mobile-table-scroll:has(:is(#cropTableBody, #merchantTableBody, #cropSaleTableBody)) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: .5rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
  }
  .mobile-table-scroll:has(#cropTableBody) > table { min-width: 66rem !important; }
  .mobile-table-scroll:has(#merchantTableBody) > table { min-width: 62rem !important; }
  .mobile-table-scroll:has(#cropSaleTableBody) > table { min-width: 72rem !important; }
  .mobile-table-scroll:has(:is(#cropTableBody, #merchantTableBody, #cropSaleTableBody)) > table,
  .mobile-table-scroll:has(:is(#cropTableBody, #merchantTableBody, #cropSaleTableBody)) .hall-table {
    display: table !important;
    width: max-content !important;
    max-width: none !important;
    table-layout: auto !important;
    border-collapse: collapse !important;
  }
  .mobile-table-scroll:has(:is(#cropTableBody, #merchantTableBody, #cropSaleTableBody)) thead {
    display: table-header-group !important;
  }
  :is(#cropTableBody, #merchantTableBody, #cropSaleTableBody) { display: table-row-group !important; width: auto !important; }
  :is(#cropTableBody, #merchantTableBody, #cropSaleTableBody) > tr {
    display: table-row !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  :is(#cropTableBody, #merchantTableBody, #cropSaleTableBody) > tr > td {
    display: table-cell !important;
    width: auto !important;
    min-width: 7rem !important;
    max-width: 18rem !important;
    padding: .7rem .75rem !important;
    border-bottom: 1px solid rgba(45,104,108,.13) !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
  }
  :is(#cropTableBody, #merchantTableBody, #cropSaleTableBody) > tr > td::before { display: none !important; content: none !important; }
  #merchantTableBody > tr > td:nth-child(3) { min-width: 18rem !important; white-space: normal !important; }
  #cropSaleTableBody > tr > td:nth-child(3) { min-width: 12rem !important; }
  #panel-hall .hall-toolbar--acquisition { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 380px) {
  .crop-grid { grid-template-columns: 1fr !important; }
  .unit-input-row:has(> .unit-select) { grid-template-columns: minmax(0, 1fr) 4.2rem; }
}

/* 居所页是高频计时工具，稳定优先：同步状态和面板切换不再触发布局动画。 */
html:has(body.residence-page) { scrollbar-gutter: stable; }
body.residence-page { overflow-x: clip; }
body.residence-page :is(#plantingList, #upcomingMatureList, #residenceAdvisorPlan, #merchantList, #cropTableBody, #merchantTableBody, #cropSaleTableBody) { overflow-anchor: none; }
body.residence-page .panel.active,
body.residence-page .sync-indicator,
body.residence-page .sync-indicator-mobile,
body.residence-page .countdown-time,
body.residence-page .merchant-card-time { animation: none !important; }
body.residence-page :is(.countdown-time, .planting-card-countdown, .merchant-card-time, .harvest-card-time) {
  font-variant-numeric: tabular-nums;
}
#panel-advisor .residence-advisor-stats > div {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-content: start !important;
  align-items: start !important;
  justify-content: stretch !important;
  gap: .4rem !important;
}
#panel-advisor .residence-advisor-stats small,
#panel-advisor .residence-advisor-stats strong {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  justify-content: flex-start !important;
  text-align: left !important;
}
#panel-advisor .residence-advisor-stats small { flex: none !important; }
#panel-advisor .residence-advisor-stats strong { flex: none !important; line-height: 1.2 !important; }
#panel-advisor :is(.advisor-first-action-question, .advisor-strategy-console, .advisor-double-anchor-settings, .advisor-weekend-prompt, .advisor-allocation, .advisor-reasoning, .advisor-dplans, .advisor-schedule, .advisor-daily-ledger, .advisor-roadmap, .advisor-online-compare) header strong,
#panel-advisor :is(.advisor-planting-mode, .advisor-anchor-water-question, .advisor-wednesday-question) legend {
  max-width: 100%;
  font-size: clamp(.86rem, 1.35vw, 1.15rem);
  line-height: 1.3;
  white-space: nowrap;
}
#panel-advisor .advisor-schedule table {
  width: 100%;
  min-width: 68rem;
  table-layout: fixed;
}
#panel-advisor :is(.advisor-schedule-round, .advisor-schedule-time, .advisor-schedule-harvest, .advisor-schedule-water, .advisor-schedule-plots, .advisor-schedule-crop-cell, .advisor-schedule-crop, .advisor-water-events, .advisor-water-none) {
  min-width: 0;
}
#panel-advisor .advisor-schedule th,
#panel-advisor .advisor-schedule td { padding-inline: .65rem; overflow-wrap: anywhere; }
.harvest-card-name { min-width: 0; }
.harvest-card-name > span:last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.harvest-card-image {
  display: grid;
  flex: 0 0 3.25rem;
  width: 3.25rem;
  height: 3.25rem;
  padding: .3rem;
  place-items: center;
  border: 1px solid rgba(45, 104, 108, .12);
  border-radius: .8rem;
  object-fit: contain;
  background: rgba(255, 255, 255, .88);
}

@media (max-width: 780px) {
  #panel-advisor .advisor-schedule__scroll { max-width: 100%; overflow-x: auto !important; overscroll-behavior-inline: contain; }
  #panel-advisor .advisor-schedule .advisor-schedule__scroll > table { min-width: 62rem !important; table-layout: fixed !important; }
  #panel-advisor .advisor-dplan-table,
  #panel-advisor .advisor-daily-ledger .advisor-schedule__scroll > table { min-width: 46rem !important; table-layout: fixed !important; }
  #panel-advisor :is(.advisor-first-action-question, .advisor-strategy-console, .advisor-double-anchor-settings, .advisor-weekend-prompt, .advisor-allocation, .advisor-reasoning, .advisor-dplans, .advisor-schedule, .advisor-daily-ledger, .advisor-roadmap, .advisor-online-compare) header strong,
  #panel-advisor :is(.advisor-planting-mode, .advisor-anchor-water-question, .advisor-wednesday-question) legend {
    font-size: clamp(.78rem, 3.7vw, .95rem);
    letter-spacing: -.02em;
  }
}
.harvest-card-image--fallback { font-size: 1.55rem; }

/* 本文件晚于全局菜单样式加载，必须用更明确的弹窗态覆盖，避免关闭按钮与汉堡菜单重叠。 */
body.residence-page.qjs-modal-open > .qjs-menu-button {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 780px) {
  html:has(body.residence-page) { scrollbar-gutter: auto; }
  .residence-advisor-stats > div {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-content: start !important;
    align-items: start !important;
    justify-content: stretch !important;
    gap: .35rem !important;
  }
  .residence-advisor-stats small,
  .residence-advisor-stats strong {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }
  .residence-advisor-stats strong { line-height: 1.2 !important; }
  .harvest-card-header { align-items: flex-start !important; gap: .65rem !important; }
  .harvest-card-name { flex: 1 1 auto; }
  .harvest-card-time { flex: 0 0 auto; }
  .harvest-card-image { flex-basis: 2.75rem; width: 2.75rem; height: 2.75rem; }
}

@media (prefers-reduced-motion: reduce) {
  .residence-page *, .residence-page *::before, .residence-page *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

@media (max-width: 720px) {
  .countdown-item--reward .countdown-item-timer { align-items: center; }
  .countdown-item--reward .countdown-time-meta { min-width: 0; }
  .countdown-item--reward .maturity-exact-time { overflow: hidden; text-overflow: ellipsis; }
}
@media (max-width: 390px) {
  .countdown-item--reward .countdown-item-timer { align-items: start; }
  .countdown-item--reward .maturity-exact-time { white-space: normal; }
}
