ワードシャドウ - 影絵で当てる連想推理ワードゲーム

## 1. アプリの目的・ターゲットユーザー

「影（シルエット）ヒント」と「連想ワードヒント」を組み合わせて隠されたお題を当てる、新感覚の推理ワードゲーム。既存の「しりとり」「タイピング」「クロスワード」とは異なり、視覚的なシルエット＋段階的な言葉ヒントの両軸で答えを絞り込む点が独自。ターゲットは小学校高学年〜大人、ひとり遊び〜家族・友人での多人数プレイ両対応。

---

## 2. 主要機能

- **シルエット推理モード**: お題（動物・食べ物・乗り物・建物・スポーツ）のSVGシルエットが最初はぼかし100%で表示され、経過時間とともに徐々に輪郭がはっきりしてくる。早く答えるほど高得点。
- **ワードヒント段階開示**: シルエットと並行して「ヒントカード」が最大5枚まで順番に開示される（例：「冷たい」→「甘い」→「棒に刺さっている」→「夏の風物詩」→「ガリガリ食べる音」）。カードを開くたびに獲得点数の上限が下がる。
- **3モード対応**:
- **ソロタイムアタック**: 60秒で何問正解できるか
- **大喜利バトル（パス&プレイ）**: 同じ端末で2〜6人が交互にプレイし、合計スコアで勝敗を決める対戦モード
- **デイリーチャレンジ**: 毎日同一のお題5問。スコアをランキングに登録して世界と競う
- **回答方式**: キーボード入力（テキストボックス）＋カタカナ・ひらがな・漢字いずれでも正解判定（表記ゆれ対応テーブルで照合）
- **内製お題DB**: カテゴリ別 200問のお題＋シルエット（SVGで実装）＋ヒントカード5枚セットを内蔵。外部APIなし。

---

## 3. 画面構成

### タイトル画面
- ゲームロゴ（影から浮かび上がるアニメ）
- モード選択ボタン：「ソロ」「バトル」「デイリー」
- 本日のデイリーランキング上位5名をチラ見せ

### ゲーム画面（共通）
- 上部：スコア / タイマー / 残りヒントカード枚数
- 中央上：シルエット表示エリア（Canvas or SVG、CSSフィルターでblurアニメーション）
- 中央下：ヒントカード列（横スクロール、未開示はクエスチョンマーク）「ヒントを開く」ボタン
- 下部：テキスト入力フィールド＋「答える」ボタン
- 正解時：エフェクト（影が晴れるアニメ＋得点ポップアップ）
- 不正解時：シェイクアニメ＋「もう一度」or「スキップ（-50pt）」

### リザルト画面
- 問題ごとの正解・獲得点・使ったヒント数の一覧
- 合計スコアと「ニックネーム登録→ランキング反映」フォーム
- SNS共有用テキスト生成（「本日のワードシャドウ：XXXpt / 5問中X問正解！」）
- 「もう一度」「タイトルへ」ボタン

### ランキング画面
- タブ切替：デイリー / 週間 / 全期間
- 上位20位をテーブル表示（順位・ニックネーム・スコア・日時）

---

## 4. データ構造

### テーブル: `questions`
| カラム | 型 | 説明 |
|---|---|---|
| id | INT PK | |
| category | VARCHAR(50) | 動物／食べ物／乗り物／建物／スポーツ |
| answer | VARCHAR(100) | 正解語（ひらがな正規化済み） |
| answer_aliases | TEXT | 表記ゆれカンマ区切り |
| svg_key | VARCHAR(100) | 対応SVGファイル名 |
| hint_1〜hint_5 | VARCHAR(200) | ヒントカード文章 |
| difficulty | TINYINT | 1〜3 |
| daily_date | DATE NULL | デイリー指定日（NULLはランダム候補） |

### テーブル: `rankings`
| カラム | 型 | 説明 |
|---|---|---|
| id | INT PK | |
| nickname | VARCHAR(50) | |
| score | INT | |
| mode | ENUM('solo','daily') | |
| daily_date | DATE NULL | デイリー時の対象日 |
| created_at | DATETIME | |

---

## 5. デザインの方向性

- **カラーパレット**: ダークネイビー (#0f172a) を基調に、ネオンイエロー (#facc15) と白でシルエットと文字を際立たせるクールな夜景テイスト
- **シルエットエリア**: 背景を白〜薄グレーにしてSVGシルエットを黒塗りで配置。CSSの`filter: blur()`を段階的に0pxへアニメーションさせて「輪郭が浮かび上がる」演出を実現
- **ヒントカード**: トランプ風のカードUI（裏面は「?」マーク、クリックでフリップアニメーション）
- **フォント**: 見出しは丸ゴシック系、本文は游ゴシック
- **モバイルファースト**: シルエットエリアは画面幅の60%、入力フィールドは大きめ（タップしやすい）
- **効果音**: Web Audio APIで生成する軽量ビープ音のみ（正解ファンファーレ・不正解ブザー・ヒント開封音）