/*
 * フレネミー将棋 v2 — 級（銅・銀・金・プラチナ）の色（I48 §4.1・I47 N8 ZUKAN）。v2 の画面（戦績・称号・名鑑の図鑑とランキング）の共通。
 * 写した元: 旧 features/records/records.css の --tier-* と .tier-<key>（:7-45）・--medal-* の級の別名・プラチナの虹（:535-541）・
 * med-shimmer・キャラ図鑑（.zk-*）と勲章のカード（.medalup）の色（:669-711）。値は旧と同じ（test/v2-tiers-css.test.mjs が比べる）。
 * - クラス名 .tier-<key> は束の級（repo/factors.js の getTiers() の cls）と同じ。
 * - 旧で色を直書きしていた .zk-*・.medalup は --tier-* で書き直した（クラスも getTiers() の cls に合わせて .tier-<key>）。
 * - ダークモードは旧と同じ（prefers-color-scheme と :root[data-theme='dark'] の 2 か所で上書き）。
 */
:root {
  --tier-bronze-1: #ecc29c;
  --tier-bronze-2: #c98a55;
  --tier-bronze-ink: #3a1f08;
  --tier-silver-1: #f4f6f9;
  --tier-silver-2: #9aa4b1;
  --tier-silver-ink: #2d3540;
  --tier-gold-1: #ffe68f;
  --tier-gold-2: #d39a17;
  --tier-gold-ink: #3d2a00;
  --tier-platinum-1: #e9ecff;
  --tier-platinum-2: #8b7fe0;
  --tier-platinum-ink: #2a2b48;
  --tier-platinum-bg: linear-gradient(115deg, #ffd6e8, #ffe9b0 18%, #d4f7c9 36%, #c6ecff 54%, #dccbff 72%, #ffd6e8 90%);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --tier-bronze-1: #dca37a;
    --tier-bronze-2: #c98a55;
    --tier-silver-1: #dfe4ea;
    --tier-silver-2: #9aa4b1;
    --tier-gold-1: #ffdf73;
    --tier-gold-2: #c98d12;
    --tier-platinum-2: #9d90f0;
  }
}
:root[data-theme='dark'] {
  --tier-bronze-1: #dca37a;
  --tier-bronze-2: #c98a55;
  --tier-silver-1: #dfe4ea;
  --tier-silver-2: #9aa4b1;
  --tier-gold-1: #ffdf73;
  --tier-gold-2: #c98d12;
  --tier-platinum-2: #9d90f0;
}
.tier-bronze { --t1: var(--tier-bronze-1); --t2: var(--tier-bronze-2); --tink: var(--tier-bronze-ink); --tbg: linear-gradient(135deg, var(--t1), var(--t2)); }
.tier-silver { --t1: var(--tier-silver-1); --t2: var(--tier-silver-2); --tink: var(--tier-silver-ink); --tbg: linear-gradient(135deg, var(--t1), var(--t2)); }
.tier-gold { --t1: var(--tier-gold-1); --t2: var(--tier-gold-2); --tink: var(--tier-gold-ink); --tbg: linear-gradient(135deg, var(--t1), var(--t2)); }
.tier-platinum { --t1: var(--tier-platinum-1); --t2: var(--tier-platinum-2); --tink: var(--tier-platinum-ink); --tbg: var(--tier-platinum-bg); }
/* 虹の縁（旧 records.css の #9f92ea。プラチナのカード・印の縁） */
:root {
  --tier-platinum-edge: #9f92ea;
}
/* 級の別名（旧 --medal-*。特別称号の段階・グラフなど） */
:root {
  --medal-bronze-1: var(--tier-bronze-1);
  --medal-bronze-2: var(--tier-bronze-2);
  --medal-bronze-ink: var(--tier-bronze-ink);
  --medal-silver-1: var(--tier-silver-1);
  --medal-silver-2: var(--tier-silver-2);
  --medal-silver-ink: var(--tier-silver-ink);
  --medal-gold-1: var(--tier-gold-1);
  --medal-gold-2: var(--tier-gold-2);
  --medal-gold-ink: var(--tier-gold-ink);
  --medal-plat-ink: var(--tier-platinum-ink);
  --medal-rainbow: var(--tier-platinum-bg);
}
@keyframes med-shimmer { from { background-position: 0% 0; } to { background-position: 200% 0; } }

/* 級の地（バッジ・チップ・段位の点など。.tier-<key> と一緒に付ける）。プラチナは虹が流れる */
.tier-bg { background: var(--tbg); color: var(--tink); border-color: var(--t2); }
.tier-bg.tier-platinum { background-size: 200% 100%; animation: med-shimmer 6s linear infinite; }

/* プラチナの虹のカード（特別称号・ルールマップのマス・図鑑のカードで同じ 1 つ。旧 records.css :535） */
.tier-card.tier-platinum, .med-ach.is-earned.tier-platinum, .rm-cell.tier-platinum, .zk-item.tier-platinum {
  background: var(--medal-rainbow);
  background-size: 200% 100%;
  border-color: var(--tier-platinum-edge);
  color: var(--medal-plat-ink);
  box-shadow: 0 0 8px rgba(159, 146, 234, 0.6);
}

/* 図鑑のカードの級（旧 .zk-bronze ほか。色の直書き #b87333・#9aa4ad・#d4a514 を --tier-*-2 に） */
.zk-item.tier-bronze { border-color: var(--tier-bronze-2); background: color-mix(in srgb, var(--tier-bronze-2) 12%, var(--bg-2)); }
.zk-item.tier-silver { border-color: var(--tier-silver-2); background: color-mix(in srgb, var(--tier-silver-2) 18%, var(--bg-2)); }
.zk-item.tier-gold { border-color: var(--tier-gold-2); background: color-mix(in srgb, var(--tier-gold-2) 14%, var(--bg-2)); }
/* 虹の上の説明は地の文字色で読めるように */
.zk-item.tier-platinum :is(.zk-desc, .zk-next, .zk-tier, .zk-prog, .zk-lock) { color: inherit; }
.zk-item.tier-platinum :is(.zk-desc, .zk-next) { opacity: 0.8; }
.zk-sum-item.tier-platinum { border-radius: 999px; padding: 2px 8px; background: var(--medal-rainbow); color: var(--medal-plat-ink); }

/* 勲章（図鑑の段階）を取ったカード: 段階ごとの枠・金とプラチナは光る（旧 .medalup.medal-1〜4。#8b5cf6 → --tier-platinum-2） */
.medalup.tier-bronze .rankup-card { border: 3px solid var(--tier-bronze-2); }
.medalup.tier-silver .rankup-card { border: 3px solid var(--tier-silver-2); }
.medalup.tier-gold .rankup-card { border: 3px solid var(--tier-gold-2); box-shadow: 0 0 24px color-mix(in srgb, var(--tier-gold-2) 60%, transparent); }
.medalup.tier-platinum .rankup-card { border: 3px solid var(--tier-platinum-2); box-shadow: 0 0 28px color-mix(in srgb, var(--tier-platinum-2) 65%, transparent); }

@media (prefers-reduced-motion: reduce) {
  .tier-bg.tier-platinum { animation: none !important; }
}

/* 級の札と段階の点（ui/tier-marks.js。名鑑のキャラ図鑑のカードと称号のカードで同じ。札は折り返さない） */
.zk-tier { font-size: 0.75rem; padding: 0 6px; border-radius: 999px; border: 1px solid transparent; white-space: nowrap; }
.zk-tier.is-zero { color: var(--text-2); }
.zk-dots { display: flex; gap: 3px; }
.zk-dot { width: 8px; height: 8px; border-radius: 50%; border: 1px solid var(--text-2); font-size: 0.55rem; line-height: 6px; }
.zk-dot.is-got { background: var(--text-2); }
.zk-dot.is-none { border-style: dashed; opacity: 0.6; }