フォグオブワード - 霧の中の単語当て推理ゲーム

## 1. アプリの目的・ターゲットユーザー
「フォグオブワード」は、霧(フォグ)に隠された5〜7文字のひらがな単語を、少ない質問数で当てるターン制推理ゲームです。プレイヤーは「その文字は含まれているか？」「○文字目は何か？」「その単語は食べ物か？」などの質問を選択肢から選んでCPUに投げかけ、得られた回答を手がかりに単語を推理します。Wordleのような文字推理と、20の扉的な質問推理を掛け合わせた新感覚ゲームで、語彙力・論理的思考・推理力を楽しく鍛えられます。小学生〜大人まで幅広く楽しめます。

## 2. 主要機能
- **霧パネル推理システム**: 答えの単語は各文字が霧パネルで覆われた状態で表示される。質問が当たるたびに一部のパネルが晴れて文字が露出する演出。
- **3種類の質問カテゴリ**: ①文字質問(「〇行の文字が含まれる？」「○文字目は母音？」)、②意味質問(「食べ物？」「動物？」「3文字以上？」「日本発祥？」)、③直接質問(特定文字を1文字指定して「含まれているか」を確認)。各カテゴリ最大5回まで使用可能。
- **スコアシステム**: 使用した質問数が少ないほど高得点。最大15ターン以内に答えを当てればクリア。ターン数・クリアタイム・正解でスコア計算。
- **3モード**: ①ソロエンドレス(レベルに応じてジャンルが難化)、②デイリーチャレンジ(全員同じお題で1日1回、スコアランキング掲載)、③ジャンル縛り(動物・食べ物・場所など8ジャンルから選択)。
- **単語DBと難易度設定**: 内製ひらがな単語DB500語以上(Easy:5文字・身近な単語, Normal:6文字・やや難, Hard:7文字・難語)。外部API不要。
- **ランキング**: デイリーチャレンジのスコアをMySQLに保存し、ニックネームと共にTop20表示。

## 3. 画面構成
### タイトル画面
- ゲームロゴ(靄がかかったフォントで「フォグオブワード」)、モード選択ボタン3種、デイリーランキングへのリンク

### ゲーム画面
- **霧パネルエリア(上部)**: 単語の各文字マスが霧のモザイク状に表示。正解文字が判明したマスだけ明るく表示。
- **質問パレット(中部)**: 3カテゴリのタブ切替。各カテゴリ内に質問ボタンを並べる。残り使用回数インジケーター表示。
- **回答ログ(下部スクロール)**: これまでの質問と回答を「Q: ○○？ → A: はい/いいえ」形式で表示。
- **解答入力欄**: ひらがな直接入力で最終解答を送信するフォームとボタン。
- **ターン数残量バー**: 残り質問数をプログレスバーで表示。

### 結果画面
- 正解単語の大表示、獲得スコア、使用ターン数、かかった時間、SNS共有テキスト生成(絵文字のみで使ったターン数を表現)、次のゲームへボタン。

### デイリーランキング画面
- 本日のお題ジャンルヒント、Top20スコア一覧テーブル(順位・ニックネーム・スコア・クリアターン数・タイム)。

## 4. データ構造
### words テーブル
| カラム | 型 | 説明 |
|---|---|---|
| id | INT PK | |
| word | VARCHAR(20) | ひらがな単語 |
| category | VARCHAR(30) | 動物/食べ物/場所/乗り物/植物/道具/職業/その他 |
| difficulty | TINYINT | 1=Easy, 2=Normal, 3=Hard |
| origin_japan | TINYINT | 1=日本発祥, 0=そうでない |
| has_voiced | TINYINT | 濁音含むか |
| is_compound | TINYINT | 複合語か |

### daily_challenge テーブル
| カラム | 型 | 説明 |
|---|---|---|
| id | INT PK | |
| date | DATE | 対象日 |
| word_id | INT FK | その日の単語 |

### daily_ranking テーブル
| カラム | 型 | 説明 |
|---|---|---|
| id | INT PK | |
| date | DATE | 対象日 |
| nickname | VARCHAR(20) | ニックネーム |
| score | INT | スコア |
| turns_used | INT | 使用ターン数 |
| clear_time | INT | クリアタイム(秒) |
| created_at | DATETIME | |

## 5. デザインの方向性
- **テーマカラー**: 深い紺〜スレートグレーの背景に、霧のような半透明ホワイトパネル。文字が露出するときは発光エフェクト(CSS glow)で演出。
- **フォント**: 見出しは筆書き風の日本語フォント、UIは丸みのある読みやすいゴシック体。
- **アニメーション**: 霧パネルが晴れるときに CSS blur + opacity のトランジション(0.4秒)でふわっと消える演出。正解時は画面全体が光るフラッシュ効果。
- **UI**: ボタンは大きめ・タップしやすいサイズでスマホ優先。質問ログは縦スクロール対応。全体的にミステリアスで落ち着いた雰囲気。
- **実装規模**: PHP(ルーティング・DB接続・ランキングAPI)+ 素のHTML/CSS/JS。ゲームロジックはすべてフロントJS。1ファイル分割構成で完結できる現実的な規模。