/**
 * Home — VS戦績画面を基準にした情報密度・二次テキスト統一
 * 唯一ソース: shared/ui-shell（sync:ui-shell → website / dashboard）
 * Load AFTER liver-compact-redesign.css
 *
 * 維持: KPI数値 · 勝率 · ダイヤ · TOPギフター名 · WIN/LOSE · PKスコア
 * 縮小: ラベル · メタ · 補足 · プロフィール副情報（配信待機バナーはマイページのみ）
 */

@media (max-width: 960px) {
  #liver-shell.mobile-tab-mode,
  #lp-phone-demo,
  .phone--demo {
    --home-vs-meta: 0.62rem;
    --home-vs-meta-lh: 1.35;
    --home-vs-section: 0.72rem;
    --home-profile-secondary: 0.58rem;
    --home-pk-meta: 0.62rem;
  }

  /* ── プロフィール帯（ライバー名は副次 · handle/IDはメタ） ── */
  #liver-shell.mobile-tab-mode .home-profile-strip,
  #lp-phone-demo .home-profile-strip,
  .phone--demo .home-profile-strip {
    gap: 0.32rem;
    padding: 0.04rem 0;
  }

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

  #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.93rem !important;
    line-height: 1.2;
  }

  #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(--home-profile-secondary) !important;
    margin-top: 0.02rem;
    line-height: var(--home-vs-meta-lh);
  }

  #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.62rem;
    padding: 0.06rem 0.22rem;
    line-height: 1.15;
  }

  #liver-shell.mobile-tab-mode .home-profile-strip__name-row,
  #lp-phone-demo .home-profile-strip__name-row,
  .phone--demo .home-profile-strip__name-row {
    gap: 0.22rem;
  }

  /* ── レイアウト密度 ── */
  #liver-shell.mobile-tab-mode .home-dashboard,
  #lp-phone-demo .phone-demo-home,
  .phone--demo .phone-demo-home {
    gap: 0.32rem;
  }

  #liver-shell.mobile-tab-mode .home-block,
  #lp-phone-demo .home-block,
  .phone--demo .home-block {
    padding: 0.24rem 0.28rem;
    border-radius: 8px;
  }

  #liver-shell.mobile-tab-mode .home-block__head,
  #lp-phone-demo .home-block__head,
  .phone--demo .home-block__head {
    margin-bottom: 0.16rem;
  }

  /* ブロック見出し = VS phone-section-label */
  #liver-shell.mobile-tab-mode .home-block__title,
  #lp-phone-demo .home-block__title,
  .phone--demo .home-block__title {
    font-size: var(--home-vs-section) !important;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1.25;
    color: rgba(255, 255, 255, 0.42);
  }

  #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(--home-vs-meta) !important;
    min-height: auto;
    min-width: auto;
    padding: 0.14rem 0.32rem;
    margin: 0;
  }

  #liver-shell.mobile-tab-mode .home-block__tag,
  #lp-phone-demo .home-block__tag,
  .phone--demo .home-block__tag {
    font-size: var(--home-vs-meta);
    padding: 0.06rem 0.24rem;
  }

  /* KPI — ラベル/サブのみ縮小 */
  #liver-shell.mobile-tab-mode .home-stat-row,
  #lp-phone-demo .home-stat-row,
  .phone--demo .home-stat-row {
    gap: 0.26rem;
  }

  #liver-shell.mobile-tab-mode .home-stat-card,
  #lp-phone-demo .home-stat-card,
  .phone--demo .home-stat-card {
    min-height: unset;
    padding: 0.22rem 0.24rem;
  }

  #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(--home-vs-section) !important;
    line-height: 1.25;
  }

  #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.82rem;
  }

  #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(--home-vs-meta) !important;
    margin-top: 0.06rem;
    line-height: var(--home-vs-meta-lh);
  }

  #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: 1.16rem !important;
    line-height: 1.15;
  }

  /* ── 直近PK — WIN/LOSE · スコア維持 · メタ=VS履歴 ── */
  #liver-shell.mobile-tab-mode .home-pk-scroll,
  #lp-phone-demo .home-pk-scroll,
  .phone--demo .home-pk-scroll {
    gap: 0.24rem;
    padding-bottom: 0.06rem;
  }

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

  #liver-shell.mobile-tab-mode .home-pk-card__badge,
  #lp-phone-demo .home-pk-card__badge,
  .phone--demo .home-pk-card__badge {
    font-size: 0.8rem !important;
    font-weight: 800;
    margin-bottom: 0.04rem;
    line-height: 1.15;
  }

  #liver-shell.mobile-tab-mode .home-pk-card__score,
  #lp-phone-demo .home-pk-card__score,
  .phone--demo .home-pk-card__score {
    font-size: 1.1rem !important;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
  }

  #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.75em;
    font-weight: 500;
  }

  #liver-shell.mobile-tab-mode .home-pk-card__meta,
  #lp-phone-demo .home-pk-card__meta,
  .phone--demo .home-pk-card__meta,
  #liver-shell.mobile-tab-mode .phone-pk-row small,
  #lp-phone-demo .phone-pk-row small,
  .phone--demo .phone-pk-row small {
    font-size: var(--home-pk-meta) !important;
    line-height: var(--home-vs-meta-lh);
  }

  #liver-shell.mobile-tab-mode .home-pk-card__meta,
  #lp-phone-demo .home-pk-card__meta,
  .phone--demo .home-pk-card__meta {
    margin-top: 0.02rem;
  }

  #liver-shell.mobile-tab-mode .home-pk-recent__time,
  #liver-shell.mobile-tab-mode .home-pk-recent__opp,
  #lp-phone-demo .home-pk-recent__time,
  #lp-phone-demo .home-pk-recent__opp,
  .phone--demo .home-pk-recent__time,
  .phone--demo .home-pk-recent__opp {
    font-size: var(--home-pk-meta);
    line-height: var(--home-vs-meta-lh);
    margin-top: 0.02rem;
  }

  #liver-shell.mobile-tab-mode .home-battle-chip {
    min-height: unset;
    gap: 0.06rem;
  }

  #liver-shell.mobile-tab-mode .home-battle-chip__format,
  #liver-shell.mobile-tab-mode .home-battle-chip__vs,
  #liver-shell.mobile-tab-mode .home-battle-chip__time,
  #liver-shell.mobile-tab-mode .home-battle-chip__rank,
  #liver-shell.mobile-tab-mode .home-battle-chip__diff {
    font-size: var(--home-vs-meta);
    line-height: var(--home-vs-meta-lh);
  }

  /* PKサマリー · ラベルのみ */
  #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(--home-vs-meta) !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.22rem 0.14rem;
  }

  /* TOPギフター一覧 */
  #liver-shell.mobile-tab-mode .home-gifter-row,
  #lp-phone-demo .home-gifter-row,
  .phone--demo .home-gifter-row {
    padding: 0.18rem 0.2rem;
    gap: 0.18rem;
    grid-template-columns: auto 1fr auto;
  }

  #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__name,
  #lp-phone-demo .home-gifter-row__name,
  .phone--demo .home-gifter-row__name {
    font-size: 0.96rem !important;
    font-weight: 600;
  }

  #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(--home-vs-meta) !important;
    font-weight: 600;
  }

  #liver-shell.mobile-tab-mode .home-ai-item,
  #lp-phone-demo .home-ai-item,
  .phone--demo .home-ai-item {
    padding: 0.22rem 0.26rem;
  }

  #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(--home-vs-meta);
    line-height: var(--home-vs-meta-lh);
  }

  #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.88rem;
  }

  #lp-phone-demo .phone-bar-labels,
  .phone--demo .phone-bar-labels {
    font-size: 0.62rem;
  }

  /* ── マイページ — TikTok連携 · データ収集（Manager密度） ── */
  #liver-shell.mobile-tab-mode #mypage-tiktok-link-row,
  #liver-shell.mobile-tab-mode #mypage-collector-row,
  #lp-phone-demo .phone-mypage-card:has(.phone-mypage-meta),
  .phone--demo .phone-mypage-card:has(.phone-mypage-meta) {
    padding: 0.36rem 0.38rem !important;
    border-radius: 9px;
  }

  #liver-shell.mobile-tab-mode #mypage-tiktok-link-row .phone-mypage-card__label,
  #liver-shell.mobile-tab-mode #mypage-collector-row .phone-mypage-card__label,
  #lp-phone-demo .phone-mypage-card:has(.phone-mypage-meta) .phone-mypage-card__label,
  .phone--demo .phone-mypage-card:has(.phone-mypage-meta) .phone-mypage-card__label {
    font-size: 0.58rem !important;
    margin-bottom: 0.1rem;
    letter-spacing: 0.04em;
  }

  #liver-shell.mobile-tab-mode #mypage-tiktok-link-row .phone-mypage-meta,
  #liver-shell.mobile-tab-mode #mypage-collector-row .phone-mypage-meta,
  #lp-phone-demo .phone-mypage-card:has(.phone-mypage-meta) .phone-mypage-meta,
  .phone--demo .phone-mypage-card:has(.phone-mypage-meta) .phone-mypage-meta {
    gap: 0.14rem;
  }

  #liver-shell.mobile-tab-mode #mypage-tiktok-link-row .phone-mypage-meta__row,
  #liver-shell.mobile-tab-mode #mypage-collector-row .phone-mypage-meta__row,
  #lp-phone-demo .phone-mypage-card:has(.phone-mypage-meta) .phone-mypage-meta__row,
  .phone--demo .phone-mypage-card:has(.phone-mypage-meta) .phone-mypage-meta__row {
    font-size: 0.62rem !important;
    gap: 0.28rem;
  }

  #liver-shell.mobile-tab-mode #mypage-tiktok-link-row .phone-mypage-meta__row dt,
  #liver-shell.mobile-tab-mode #mypage-collector-row .phone-mypage-meta__row dt,
  #lp-phone-demo .phone-mypage-card:has(.phone-mypage-meta) .phone-mypage-meta__row dt,
  .phone--demo .phone-mypage-card:has(.phone-mypage-meta) .phone-mypage-meta__row dt {
    font-size: 0.58rem !important;
  }

  #liver-shell.mobile-tab-mode #mypage-tiktok-link-row .phone-mypage-meta__row dd,
  #liver-shell.mobile-tab-mode #mypage-collector-row .phone-mypage-meta__row dd,
  #lp-phone-demo .phone-mypage-card:has(.phone-mypage-meta) .phone-mypage-meta__row dd,
  .phone--demo .phone-mypage-card:has(.phone-mypage-meta) .phone-mypage-meta__row dd {
    font-size: 0.62rem !important;
    line-height: 1.28;
  }

  #liver-shell.mobile-tab-mode #mypage-collector-row .phone-mypage-stats {
    margin-top: 0.28rem;
    gap: 0.22rem;
  }

  #liver-shell.mobile-tab-mode #mypage-collector-row .phone-mypage-stat {
    padding: 0.22rem 0.18rem;
  }

  #liver-shell.mobile-tab-mode #mypage-collector-row .phone-mypage-stat__label {
    font-size: 0.56rem !important;
  }

  /* 実アプリ mypage-card（TikTok / 収集） */
  #liver-shell.mobile-tab-mode .mypage-card .mypage-card__label {
    font-size: 0.58rem !important;
  }

  #liver-shell.mobile-tab-mode .mypage-meta {
    gap: 0.14rem;
  }

  #liver-shell.mobile-tab-mode .mypage-meta__row dt {
    font-size: 0.58rem !important;
  }

  #liver-shell.mobile-tab-mode .mypage-meta__row dd {
    font-size: 0.62rem !important;
    line-height: 1.28;
  }

  /* ── 実アプリ home-dashboard — LP live-stats-density と同一トークン ── */
  #liver-shell.mobile-tab-mode .home-dashboard .home-block,
  #liver-shell.mobile-tab-mode .home-dashboard .home-pk-card {
    padding: var(--ls-block-pad, 0.14rem 0.16rem) !important;
  }

  #liver-shell.mobile-tab-mode .home-dashboard .home-pk-card__badge {
    font-size: var(--ls-pk-badge, 0.52rem) !important;
    margin-bottom: 0.04rem !important;
  }

  #liver-shell.mobile-tab-mode .home-dashboard .home-pk-card__meta,
  #liver-shell.mobile-tab-mode .home-dashboard .home-block__meta,
  #liver-shell.mobile-tab-mode .home-dashboard .home-block__action {
    font-size: var(--ls-meta, 0.58rem) !important;
    line-height: 1.25 !important;
  }

  #liver-shell.mobile-tab-mode .home-dashboard .home-block__title {
    font-size: var(--ls-section, 0.68rem) !important;
    line-height: 1.2 !important;
  }

  #liver-shell.mobile-tab-mode .home-dashboard .home-pk-summary__label,
  #liver-shell.mobile-tab-mode .home-dashboard .home-stat-card__label {
    font-size: var(--ls-kpi-label, 0.58rem) !important;
    line-height: 1.2 !important;
  }

  #liver-shell.mobile-tab-mode .home-dashboard .home-stat-card__sub {
    font-size: var(--ls-kpi-sub, 0.54rem) !important;
    line-height: 1.25 !important;
  }

  #liver-shell.mobile-tab-mode .home-dashboard .home-profile-strip__handle {
    font-size: var(--ls-meta, 0.58rem) !important;
  }

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