ネオンストライカーズ3D - PK&フリーキック サッカーバトル

【目的】サッカー好き・カジュアルゲーマー向けに、短時間で爽快に遊べるThree.js製3Dサッカーアクション。既存のスポーツ系アプリと異なり「シュートの一撃」に特化し、スマホでもPCでも数十秒〜数分で1プレイ完結する設計。

【主要機能】
・PK戦モード：5人対5人、GK AIを3難易度で選択、CPU戦と連続サバイバル形式
・フリーキックモード：壁の位置・距離をランダム生成し、ドラッグでパワー/角度/カーブを調整してゴールを狙う
・リフティング&ドリブルチャレンジ：60秒タイムアタックでコンボ数を競う
・8人の個性的な選手キャラクターを選択でき、各キャラ固有の必殺シュート演出（弾道・エフェクトが変化）
・ゴール成功時にスローモーションリプレイとフィーバー演出、コンボボーナス
・モード別グローバルランキング（MySQL保存、匿名イニシャル登録）

【画面構成】
1. タイトル画面：夜間スタジアムのヒーロービジュアルとモード選択ボタン
2. キャラクター選択画面：8体のサムネイルカードから選択、必殺シュート説明
3. プレイ画面：Three.jsによる3Dスタジアム、ドラッグ操作でシュート方向・パワー・カーブを指定、GKが反応してセーブ判定
4. 結果画面：スコア、リプレイ再生、SNS風共有カード生成
5. ランキング画面：モード別トップ10表示

【データ構造】
scoresテーブル(id, mode, character_id, score, initial, created_at) のみのシンプル構成。個人情報は保持せず匿名投稿。

【デザイン方向性】
ネオンに照らされた夜間スタジアムを舞台に、セルシェード寄りの半リアルな3Dキャラクター、鮮やかなユニフォームカラーで視認性を確保。UIはネオングリーン×ダークネイビーの近未来スポーツアリーナ調で統一。

【BGM/SE仕様】
Web Audio APIでスタジアムアンセム風BGMを生成。BPM128・4/4拍子、キック/スネア/ハイハットの単純グルーヴにシンセベース、パワーコード和声、8小節Aメロ+8小節Bメロ構成、4小節毎にハイハットのフィルを挿入し変化をつける。ゴール成功時は歓声SE、失敗時は落胆SEを再生。AudioContext.currentTime基準で先読みスケジューリングし、BGM/SEの音量を個別スライダーで調整可能、ミュートボタンと画面遷移時のノード解放処理を実装する。

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

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