Scramble Cycle

【対象要素】
- 見出しやロゴ横の短い単語（1語）に適用する

【演出内容】
- 文字がランダムな記号・英字に置き換わる「文字化け」状態と、正しい表記に確定した状態を周期的に繰り返す
- 確定は左の文字から順に波及させる

【品質要件】
- 等幅フォントで幅を固定し、化け中もレイアウトを揺らさない
- 確定した状態を1秒以上見せてから次の化けに入る
- prefers-reduced-motion 時はアニメーションを止め、静止した完成状態で表示する

[Target]
- A single short word next to a logo or heading

[Motion]
- The word cycles between a scrambled state (random glyphs) and the settled correct text
- Settling sweeps from left to right

[Quality]
- Use a monospaced font so layout never shifts
- Show the settled state for at least 1s before scrambling again
- With prefers-reduced-motion, stop the animation and show a static finished state