チェインバースト - 連鎖爆発パズルアクション

## 1. アプリの目的・ターゲットユーザー
「もう1回！」が止まらない連鎖爆発系パズルアクション。色付きバブル(ジェム)が降り注ぐ盤面でマッチ&チェーン爆発を狙い、コンボ気持ちよさとスコア競争を楽しむブラウザゲーム。ターゲットは10〜40代のカジュアルゲーマー全般。スマホ縦持ち1本指でフル操作できる設計。

## 2. 主要機能
- **ランチャー操作**: 画面下部の砲台を左右スワイプ/マウス移動で照準し、タップ/クリックでジェムを発射。次弾プレビューと次々弾プレビューを常時表示
- **連鎖チェーン爆発**: 同色3個以上で消去。消えた空白に上のジェムが落下し再消去→連鎖。連鎖数に応じてBGMテンポとエフェクトが加速するフィーバー演出
- **SPジェム**: 爆弾ジェム(周囲8マス消去)・レインボージェム(全同色消去)・稲妻ジェム(縦一列消去)の3種がランダム降下。連鎖が3以上続くと確率アップ
- **エンドレスモード**: 行が画面上部に達するとゲームオーバー。スコアをMySQLに保存しグローバルランキング(TOP100)表示
- **チャレンジモード**: 「50手以内に全消し」「爆弾ジェムのみで100個消せ」など日替わりミッション10種。クリアするとフレームや砲台スキンを解錠(LocalStorage保存)
- **デイリーシード盤面**: 毎日同じ乱数シードで生成された盤面を世界中の全員が同条件でプレイ。その日のスコアランキングを共有URLで拡散できる

## 3. 画面構成
### タイトル画面
- ロゴ + 爆発パーティクルアニメ
- 「PLAY」「CHALLENGE」「RANKING」「DAILY」の4ボタン
- BGM ON/OFFトグル

### ゲーム画面(縦8列×12行グリッド)
- 上部: スコア / コンボカウンター(x1〜x20+) / フィーバーゲージバー
- 中央: Canvasグリッド。ジェムはCSSグラデーション+glow影で宝石風に描画
- 下部: 砲台SVGアニメ、照準ライン(破線)、NEXT/NEXT²ジェム表示
- 右端: 一時停止ボタン
- ゲームオーバー時: 最終スコア・最大コンボ・プレイ時間をカードで表示し「もう1回」「ランキングへ」ボタン

### ランキング画面
- エンドレスモード全期間TOP100テーブル(順位・名前・スコア・最大コンボ)
- デイリーランキング(当日分)
- ニックネーム4〜10文字で入力登録(スコア保存時に入力)

### チャレンジ画面
- カード型リスト。クリア済みはチェックマーク+解錠スキンアイコン
- 進行中ミッション詳細ポップアップ

## 4. データ構造
### scores テーブル
```
id INT AUTO_INCREMENT PK
nickname VARCHAR(20)
score INT
max_combo INT
play_time_sec INT
mode ENUM('endless','daily')
daily_date DATE (dailyモード時のみ)
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
```
### API (PHP)
- `POST /api/score.php` → スコア保存 (簡易レート制限: 同IPから60秒以内5回上限)
- `GET /api/ranking.php?mode=endless` → TOP100 JSON返却
- `GET /api/ranking.php?mode=daily&date=YYYY-MM-DD` → 当日デイリーランキング

※チャレンジ解錠・砲台スキン・設定はすべてLocalStorage保存。DBは最小構成。

## 5. デザインの方向性
- **テーマ**: ダークネイビー(#0d0d2b)を背景に、6色のジェムがネオン発光する宝石風パズル。爆発エフェクトはCanvas上でパーティクル放射
- **フォント**: タイトル/スコアに「Orbitron」(Google Fonts)、UI全般は游ゴシック系
- **フィーバー演出**: コンボ5以上でBGMテンポが1.2倍、10以上で背景が脈動する紫グラデーション、15以上で画面端が赤炎エフェクト
- **効果音**: Web Audio API で生成。通常消去=澄んだ音、爆発ジェム=ドン、チェーン継続=上昇音列
- **アニメーション**: ジェム落下はイージング(cubic-bezier)、消去時は膨張→霧散の2フレーム演出。60fps Canvas描画
- **スマホ対応**: vh単位で縦画面に最適化。タッチ開始位置から指の移動角度で照準を精密コントロール