/**
 * KPI数字 — 390px で桁切れ・省略なし（ホーム / VS / 通算 / LPデモ共通）
 */

/* ── グリッド: 4列だと「248,600」が収まらない → モバイルは2列 ── */
@media (max-width: 960px) {
  .phone-pk-career-grid,
  .pk-career__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #liver-shell.mobile-tab-mode .home-dashboard:not(.phone-demo-home) .home-pk-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* ── KPIセル: クリップ禁止 ── */
.phone-pk-career,
.pk-career__cell,
.home-pk-summary__cell,
.home-stat-card,
.phone-stat-row > div,
.phone-kpi,
.phone-vs-hero,
.phone-pk-hero,
.cr-record__spotlight,
.cr-record__spotlight-stat,
.cr-record__spotlight-copy {
  min-width: 0;
  overflow: visible;
}

.phone-pk-career__val,
.pk-career__value,
.home-pk-summary__value,
.home-stat-card__value,
.phone-stat-row span,
.phone-kpi__val,
.phone-kpi__val--num,
.phone-vs-hero__count,
.phone-pk-hero__val,
.home-pk-card__score,
.phone-pk-row span:nth-child(2),
.vs-hero__count,
.phone-vs-opponent__stat,
.cr-record__spotlight-val {
  display: block;
  max-width: 100%;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  word-break: keep-all;
  hyphens: none;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.home-stat-card__value--name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ── 長い数値: セル幅に合わせて可読サイズを自動調整 ── */
@media (max-width: 960px) {
  .phone-pk-career__val,
  .pk-career__value {
    font-size: clamp(0.78rem, 3.8vw, 1.24rem);
  }

  .home-pk-summary__value {
    font-size: clamp(0.82rem, 4vw, 1.56rem);
  }

  .phone-stat-row span {
    font-size: clamp(0.72rem, 3.2vw, 1.3rem);
  }

  .phone-kpi__val,
  .phone-kpi__val--num {
    font-size: clamp(0.85rem, 4.5vw, 1.1rem);
  }
}

@media (max-width: 390px) {
  .cr-record--phone .cr-record__spotlight-val {
    font-size: clamp(1.5rem, 7.8cqi, 1.95rem);
  }

  .phone-pk-career {
    padding: 0.38rem 0.3rem;
  }

  .phone-pk-career__label,
  .pk-career__label {
    font-size: 0.72rem;
    line-height: 1.25;
  }

  .phone-pk-career__val,
  .pk-career__value {
    font-size: clamp(0.74rem, 3.4vw, 1.05rem);
  }
}