/**
 * LiverStats 基準 — ホーム情報密度（最終レイヤー）
 * Load AFTER home-vs-baseline.css / vs-opponent-readability.css
 * 維持: KPI数値 · 勝率 · ダイヤ · PKスコア
 * 縮小: TOPギフター名 · ギフター💎 · ラベル · 補足
 */

@media (max-width: 960px) {
  #liver-shell.mobile-tab-mode,
  #lp-phone-demo,
  .phone--demo {
    --ls-gap: 0.58rem;
    --ls-block-pad: 0.32rem 0.34rem;
    --ls-block-head-mb: 0.28rem;
    --ls-meta: 0.58rem;
    --ls-section: 0.68rem;
    --ls-kpi-label: 0.58rem;
    --ls-kpi-sub: 0.54rem;
    --ls-kpi-value: clamp(0.92rem, 4vw, 1.18rem);
    --ls-kpi-name: clamp(0.58rem, 2.6vw, 0.66rem);
    --ls-pk-badge: 0.52rem;
    --ls-pk-score: 0.82rem;
    --ls-pk-meta: 0.52rem;
    --ls-summary-label: 0.52rem;
    --ls-summary-value: 0.88rem;
    --ls-gifter-rank: 0.6rem;
    --ls-gifter-name: 0.56rem;
    --ls-gifter-diamond: 0.5rem;
  }

  /* ── レイアウト ── */
  #liver-shell.mobile-tab-mode .home-dashboard,
  #lp-phone-demo .phone-demo-home,
  .phone--demo .phone-demo-home {
    gap: var(--ls-gap) !important;
    padding: 0.08rem 0.12rem 0.2rem !important;
  }

  #liver-shell.mobile-tab-mode .home-profile-strip,
  #lp-phone-demo .home-profile-strip,
  .phone--demo .home-profile-strip {
    gap: 0.24rem !important;
    padding: 0.02rem 0 !important;
  }

  #liver-shell.mobile-tab-mode .home-profile-strip__avatar,
  #lp-phone-demo .home-profile-strip__avatar,
  .phone--demo .home-profile-strip__avatar {
    width: 1.35rem !important;
    height: 1.35rem !important;
    font-size: 0.72rem !important;
  }

  #liver-shell.mobile-tab-mode .home-profile-strip__name,
  #lp-phone-demo .home-profile-strip__name,
  .phone--demo .home-profile-strip__name {
    font-size: 0.82rem !important;
    line-height: 1.15 !important;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #liver-shell.mobile-tab-mode .home-profile-strip__handle,
  #lp-phone-demo .home-profile-strip__handle,
  .phone--demo .home-profile-strip__handle {
    font-size: var(--ls-meta) !important;
    margin-top: 0 !important;
    line-height: 1.3 !important;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #liver-shell.mobile-tab-mode .profile-league-badge--home,
  #lp-phone-demo .profile-league-badge--home,
  .phone--demo .profile-league-badge--home {
    font-size: 0.54rem !important;
    padding: 0.04rem 0.18rem !important;
    line-height: 1.1 !important;
  }

  /* ── KPI 4指標 ── */
  #liver-shell.mobile-tab-mode .home-stat-row,
  #lp-phone-demo .home-stat-row,
  .phone--demo .home-stat-row {
    gap: 0.18rem !important;
  }

  #liver-shell.mobile-tab-mode .home-stat-card,
  #lp-phone-demo .home-stat-card,
  .phone--demo .home-stat-card {
    min-height: unset !important;
    padding: 0.14rem 0.12rem !important;
    border-radius: 7px !important;
  }

  #liver-shell.mobile-tab-mode .home-stat-card__label,
  #lp-phone-demo .home-stat-card__label,
  .phone--demo .home-stat-card__label {
    font-size: var(--ls-kpi-label) !important;
    gap: 0.08rem !important;
    line-height: 1.2 !important;
  }

  #liver-shell.mobile-tab-mode .home-stat-card__icon,
  #lp-phone-demo .home-stat-card__icon,
  .phone--demo .home-stat-card__icon {
    font-size: 0.62rem !important;
  }

  #liver-shell.mobile-tab-mode .home-stat-card__value,
  #lp-phone-demo .home-stat-card__value,
  .phone--demo .home-stat-card__value {
    margin-top: 0.04rem !important;
    font-size: var(--ls-kpi-value) !important;
    line-height: 1.08 !important;
  }

  #liver-shell.mobile-tab-mode .home-stat-card--gifter .home-stat-card__value--name,
  #lp-phone-demo .home-stat-card--gifter .home-stat-card__value--name,
  .phone--demo .home-stat-card--gifter .home-stat-card__value--name {
    font-size: var(--ls-kpi-name) !important;
    line-height: 1.12 !important;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #liver-shell.mobile-tab-mode .home-stat-card__sub,
  #lp-phone-demo .home-stat-card__sub,
  .phone--demo .home-stat-card__sub {
    font-size: var(--ls-kpi-sub) !important;
    margin-top: 0.02rem !important;
    line-height: 1.25 !important;
  }

  /* ── セクションカード ── */
  #liver-shell.mobile-tab-mode .home-block,
  #lp-phone-demo .home-block,
  .phone--demo .home-block {
    padding: var(--ls-block-pad) !important;
    border-radius: 8px !important;
    margin-top: 0 !important;
  }

  #liver-shell.mobile-tab-mode .home-block + .home-block,
  #lp-phone-demo .home-block + .home-block,
  .phone--demo .home-block + .home-block {
    margin-top: 0.06rem !important;
  }

  #liver-shell.mobile-tab-mode .home-block--chart,
  #lp-phone-demo .home-block--chart,
  .phone--demo .home-block--chart {
    margin-top: 0.04rem !important;
    padding-bottom: 0.36rem !important;
  }

  #liver-shell.mobile-tab-mode .home-block__head,
  #lp-phone-demo .home-block__head,
  .phone--demo .home-block__head {
    margin-bottom: var(--ls-block-head-mb) !important;
    gap: 0.16rem !important;
  }

  #liver-shell.mobile-tab-mode .home-block__title,
  #lp-phone-demo .home-block__title,
  .phone--demo .home-block__title {
    font-size: var(--ls-section) !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
  }

  #liver-shell.mobile-tab-mode .home-block__action,
  #liver-shell.mobile-tab-mode .home-block__meta,
  #lp-phone-demo .home-block__action,
  #lp-phone-demo .home-block__meta,
  .phone--demo .home-block__action,
  .phone--demo .home-block__meta {
    font-size: var(--ls-meta) !important;
    padding: 0.06rem 0.22rem !important;
    min-height: auto !important;
  }

  #liver-shell.mobile-tab-mode .home-block__tag,
  #lp-phone-demo .home-block__tag,
  .phone--demo .home-block__tag {
    font-size: var(--ls-meta) !important;
    padding: 0.04rem 0.16rem !important;
  }

  /* ── 直近PK ── */
  #liver-shell.mobile-tab-mode .home-pk-scroll,
  #lp-phone-demo .home-pk-scroll,
  .phone--demo .home-pk-scroll {
    gap: 0.28rem !important;
    padding-bottom: 0.06rem !important;
  }

  #liver-shell.mobile-tab-mode .home-pk-card,
  #lp-phone-demo .home-pk-card,
  .phone--demo .home-pk-card {
    flex: 0 0 48% !important;
    padding: 0.2rem 0.22rem !important;
    border-radius: 7px !important;
  }

  #liver-shell.mobile-tab-mode .home-pk-card__badge,
  #lp-phone-demo .home-pk-card__badge,
  .phone--demo .home-pk-card__badge {
    font-size: var(--ls-pk-badge) !important;
    margin-bottom: 0.02rem !important;
    line-height: 1.1 !important;
  }

  #liver-shell.mobile-tab-mode .home-pk-card__score,
  #lp-phone-demo .home-pk-card__score,
  .phone--demo .home-pk-card__score {
    font-size: var(--ls-pk-score) !important;
    line-height: 1.15 !important;
  }

  #liver-shell.mobile-tab-mode .home-pk-card__score small,
  #lp-phone-demo .home-pk-card__score small,
  .phone--demo .home-pk-card__score small {
    font-size: 0.72em !important;
  }

  #liver-shell.mobile-tab-mode .home-pk-card__meta,
  #lp-phone-demo .home-pk-card__meta,
  .phone--demo .home-pk-card__meta {
    font-size: var(--ls-pk-meta) !important;
    margin-top: 0 !important;
    line-height: 1.25 !important;
    color: rgba(255, 255, 255, 0.38) !important;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* ── PKサマリー 3×3 ── */
  #liver-shell.mobile-tab-mode .home-pk-summary-grid,
  #lp-phone-demo .home-pk-summary-grid,
  .phone--demo .home-pk-summary-grid {
    gap: 0.22rem !important;
  }

  #liver-shell.mobile-tab-mode .home-pk-summary__cell,
  #lp-phone-demo .home-pk-summary__cell,
  .phone--demo .home-pk-summary__cell {
    padding: 0.18rem 0.1rem !important;
    border-radius: 6px !important;
  }

  #liver-shell.mobile-tab-mode .home-pk-summary__label,
  #lp-phone-demo .home-pk-summary__label,
  .phone--demo .home-pk-summary__label {
    font-size: var(--ls-summary-label) !important;
    line-height: 1.2 !important;
  }

  #liver-shell.mobile-tab-mode .home-pk-summary__value,
  #lp-phone-demo .home-pk-summary__value,
  .phone--demo .home-pk-summary__value {
    margin-top: 0.02rem !important;
    font-size: var(--ls-summary-value) !important;
    line-height: 1.1 !important;
  }

  /* ── TOPギフター — 順位 · 名前 · 💎 のみ（アイコンなし） ── */
  #liver-shell.mobile-tab-mode .home-gifter-list,
  #lp-phone-demo .home-gifter-list,
  .phone--demo .home-gifter-list {
    gap: 0.26rem !important;
  }

  #liver-shell.mobile-tab-mode .home-gifter-row,
  #lp-phone-demo .home-gifter-row,
  .phone--demo .home-gifter-row {
    display: grid !important;
    grid-template-columns: 1.1rem minmax(0, 1fr) auto !important;
    align-items: center !important;
    padding: 0.22rem 0.24rem !important;
    gap: 0.24rem !important;
    border-radius: 7px !important;
  }

  #liver-shell.mobile-tab-mode .home-gifter-row__avatar,
  #lp-phone-demo .home-gifter-row__avatar,
  .phone--demo .home-gifter-row__avatar {
    display: none !important;
  }

  #liver-shell.mobile-tab-mode .home-gifter-row__rank,
  #lp-phone-demo .home-gifter-row__rank,
  .phone--demo .home-gifter-row__rank {
    flex: none;
    width: 1.1rem;
    text-align: center;
    font-size: var(--ls-gifter-rank) !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    color: rgba(255, 255, 255, 0.68) !important;
  }

  #liver-shell.mobile-tab-mode .home-gifter-row__name,
  #lp-phone-demo .home-gifter-row__name,
  .phone--demo .home-gifter-row__name {
    font-size: var(--ls-gifter-name) !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #liver-shell.mobile-tab-mode .home-gifter-row__diamonds,
  #lp-phone-demo .home-gifter-row__diamonds,
  .phone--demo .home-gifter-row__diamonds {
    font-size: var(--ls-gifter-diamond) !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    flex-shrink: 0;
    white-space: nowrap;
    color: rgba(147, 197, 253, 0.72) !important;
  }

  #liver-shell.mobile-tab-mode .home-gifter-more,
  #lp-phone-demo .home-gifter-more,
  .phone--demo .home-gifter-more {
    margin: 0.36rem 0 0 !important;
  }

  /* ── AI / チャート ── */
  #liver-shell.mobile-tab-mode .home-ai-list,
  #lp-phone-demo .home-ai-list,
  .phone--demo .home-ai-list {
    gap: 0.22rem !important;
  }

  #liver-shell.mobile-tab-mode .home-ai-item,
  #lp-phone-demo .home-ai-item,
  .phone--demo .home-ai-item {
    padding: 0.2rem 0.24rem !important;
    gap: 0.24rem !important;
  }

  #liver-shell.mobile-tab-mode .home-ai-item__text,
  #lp-phone-demo .home-ai-item__text,
  .phone--demo .home-ai-item__text {
    font-size: var(--ls-meta) !important;
    line-height: 1.25 !important;
  }

  #liver-shell.mobile-tab-mode .home-ai-item__icon,
  #lp-phone-demo .home-ai-item__icon,
  .phone--demo .home-ai-item__icon {
    font-size: 0.72rem !important;
  }

  #lp-phone-demo .phone-demo-hour-chart,
  .phone--demo .phone-demo-hour-chart {
    height: 1.6rem !important;
  }

  #lp-phone-demo .phone-bar-labels,
  .phone--demo .phone-bar-labels {
    font-size: 0.52rem !important;
    margin-top: 0.08rem !important;
  }

  /* mobile-app / home-mock 上書き */
  #liver-shell.mobile-tab-mode .home-dashboard:not(.phone-demo-home) .home-pk-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  /* ── 配信履歴 KPI ── */
  #liver-shell.mobile-tab-mode .phone-stream-summary,
  #lp-phone-demo .phone-stream-summary,
  .phone--demo .phone-stream-summary {
    gap: 0.14rem !important;
  }

  #liver-shell.mobile-tab-mode .phone-stream-summary__label,
  #lp-phone-demo .phone-stream-summary__label,
  .phone--demo .phone-stream-summary__label {
    font-size: var(--ls-summary-label) !important;
    line-height: 1.25 !important;
  }

  #liver-shell.mobile-tab-mode .phone-stream-summary__val,
  #lp-phone-demo .phone-stream-summary__val,
  .phone--demo .phone-stream-summary__val {
    font-size: var(--ls-summary-value) !important;
    line-height: 1.2 !important;
  }

  #liver-shell.mobile-tab-mode .phone-stream-subtitle,
  #lp-phone-demo .phone-stream-subtitle,
  .phone--demo .phone-stream-subtitle {
    font-size: var(--ls-meta) !important;
    line-height: 1.25 !important;
    margin-bottom: 0.12rem !important;
  }
}