タクトアリーナ ―戦略オートバトラーゲーム

【目的/対象】配置と育成の戦略性で勝敗が決まる「オートバトラー」を初めて遊ぶ層〜戦略ゲーム好きまで対象にした、登録不要のブラウザ対戦ゲーム。既存の格闘・カードバトル・タワーディフェンスとは異なる『ショップで駒を買い、盤面に並べたら結果は自動観戦』という中毒性の高いジャンルを提供する。

【主要機能】
1. 準備フェーズ：所持ゴールドで8種族×3レアリティのユニットをショップから購入し、六角グリッド盤面へドラッグ配置。同一ユニット3体so合成すると星3に進化しステータス強化。
2. 種族/職業シナジー：炎・氷・光・闇など6属性の組合せ数に応じて全体バフが自動発動、盤面上にオーラ演出。
3. 自動戦闘フェーズ：配置終了後、Canvasでユニット同士がルールベースAIにより自動で移動・攻撃・スキル発動。プレイヤー操作は不要で結果を観戦。
4. 8人ラウンド制対戦：疑似CPU7人と同時進行、ラウンドごとに敗北するとライフが減少、ライフ0で脱落。最終順位に応じてスコア加算。
5. デイリーチャレンジ固定シードモードとフリー対戦モード、図鑑（全24ユニットの入手率・ステータス閲覧）。
6. 対戦終了後、MySQLへスコア送信しグローバルランキング（週間/累計）を表示。

【画面構成】タイトル画面（モード選択）→ロビー→準備フェーズ画面（ショップ・盤面・シナジー表示）→自動戦闘観戦画面→ラウンド結果→最終順位画面、図鑑画面、ランキング画面。全画面レスポンシブ対応、スマホは縦持ちでタップ操作、PCはドラッグ&ドロップ。

【データ構造】users(id,name,created_at)、matches(id,user_id,final_rank,score,mode,created_at)、rankings集計はmatchesから週間・累計を都度算出。ユニットマスタと戦闘ロジックはJS内蔵JSONで管理しDB化不要。

【デザイン方向性】ネオンとパステルを融合したファンタジー調。丸みのある太い輪郭線、俯瞰気味のカメラで盤面全体を見渡せる構図。BGMはWeb Audio APIでAudioContext.currentTime基準に先読みスケジューリング。準備フェーズはBPM100 4/4のシンセパッド+ピチカートベースの落ち着いた8小節ループ、戦闘フェーズはBPM140にテンポアップしドラム+ディストーションベースを追加、4小節ごとにフィルを挿入。BGM/SE音量を個別スライダーで調整可能にし、ミュートボタンと画面遷移時のノード解放処理を実装する。

## BGM品質要件
- アプリの雰囲気に合うジャンル・BPM・拍子を定め、ドラム、ベース、和声、メロディの4層で構成する
- 最低8小節またはA/Bの2展開を作り、休符、アクセント、フィル、フレーズ変化を入れる
- Web Audio APIはAudioContext.currentTime基準で先読みし、BGM/SE別音量・ミュート・停止処理を実装する
- 単一オシレーターの持続音や1〜3音だけの反復はBGMとして不可

## ビジュアル品質要件
- 生成済み素材を仕様内の用途・表示場所で実際に使用し、未使用素材を残さない
- 画風・配色・キャラクター比率を全画面で統一し、文字はHTML/CSSで重ねる
- PC・スマホで画像の欠け、引き伸ばし、文字との重なりがないことを開発完了前に確認する