/* =====================================================
   css/talents.generated.css
   data/talents.json から build.mjs が自動生成しています。
   このファイルを直接編集しないでください（次回ビルドで上書きされます）。
   読み込み順: style.css → members.css → talents.generated.css
   ===================================================== */

/* ---- タレント切替ナビ（旧 members.css 146-156） ---- */
.talent-nav__btn--ruka { background: #fff0f0; border-color: #dc2626; color: #dc2626; box-shadow: 3px 3px 0 #fca5a5; }
.talent-nav__btn--on { background: #eef0ff; border-color: #1e3a8a; color: #1e3a8a; box-shadow: 3px 3px 0 #93c5fd; }
.talent-nav__btn--tsui { background: #f1f5f9; border-color: #64748b; color: #64748b; box-shadow: 3px 3px 0 #cbd5e1; }
.talent-nav__btn--komaki { background: #e8f7ff; border-color: #0ea5e9; color: #0ea5e9; box-shadow: 3px 3px 0 #7dd3fc; }
.talent-nav__btn--miu { background: #fdf4ff; border-color: #c026d3; color: #c026d3; box-shadow: 3px 3px 0 #f0abfc; }
.talent-nav__btn--yayume { background: #faf5ff; border-color: #7c3aed; color: #7c3aed; box-shadow: 3px 3px 0 #c4b5fd; }

.talent-nav__btn--ruka:hover, .talent-nav__btn--ruka.is-active { background: #dc2626; color:#fff; border-color:#dc2626; transform:translate(-2px,-2px); box-shadow:5px 5px 0 #fca5a5; }
.talent-nav__btn--on:hover, .talent-nav__btn--on.is-active { background: #1e3a8a; color:#fff; border-color:#1e3a8a; transform:translate(-2px,-2px); box-shadow:5px 5px 0 #93c5fd; }
.talent-nav__btn--tsui:hover, .talent-nav__btn--tsui.is-active { background: #64748b; color:#fff; border-color:#64748b; transform:translate(-2px,-2px); box-shadow:5px 5px 0 #cbd5e1; }
.talent-nav__btn--komaki:hover, .talent-nav__btn--komaki.is-active { background: #0ea5e9; color:#fff; border-color:#0ea5e9; transform:translate(-2px,-2px); box-shadow:5px 5px 0 #7dd3fc; }
.talent-nav__btn--miu:hover, .talent-nav__btn--miu.is-active { background: #c026d3; color:#fff; border-color:#c026d3; transform:translate(-2px,-2px); box-shadow:5px 5px 0 #f0abfc; }
.talent-nav__btn--yayume:hover, .talent-nav__btn--yayume.is-active { background: #7c3aed; color:#fff; border-color:#7c3aed; transform:translate(-2px,-2px); box-shadow:5px 5px 0 #c4b5fd; }

/* ---- talent-row 背景グラデーション（旧 members.css 210-229） ---- */
.talent-row__illust-bg--ruka {
  background: linear-gradient(160deg, #efe3e3 0%, #ffc8c8 40%, #e05050 100%);
}
.talent-row__illust-bg--on {
  background: linear-gradient(160deg, #e0e6f4 0%, #9baee8 40%, #1e2e6e 100%);
}
.talent-row__illust-bg--tsui {
  background: linear-gradient(160deg, #e5e6e6 0%, #e5e6e6 40%, #e0e2ea 100%);
}
.talent-row__illust-bg--komaki {
  background: linear-gradient(160deg, #d6e9f2 0%, #b8e4ff 40%, #88cff8 100%);
}
.talent-row__illust-bg--miu {
  background: linear-gradient(160deg, #ece3ee 0%, #f5d0fe 40%, #f0abfc 100%);
}
.talent-row__illust-bg--yayume {
  background: linear-gradient(160deg, #e9e4ed 0%, #e9d8fd 40%, #c4b5fd 100%);
}

/* ---- talent-row アクセントライン 上下（旧 members.css 314-318 / 330-334） ---- */
.talent-row[data-member="ruka"]::before { background: linear-gradient(90deg, #dc2626, #fca5a5); }
.talent-row[data-member="on"]::before { background: linear-gradient(90deg, #1e3a8a, #93c5fd); }
.talent-row[data-member="tsui"]::before { background: linear-gradient(90deg, #64748b, #e2e8f0); }
.talent-row[data-member="komaki"]::before { background: linear-gradient(90deg, #0ea5e9, #7dd3fc); }
.talent-row[data-member="miu"]::before { background: linear-gradient(90deg, #c026d3, #f0abfc); }
.talent-row[data-member="yayume"]::before { background: linear-gradient(90deg, #7c3aed, #c4b5fd); }

.talent-row[data-member="ruka"]::after { background: linear-gradient(90deg, #fca5a5, #dc2626); }
.talent-row[data-member="on"]::after { background: linear-gradient(90deg, #93c5fd, #1e3a8a); }
.talent-row[data-member="tsui"]::after { background: linear-gradient(90deg, #e2e8f0, #64748b); }
.talent-row[data-member="komaki"]::after { background: linear-gradient(90deg, #7dd3fc, #0ea5e9); }
.talent-row[data-member="miu"]::after { background: linear-gradient(90deg, #f0abfc, #c026d3); }
.talent-row[data-member="yayume"]::after { background: linear-gradient(90deg, #c4b5fd, #7c3aed); }

/* ---- tr-accent（旧 members.css 508-512） ---- */
.tr-accent--ruka { background: linear-gradient(90deg, #dc2626, #fca5a5, transparent); }
.tr-accent--on { background: linear-gradient(90deg, #1e3a8a, #93c5fd, transparent); }
.tr-accent--tsui { background: linear-gradient(90deg, #64748b, #e2e8f0, transparent); }
.tr-accent--komaki { background: linear-gradient(90deg, #0ea5e9, #7dd3fc, transparent); }
.tr-accent--miu { background: linear-gradient(90deg, #c026d3, #f0abfc, transparent); }
.tr-accent--yayume { background: linear-gradient(90deg, #7c3aed, #c4b5fd, transparent); }

/* ---- members.html のカード（旧 members.css 569-573 / 582-586 / 665-669） ---- */
.mcard--ruka:hover { box-shadow: 6px 6px 0 #fca5a5; border-color: #dc2626; }
.mcard--on:hover { box-shadow: 6px 6px 0 #93c5fd; border-color: #1e3a8a; }
.mcard--tsui:hover { box-shadow: 6px 6px 0 #cbd5e1; border-color: #64748b; }
.mcard--komaki:hover { box-shadow: 6px 6px 0 #7dd3fc; border-color: #0ea5e9; }
.mcard--miu:hover { box-shadow: 6px 6px 0 #f0abfc; border-color: #c026d3; }
.mcard--yayume:hover { box-shadow: 6px 6px 0 #c4b5fd; border-color: #7c3aed; }

.mcard--ruka .mcard__img-wrap { background: linear-gradient(160deg, #fff0f0 0%, #ffc8c8 40%, #e05050 100%); }
.mcard--on .mcard__img-wrap { background: linear-gradient(160deg, #e8eeff 0%, #9baee8 40%, #1e2e6e 100%); }
.mcard--tsui .mcard__img-wrap { background: linear-gradient(160deg, #ffffff 0%, #f4f4f6 40%, #e0e2ea 100%); }
.mcard--komaki .mcard__img-wrap { background: linear-gradient(160deg, #e0f4ff 0%, #b8e4ff 40%, #88cff8 100%); }
.mcard--miu .mcard__img-wrap { background: linear-gradient(160deg, #fdf4ff 0%, #f5d0fe 40%, #f0abfc 100%); }
.mcard--yayume .mcard__img-wrap { background: linear-gradient(160deg, #faf5ff 0%, #e9d8fd 40%, #c4b5fd 100%); }

.mcard--ruka .mcard__info { border-top-color: #dc2626; }
.mcard--on .mcard__info { border-top-color: #1e3a8a; }
.mcard--tsui .mcard__info { border-top-color: #64748b; }
.mcard--komaki .mcard__info { border-top-color: #0ea5e9; }
.mcard--miu .mcard__info { border-top-color: #c026d3; }
.mcard--yayume .mcard__info { border-top-color: #7c3aed; }

/* ---- Pick Up カードのホバー影（旧 members.css 765-769） ---- */
[data-member="ruka"] .pickup-card:hover { box-shadow: 7px 7px 0 #fca5a5; border-color: #dc2626; }
[data-member="on"] .pickup-card:hover { box-shadow: 7px 7px 0 #93c5fd; border-color: #1e3a8a; }
[data-member="tsui"] .pickup-card:hover { box-shadow: 7px 7px 0 #cbd5e1; border-color: #64748b; }
[data-member="komaki"] .pickup-card:hover { box-shadow: 7px 7px 0 #7dd3fc; border-color: #0ea5e9; }
[data-member="miu"] .pickup-card:hover { box-shadow: 7px 7px 0 #f0abfc; border-color: #c026d3; }
[data-member="yayume"] .pickup-card:hover { box-shadow: 7px 7px 0 #c4b5fd; border-color: #7c3aed; }

/* ---- トップの顔アイコン（ロゴの同心円モチーフ） ---- */
/*      main=太いリング / sub=ハーフトーンのドット / bg=顔の背景 */
.micon--ruka { --micon-main: #dc2626; --micon-sub: #fca5a5; --micon-bg: #fff0f0; }
.micon--on { --micon-main: #1e3a8a; --micon-sub: #93c5fd; --micon-bg: #eef0ff; }
.micon--tsui { --micon-main: #64748b; --micon-sub: #e2e8f0; --micon-bg: #f1f5f9; }
.micon--komaki { --micon-main: #0ea5e9; --micon-sub: #7dd3fc; --micon-bg: #e8f7ff; }
.micon--miu { --micon-main: #c026d3; --micon-sub: #f0abfc; --micon-bg: #fdf4ff; }
.micon--yayume { --micon-main: #7c3aed; --micon-sub: #c4b5fd; --micon-bg: #faf5ff; }