スマッシュコート・スターズ - ネオンテニスアリーナ対戦ゲーム

【目的・ターゲット】爽快な操作感とキャラクター育成要素を融合した、誰でも1分で遊べるテニスアクションゲーム。カジュアルゲーマー・スポーツゲーム好き・スキマ時間に爽快感を求める全年齢層向け。

【主要機能】
1. トップダウン視点の物理演算テニスコート(Canvas 2D)。ドラッグでショット方向・パワー・スピン(トップ/スライス/ロブ)を直感操作。
2. 8人の個性的なオリジナルキャラクターから選択。各キャラは得意ショットと専用必殺技(照準拡大・高速球・変化球等)を持つ。
3. モードはCPU対戦(3難易度)、8人トーナメント勝ち抜き、壁打ちタイムアタック練習の3種。
4. ラリー継続でコンボゲージが上昇し満タンで必殺ショットを発動、爽快な演出とSEで盛り上がる。
5. 試合結果とハイスコアをMySQLに保存しグローバルランキングで競える。キャラ別勝率・使用率も集計表示。
6. 練習モードでは弾道予測ラインを表示し初心者でも上達しやすいチュートリアル機能付き。

【画面構成】
・タイトル画面: ロゴ・キャラアイコン一覧・モード選択ボタン
・キャラクター選択画面: 立ち絵とステータス(パワー/スピード/スピン)表示
・試合画面: コート全体・スコア・コンボゲージ・必殺技ボタン・操作ガイド
・リザルト画面: 勝敗演出・獲得スコア・ランキング反映
・トーナメント表画面: 勝ち上がり表示
・ランキング画面: モード別・キャラ別ランキング一覧

【データ構造】
MySQLテーブル match_results(id, character_id, mode, result(win/lose), score, rally_max, created_at)。ランキング取得APIはmode・character別に集計しJSON返却。ローカルストレージで直近プレイ履歴と選択キャラを保持。

【デザイン方向性】
ネオンカラー×パステルを融合したポップアニメ調セルシェード。コートは昼のリゾート風/夜のネオンアリーナ風の2テーマを切替可能。太めの輪郭線と明るい照明でキャラクターを際立たせ、UIは丸みを帯びたポップなボタンで統一。

【BGM仕様】アップテンポなエレクトロポップ、BPM128、4/4拍子。ドラムは四つ打ちキックにハイハットの16分刻み、ベースはシンセベースでコード進行はF-G-Em-Am(A/B展開)。Aメロは軽やかなアルペジオ、Bメロでシンセリードが加わり盛り上げ、8小節ごとにフィルインを挿入。試合開始・必殺技発動・勝利時に専用SEを重ねる。Web Audio APIでAudioContext.currentTime基準の先読みスケジューリングを実装し、BGM/SE個別音量調整・ミュート・画面遷移時のノード解放を行う。

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

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