/* =============================================================
   fx.css — ページごとの見せ場の共通部品（2026-10-14 第3段）
   ・演出レイヤーはクリックを奪わない
   ・キャンバスは「後から」フェードで出す（文字は先に出ている）
   ============================================================= */
.fx-layer { position: absolute; inset: 0; pointer-events: none; z-index: 0; }
.fx-layer canvas { position: absolute; inset: 0; width: 100% !important; height: 100% !important; display: block; }
.fx-fade { opacity: 0; transition: opacity 1.4s var(--ease-smooth); }
.fx-fade.is-on { opacity: 1; }

/* 和文ラベルの併記（英字ラベルの後ろに小さく和文） */
.label .ja, .fx-ja { font-family: var(--font-sans); font-size: 12px; letter-spacing: .18em; color: var(--gray-light); margin-left: .9em; text-transform: none; }

@media (prefers-reduced-motion: reduce) {
  .fx-fade { opacity: 1; transition: none; }
}