ネオンボクシング・チャンピオンズ ― タイミング入力で殴り合う正面視点ボクシングゲーム

【目的・ターゲット】格闘ゲームやスポーツゲームが好きなカジュアル層〜コアゲーマー向けに、正面視点でパンチ・ガード・ダッジのタイミングを競うボクシング特化アクションを提供する。1試合1〜3分で決着し、通勤・休憩中にも遊べる爽快感を重視。

【主要機能】
1. 8人の個性的ボクサーから選択(パワー/スピード/スタミナ/ガード力のステータス差)。
2. 左右パンチ・アッパー・ガード・ダッジをキーボード(スマホは画面タップ/スワイプ)で操作するタイミング判定バトル。パーフェクト回避でカウンターチャンス発生。
3. スタミナとダメージの二重ゲージ、ダウン(3カウント)、TKO/KO演出。フィニッシュブローゲージが満タンで必殺技発動。
4. キャリアモード：8階級を勝ち上がりチャンピオンベルト獲得。CPU3難易度、練習用サンドバッグモード、60秒タイムアタックも搭載。
5. コンボ判定とラウンド制(3ラウンド制)、試合後にKO数・被弾数・防御成功率をスコア化。
6. MySQLでニックネーム・キャラ・モード別のグローバルランキングを保存・表示。

【画面構成】
- タイトル画面：ネオンリング背景とロゴ、スタートボタン。
- キャラ選択画面：8人のボクサーカードをステータスレーダーチャート付きで表示。
- 試合画面：やや斜め上からのリング視点、上部に両者の体力/スタミナバー、ラウンド・タイマー表示、下部に操作ボタン(スマホ)。
- キャリアマップ画面：階級ごとの対戦相手アイコンとベルト獲得状況。
- リザルト画面：勝敗演出、獲得スコア、ランキング登録フォーム。
- ランキング画面：モード別トップ50表示。

【データ構造】
- rankingsテーブル(id, nickname, character_id, mode, wins, ko_count, score, created_at)。キャラ定義とステージ演出はJS内蔵データで管理し追加DB不要。

【デザイン方向性】
暗いアリーナにネオンスポットライトが差し込む世界観。セルシェード調の太い輪郭線とハイコントラストな配色(紫・シアン・オレンジ)で統一。UIは金属質のベルトモチーフとネオン発光装飾。

【BGM仕様】試合中BGMはBPM130・4/4拍子のエレクトロオーケストラ。キック+スネアの力強いドラムパターン、シンセベースのオスティナート、金管風シンセのメロディをA(8小節)/B(8小節)展開で構成し、4小節ごとにハイハットのフィルを挿入。KO時は短いファンファーレ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・スマホで画像の欠け、引き伸ばし、文字との重なりがないことを開発完了前に確認する