Rotating Square Frames

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

【演出内容】
- 大きさの異なる正方形の枠線を同心に重ね、それぞれ別の速度・方向で回転させ続ける

【品質要件】
- 枠線は細く（1px）、外側ほど薄くして奥行きを出す
- 速度は内側ほど速くし、すべて等速回転にする
- ループの継ぎ目が分からないよう、終了時の状態と開始時の状態を完全に一致させる
- prefers-reduced-motion 時はアニメーションを止め、静止した完成状態で表示する

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

[Motion]
- Concentric square outlines rotate at different speeds and directions

[Quality]
- Thin (1px) strokes, fainter toward the outside for depth
- Inner squares faster; all rotations linear
- 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