Orbiting Dots

【対象要素】
- ヒーローや空きスペースの装飾グラフィックに適用する

【演出内容】
- 破線の同心円の軌道の上を、小さなドットがそれぞれ異なる周期で周回し続ける

【品質要件】
- 軌道は正円にし、軌道線は破線でごく薄く描く
- ドットの周期は軌道ごとに変え、揃って見えないようにする
- ループの継ぎ目が分からないよう、終了時の状態と開始時の状態を完全に一致させる
- prefers-reduced-motion 時はアニメーションを止め、静止した完成状態で表示する

[Target]
- A decorative graphic in a hero or empty space

[Motion]
- Small dots orbit along dashed concentric circles, each with its own period

[Quality]
- Use perfect circles with faint dashed orbit lines
- Vary the periods so dots never sync up
- Make the loop seamless: the end state must match the start state exactly
- With prefers-reduced-motion, stop the animation and show a static finished state