スピリットフロント 精霊タワーストラテジー - 3分決着のリアルタイムタワー攻防バトル

【目的・対象】3分で1戦が終わる、スマホ/PC対応のリアルタイム・タワー防衛ストラテジーゲーム。マナを貯めてカードを配置し、精霊ユニットで相手タワーを破壊する短時間対戦を、通勤時間や隙間時間に気軽に楽しみたいカジュアル〜ライトストラテジー層向けに提供する。

【主要機能】
1. 3レーン(左・中央・右)のフィールドで自陣/敵陣それぞれメインタワー1・サブタワー2を配置。時間経過で自動回復するマナを消費し、手札4枚のカードをドラッグ&ドロップでレーンに配置して精霊ユニットを召喚。
2. ユニットは自動でレーンを進み、敵ユニット/タワーと接触すると自動戦闘。3分の制限時間内にタワー破壊数が多い方が勝利、同数なら残りタワーHP合算で判定。
3. CPU対戦(弱/中/強の3AI)。AIはコスト効率とレーン優先度に基づき配置判断を行う疑似思考ルーチン。
4. 50種の精霊カード(コモン/レア/エピック/レジェンダリー)を収集する図鑑。同カードの重複入手でレベルアップし攻撃力/HPが強化される。
5. 8枚のデッキ編成画面。コスト・タイプ(近接/遠隔/範囲/回復)のバランスを見ながら自由に組み替え可能。
6. 勝利後は宝箱演出でカード・コインを獲得し、トロフィー数に応じてアリーナ(ランク帯)背景が段階的に豪華になる。トロフィーランキングをMySQLで全国公開。

【画面構成】タイトル画面(プレイ/デッキ編成/図鑑/ランキングボタン)、バトル画面(Canvas全画面、上部に敵タワー&マナゲージ、下部に手札カード、中央3レーン)、デッキ編成画面(8枚選択+カード一覧グリッド)、コレクション図鑑(レアリティ別・レベル表示)、リザルト画面(宝箱アニメーション)、ランキング画面。

【データ構造(MySQL)】cards(id,name,rarity,cost,hp,atk,speed,type,image_url)、player_collection(player_id,card_id,count,level)、player_decks(player_id,card_ids)、match_results(player_id,result,trophies_delta,created_at)。対戦処理はクライアント側Canvasで完結し、結果のみサーバーへ送信。

【デザイン】ファンタジー×セルシェード調。太めの輪郭線、鮮やかな彩度高めの配色、精霊は丸みを帯びた愛らしいシルエット。アリーナ背景は昼/夜/雷雲など段階的に変化。

【BGM仕様】バトルBGM:シンセオーケストラ、120BPM・4/4拍子、8小節ループのA(緊張感のあるストリングス+パーカッション)/B(シンセベース+ブラス強調)展開、4小節ごとにハイハットフィル。メニューBGM:80BPM、アンビエントパッド+ハープ風アルペジオ。Web Audio APIでAudioContext.currentTime基準の先読みスケジューリングを行い、BGM/SE音量を独立制御、ミュートボタンと画面遷移時のノード解放(disconnect)を実装。効果音は召喚・激突・タワー破壊・勝利ファンファーレの4種を短い和音+ノイズバーストで生成。

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

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