/* =====================================================
   Theme B — DARK（ダーク）
   ゲーム・配信・ディープパープル＆ネオン
   ===================================================== */
[data-theme="B"] {
  --bg-primary:    #0D0D14;
  --bg-secondary:  #13131E;
  --bg-tertiary:   #1A1A2E;
  --bg-overlay:    rgba(13,13,20,0.95);

  --accent-primary: #7C3AED;
  --accent-glow:    #9D5CF6;
  --accent-neon:    #00F5A0;
  --accent-hot:     #FF6B35;
  --accent-gold:    #FFD700;
  --accent-danger:  #EF4444;

  --text-primary:   #F0F0FF;
  --text-secondary: #9090B0;
  --text-muted:     #4A4A68;
  --text-accent:    #C4A7F7;

  --border-subtle:  rgba(255,255,255,0.06);
  --border-active:  rgba(124,58,237,0.5);
  --border-glow:    rgba(124,58,237,0.8);

  --grad-hero:      linear-gradient(135deg, #0D0D14 0%, #1A0A2E 50%, #0D1220 100%);
  --grad-campaign:  linear-gradient(135deg, #7C3AED 0%, #4F46E5 100%);
  --grad-card-hot:  linear-gradient(135deg, rgba(255,107,53,0.12) 0%, rgba(124,58,237,0.05) 100%);

  --glow-primary:   0 0 28px rgba(124,58,237,0.5);
  --glow-card:      0 8px 32px rgba(124,58,237,0.25);
  --glow-neon:      0 0 20px rgba(0,245,160,0.6);

  --font-display:   'Inter', 'Noto Sans JP', sans-serif;
  --font-body:      'Noto Sans JP', sans-serif;

  --particle-color: rgba(124,58,237,0.5);
}

/* DARK専用スタイル */
[data-theme="B"] .site-header {
  background: rgba(13,13,20,0.92);
  backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(124,58,237,0.15);
}
[data-theme="B"] .logo-text { color: #C4A7F7; }
[data-theme="B"] .logo-icon { color: #7C3AED; }

/* グリッド背景 */
[data-theme="B"] .hero-bg-grid {
  background-image:
    linear-gradient(rgba(124,58,237,0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(124,58,237,0.07) 1px, transparent 1px);
  background-size: 44px 44px;
}
[data-theme="B"] .hero-eyebrow {
  color: #00F5A0;
  text-shadow: 0 0 10px rgba(0,245,160,0.5);
}
[data-theme="B"] .hero-title { color: #F0F0FF; }
[data-theme="B"] .hero-title-em {
  color: #9D5CF6;
  text-shadow: 0 0 40px rgba(124,58,237,0.7), 0 0 80px rgba(124,58,237,0.3);
  -webkit-text-fill-color: #9D5CF6;
}
[data-theme="B"] .hero-sub { color: #9090B0; }
[data-theme="B"] .hero-stat-num { color: #C4A7F7; }

[data-theme="B"] .btn--primary {
  background: linear-gradient(135deg, #7C3AED, #4F46E5);
  box-shadow: 0 0 24px rgba(124,58,237,0.5);
}
[data-theme="B"] .btn--primary:hover {
  box-shadow: 0 0 40px rgba(124,58,237,0.7);
}
[data-theme="B"] .btn--ghost {
  border-color: rgba(124,58,237,0.5);
  color: #C4A7F7;
}
[data-theme="B"] .btn--ghost:hover {
  background: rgba(124,58,237,0.15);
  border-color: rgba(124,58,237,0.8);
}

/* カード */
[data-theme="B"] .campaign-card { background: #13131E; border: 1px solid rgba(124,58,237,0.12); }
[data-theme="B"] .campaign-card:hover { border-color: rgba(124,58,237,0.4); box-shadow: 0 8px 32px rgba(124,58,237,0.25); }
[data-theme="B"] .campaign-card__title { color: #F0F0FF; }

[data-theme="B"] .game-card { background: #13131E; border: 1px solid rgba(124,58,237,0.1); }
[data-theme="B"] .game-card:hover { border-color: rgba(0,245,160,0.3); box-shadow: 0 0 20px rgba(0,245,160,0.15); transform: translateY(-3px); }
[data-theme="B"] .game-card__name { color: #F0F0FF; }
[data-theme="B"] .game-card__count { color: #9090B0; }

[data-theme="B"] .ranking-section { background: #13131E; border: 1px solid rgba(124,58,237,0.12); }
[data-theme="B"] .rank-row { border-bottom: 1px solid rgba(255,255,255,0.04); }
[data-theme="B"] .rank-row:hover { background: rgba(124,58,237,0.07); }
[data-theme="B"] .rank-number.rank-1 { color: #FFD700; text-shadow: 0 0 12px rgba(255,215,0,0.6); }
[data-theme="B"] .rank-number.rank-2 { color: #C0C0C0; }
[data-theme="B"] .rank-number.rank-3 { color: #CD7F32; }

[data-theme="B"] .section-title { color: #F0F0FF; }
[data-theme="B"] .section-more { color: #7C3AED; }
[data-theme="B"] .section-more:hover { color: #9D5CF6; }

[data-theme="B"] .game-tag { background: rgba(124,58,237,0.15); color: #C4A7F7; border: 1px solid rgba(124,58,237,0.25); }

[data-theme="B"] .cta-section { background: linear-gradient(135deg, #1A0A2E 0%, #0D1228 100%); border-top: 1px solid rgba(124,58,237,0.2); }

[data-theme="B"] .site-footer { background: #080810; border-top: 1px solid rgba(124,58,237,0.12); }

[data-theme="B"] .nav-badge { background: #7C3AED; }

[data-theme="B"] .video-card__thumb { background: #13131E; }