Wireframe Cube

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

【演出内容】
- 半透明の面と輪郭線でできた立方体が、斜めの軸でゆっくり回転し続ける

【品質要件】
- 面はごく薄い半透明にして、奥の面が透けて見えるようにする
- 等速回転で1周9秒前後にする
- ループの継ぎ目が分からないよう、終了時の状態と開始時の状態を完全に一致させる
- prefers-reduced-motion 時はアニメーションを止め、静止した完成状態で表示する

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

[Motion]
- A cube of translucent faces and edges rotates slowly on a tilted axis

[Quality]
- Faces barely translucent so rear faces show through
- Linear rotation, ~9s per revolution
- 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