/* 数秘術の図 (#1163)。
 *
 * - .number-mark: **その回に出た数そのもの**。先頭 (生まれの数) を大きく、続く数 (誕生日の数・
 *   対象の時期の巡り) を小さく並べる。A-5 は「図は忠実に、名前は出さない」— 数字は図として出してよく、
 *   ライフパス等の型の名前は出さない。
 * - 段階表示は汎用の儀式契約 (#854) に載る (pillar_reveal.css と同じ)。
 */

.number-mark {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 0.75rem;
  font-variant-numeric: lining-nums;
}

.number-mark__digit {
  font-size: 1.25rem;
  line-height: 1;
  color: oklch(45% 0.09 290); /* 伏せ札 (card-fan) と同系の紫 */
}

.number-mark__digit--primary {
  font-size: 2.25rem;
  font-weight: 600;
}

/* 段階表示の初期値 (controller が --pending を外すと基底 transition で戻る) */
.number-mark__digit.ritual-step--pending {
  opacity: 0;
  transform: translateY(0.4rem);
}