/**
 * Live Stats — ホームモック再現（≤960px）
 */

@media (max-width: 960px) {
  #liver-shell.mobile-tab-mode {
    --mock-bg: #0b0e14;
    --mock-card: rgba(18, 22, 34, 0.92);
    --mock-border: rgba(255, 255, 255, 0.08);
    --mock-purple: #a855f7;
    --mock-blue: #60a5fa;
  }

  /* デスクトップ用ヘッダーは非表示（モック: ☰ TikLog 🔔） */
  #liver-shell.mobile-tab-mode .dash-header.growth-header {
    display: none !important;
  }

  #liver-shell.mobile-tab-mode .main.liver-main {
    background: var(--mock-bg);
    padding-top: 0.15rem;
  }

  #liver-shell.mobile-tab-mode .bg-grid,
  #liver-shell.mobile-tab-mode .bg-glow {
    opacity: 0.35;
  }

  /* ── ヘッダー（TikLog / ティックログ / TikTok LIVE分析ツール） ── */
  #liver-shell.mobile-tab-mode[data-mobile-tab='home'] .mobile-brand-header__body {
    align-self: center;
  }

  #liver-shell.mobile-tab-mode[data-mobile-tab='home'] .mobile-brand-header__en {
    font-size: 1.22rem;
  }

  #liver-shell.mobile-tab-mode[data-mobile-tab='home'] .mobile-brand-header__ja {
    font-size: 0.74rem;
  }

  #liver-shell.mobile-tab-mode[data-mobile-tab='home'] .mobile-brand-header__tag {
    font-size: 0.54rem;
  }

  .mobile-brand-header__notify {
    position: relative;
  }

  .mobile-brand-header__notify-dot {
    position: absolute;
    top: 0.35rem;
    right: 0.35rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: #ef4444;
    box-shadow: 0 0 6px rgba(239, 68, 68, 0.8);
  }

  /* ── プロフィール ── */
  .home-profile-strip {
    padding: 0.15rem 0 0.25rem;
  }

  .home-profile-strip__avatar {
    width: 3rem;
    height: 3rem;
    font-size: 1.15rem;
    box-shadow: 0 0 16px rgba(124, 58, 237, 0.25);
  }

  .home-profile-strip__name {
    font-size: 1.05rem;
  }

  .home-profile-strip__name-row .profile-league-badge--home {
    font-size: 0.62rem;
    padding: 0.2rem 0.55rem;
    box-shadow: 0 0 12px rgba(168, 85, 247, 0.35);
  }

  /* ── 4指標 2×2 ── */
  .home-stat-card {
    border-radius: 16px;
    border: 1px solid var(--mock-border);
    background: var(--mock-card);
    min-height: 5.75rem;
    padding: 0.7rem 0.65rem;
  }

  .home-stat-card__label {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.64rem;
    color: rgba(255, 255, 255, 0.55);
  }

  .home-stat-card__icon {
    font-size: 0.85rem;
  }

  .home-stat-card__value {
    font-family: var(--font-display, 'Orbitron', sans-serif);
    font-size: clamp(1.25rem, 5.8vw, 1.55rem);
    font-weight: 700;
    margin-top: 0.35rem;
    line-height: 1.1;
  }

  .home-stat-card--diamond .home-stat-card__value::after {
    content: ' 💎';
    font-size: 0.85em;
  }

  .home-stat-card--gifter .home-stat-card__value {
    font-family: inherit;
    font-size: 0.88rem;
    font-weight: 700;
  }

  .home-stat-card__sub--up {
    color: #6ee7b7;
  }

  /* ── クイックナビ（角丸スクエア） ── */
  .home-quick-nav {
    gap: 0.35rem;
    padding: 0.25rem 0;
  }

  .home-quick-nav__item {
    padding: 0.45rem 0.15rem;
    border-radius: 12px;
    border: 1px solid transparent;
    background: rgba(255, 255, 255, 0.02);
  }

  .home-quick-nav__item--active {
    background: linear-gradient(180deg, rgba(124, 58, 237, 0.45), rgba(59, 130, 246, 0.2));
    border-color: rgba(168, 85, 247, 0.45);
    box-shadow: 0 0 14px rgba(124, 58, 237, 0.25);
    color: #faf5ff;
  }

  .home-quick-nav__icon {
    font-size: 1.05rem;
  }

  /* ── セクションカード ── */
  .home-block {
    padding: 0.65rem 0.7rem;
    border-radius: 16px;
    background: var(--mock-card);
    border: 1px solid var(--mock-border);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  }

  .home-block__title {
    font-size: 0.82rem;
    font-weight: 700;
  }

  .home-block__action {
    font-size: 0.72rem;
    padding: 0.52rem 0.8rem;
    border-color: rgba(96, 165, 250, 0.5);
    background: rgba(59, 130, 246, 0.16);
  }

  .home-block__link {
    font-size: 0.62rem;
    color: rgba(147, 197, 253, 0.9);
  }

  .home-league-snippet {
    font-size: 1.12rem;
  }

  /* ── 直近PK ヒーロー ── */
  .home-pk-hero {
    padding: 0.5rem 0.25rem;
    gap: 0.25rem;
  }

  .home-pk-hero__badge {
    font-size: 0.58rem;
    padding: 0.12rem 0.4rem;
    border-radius: 6px;
    border: 1px solid transparent;
  }

  .home-pk-hero__badge--win {
    border-color: rgba(96, 165, 250, 0.4);
  }

  .home-pk-hero__badge--lose {
    border-color: rgba(248, 113, 113, 0.35);
  }

  .home-pk-hero__avatar {
    width: 2.35rem;
    height: 2.35rem;
    font-size: 0.85rem;
  }

  .home-pk-hero__name {
    margin: 0;
    font-size: 0.58rem;
    color: rgba(255, 255, 255, 0.72);
    max-width: 4.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
  }

  .home-pk-hero__score {
    font-size: 1.15rem;
    margin-top: 0.05rem;
  }

  .home-pk-hero__vs {
    font-size: 0.62rem;
    color: rgba(255, 255, 255, 0.4);
  }

  .home-pk-hero__time {
    font-size: 0.58rem;
  }

  /* ── リーグ D5→D1 ── */
  .home-league-current {
    padding: 0.35rem 0 0.15rem;
  }

  .home-league-track {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 0.15rem;
    width: 100%;
  }

  .home-league-step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .home-league-step__label {
    font-size: 0.72rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.35);
    padding: 0.2rem 0.15rem;
  }

  .home-league-chev {
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.25);
    margin: 0 0.05rem;
  }

  .home-league-hex {
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    background: linear-gradient(145deg, rgba(168, 85, 247, 0.35), rgba(236, 72, 153, 0.2));
    clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0% 50%);
    box-shadow: 0 0 18px rgba(168, 85, 247, 0.45);
  }

  .home-league-hex__label {
    font-family: var(--font-display, 'Orbitron', sans-serif);
    font-size: 0.72rem;
    font-weight: 800;
    color: #faf5ff;
  }

  /* ── PKサマリー 2×4 ── */
  .home-pk-summary-grid {
    gap: 0.4rem;
  }

  .home-pk-summary__cell {
    padding: 0.45rem 0.2rem;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.22);
    border: 1px solid rgba(255, 255, 255, 0.05);
  }

  .home-pk-summary__label {
    font-size: 0.52rem;
  }

  .home-pk-summary__value {
    font-size: 0.82rem;
    margin-top: 0.15rem;
  }

  .home-pk-summary__cell--win .home-pk-summary__value {
    color: var(--mock-blue);
  }

  .home-pk-summary__cell--lose .home-pk-summary__value {
    color: #f87171;
  }

  .home-pk-summary__cell--streak .home-pk-summary__value {
    color: #fb923c;
  }

  /* ── TOPギフター ── */
  .home-gifter-row {
    padding: 0.45rem 0.15rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }

  .home-gifter-row:last-child {
    border-bottom: none;
  }

  .home-gifter-row__avatar {
    width: 1.85rem;
    height: 1.85rem;
    font-size: 0.72rem;
  }

  .home-gifter-row__bar {
    background: linear-gradient(90deg, #3b82f6, #60a5fa);
    box-shadow: 0 0 8px rgba(59, 130, 246, 0.35);
  }

  .home-gifter-row__diamonds {
    font-size: 0.68rem;
    color: #93c5fd;
  }

  /* 下部タブ — mobile-tab-mode 時のみ */
  #liver-shell.mobile-tab-mode .mobile-nav {
    display: flex !important;
    background: rgba(8, 10, 18, 0.96);
    border-top: 1px solid rgba(124, 58, 237, 0.2);
  }

  #liver-shell.mobile-tab-mode .mobile-nav__item--active {
    color: #faf5ff;
    background: linear-gradient(180deg, rgba(124, 58, 237, 0.4), rgba(59, 130, 246, 0.12));
    box-shadow: inset 0 -2px 0 var(--mock-purple);
  }
}

@media (min-width: 961px) {
  .mobile-nav {
    display: none !important;
  }
}