ワードバルーン - 文字の風船を割って単語を作るアクションパズル

## 1. アプリの目的・ターゲットユーザー
ランダムな文字が書かれた風船が画面上からゆっくり落下し、プレイヤーは風船をクリック／タップして文字を選び、有効な日本語単語（ひらがな2〜6文字）を作ると風船が割れてスコアを得る、アクション×ワードパズルゲーム。語彙力を楽しく鍛えたい小学生〜大人が手軽に遊べるブラウザゲーム。

## 2. 主要機能
- **落下アクション**: ひらがな1文字を書いた風船（1画面に最大15個）が上から一定速度で落下。画面下端に触れると1ミス（ハート制：残機3）。
- **単語作成**: 画面上に浮かぶ風船を順番にクリック／タップして文字を選択。内蔵辞書（2000語以上の内製ひらがな単語リスト）に一致したらまとめて消えて得点。不正解・キャンセルは選択リセット。
- **スコア倍率**: 長い単語ほど高倍率（2文字×1、3文字×2、4文字×3、5文字×5、6文字×10）。連続正解でコンボボーナス。
- **3モード**: ①エンドレス（ミス3回でゲームオーバー、難易度が時間で上昇）、②60秒タイムアタック（時間内に最高スコア）、③デイリーチャレンジ（毎日同じ風船配列・全ユーザー共通）。
- **ランキング**: モード別・難易度別のトップ10スコアをMySQLに保存。ニックネームとスコアを登録可能。
- **ボム風船**: 一定確率でボム（💣）付き風船が出現。タップすると周囲の風船をまとめて消して得点ボーナス。

## 3. 画面構成
- **タイトル画面**: ゲームロゴ、モード選択ボタン（エンドレス／タイムアタック／デイリー）、ランキングボタン、操作説明モーダル。
- **ゲーム画面**: Canvasまたは絶対配置DIVで風船を描画。上部HUD（スコア、残機ハート、残り時間またはレベル表示）。画面下部に現在選択中の文字列バー＋キャンセルボタン。
- **結果画面**: スコア・最長単語・コンボ最大数を表示。ランキング登録フォーム（ニックネーム入力→PHPでDB保存）。もう一度／タイトルへボタン。
- **ランキング画面**: タブでモード切替。順位・ニックネーム・スコア・日時の一覧テーブル。

## 4. データ構造
**テーブル: scores**
```
id INT AUTO_INCREMENT PRIMARY KEY
mode ENUM('endless','timeattack','daily') NOT NULL
difficulty TINYINT DEFAULT 1
nickname VARCHAR(16) NOT NULL
score INT NOT NULL
longest_word VARCHAR(12)
max_combo INT
created_at DATETIME DEFAULT CURRENT_TIMESTAMP
```
**内製辞書**: 2000語のひらがな単語をJSの配列として`words.js`に格納（Set化して高速検索）。DB不要。

## 5. デザインの方向性
- 明るくポップなパーティゲーム風。背景は薄い水色グラデーション（空のイメージ）。
- 風船は色とりどり（赤・黄・緑・青・ピンクなど文字ごとにランダム）、CSSアニメーションで揺れながら落下。
- 単語成立時は風船がパンと割れる小爆発エフェクト（Canvas confetti）＋得点ポップアップ。
- フォントは丸ゴシック系（Noto Sans JP）で親しみやすく。スマホでは風船を大きめに描画してタップしやすいサイズに調整。
- BGMなし（効果音のみ、Web Audio APIで生成）。