1. index.html
- <div id="threeContainer"> を追加
- <script type="module" src="webgl.js">
- tarot-component は #content 内で pointer-events: auto
2. webgl.js
- threeContainer に canvas を追加
- controls.enableDamping を有効化
- HUD 操作用の toggle イベントを window に公開
3. tarot-component.js
- AudioContext は module スコープで共有
- majorArcana.includes(name) で判定
- resetTarot() で animationCallbacks を解除
4. tarot-result-engine.js
- analysisInfo.majorArcanaCount を正しく計測
- 大アルカナが 2 枚以上の時は「大きな変化」メッセージ
カード UI と 3D 背景を緩やかに結合することで、占いロジックのテストが簡単になります。修正案を試すときは、demo8 の CTA から共有レポートにアクセスしてください。