タイムライン・マーダー - 時系列証拠整理型推理ゲーム

## 1. アプリの目的・ターゲットユーザー
架空の事件の証拠・証言・手がかりをタイムライン上に正しく並べ替えることで事件の真相に迫る、ブラウザ完結型の推理パズルゲーム。「謎解き・脱出ゲーム好き」「推理小説ファン」「論理パズルが好きな10代〜40代」をターゲットとし、ストーリー性のある謎解きを気軽に楽しめる点が差別化軸。

## 2. 主要機能
- **事件ファイル閲覧**: 各事件ごとに「概要カード」「登場人物一覧」「証拠品リスト」を確認できる捜査ノート
- **タイムライン並べ替えパズル**: 5〜10枚の「証拠カード（時刻・場所・行動が伏せられている）」をドラッグ&ドロップで正しい時系列順に配置し、正誤判定を受ける
- **推理フェーズ**: タイムラインが完成したら「犯人は誰か」「動機は何か」「決定的証拠は何か」を選択肢から選んで最終回答
- **解説リザルト**: 正解ルートをアニメーション付きで振り返る「事件解決ムービー（テキスト+イラスト）」と、スコア・ヒント使用回数・所要時間を表示
- **収録シナリオ10本**: 「密室の遺産相続」「消えた目撃者」「アリバイ崩壊」など難易度★1〜★3の10本を内製DBに収録、クリア済みシナリオは鍵アイコンで管理
- **デイリー事件**: 毎日1本のミニシナリオ（3枚並べ替え）をランダム提示し、スコアをランキングに登録

## 3. 画面構成
- **タイトル画面**: ノワール風の暗めな画面に「捜査開始」「デイリー事件」「ランキング」ボタン。BGMはジャズ風効果音
- **シナリオ選択画面**: カード型一覧、難易度★、クリア済みバッジ表示
- **捜査ノート画面**: 左ペインに登場人物・証拠品リスト、右ペインにタイムライン配置ゾーン（横スクロール対応）。証拠カードはドラッグ&ドロップまたはタップ→位置選択で操作
- **推理入力画面**: 3問の選択式（犯人・動機・決定的証拠）をカード選択UIで回答
- **リザルト画面**: 正解/不正解アニメ、スコア、「もう一度」「次のシナリオ」ボタン
- **ランキング画面**: デイリー別・シナリオ別のスコアTOP10テーブル

## 4. データ構造（DBテーブル概要）
```
scenarios: id, title, difficulty, summary, characters_json, evidence_json, correct_order_json, answer_json, created_at
-- evidence_json: [{id, label, description, image_key, true_time}] の配列
-- correct_order_json: [evidence_id, ...] 正解の並び順
-- answer_json: {culprit, motive, key_evidence} 最終回答正解

daily_challenges: id, scenario_id, date

rankings: id, player_name, scenario_id, score, hint_count, time_sec, created_at
```
シナリオデータはPHPでJSONとして返却。LocalStorageにクリア済みシナリオIDと個人スコアを保存し、ランキングのみMySQLに記録。

## 5. デザインの方向性
- **カラーパレット**: 深みのある紺・黒・アンバー（琥珀色）をベース、アクセントは金と赤
- **フォント**: 見出しはセリフ系（Noto Serif JP）、本文はゴシック、英語部分はSlab Serif風
- **証拠カード**: 紙の質感をCSS box-shadowとborder-radiusで表現、ドラッグ中は軽い回転アニメ
- **演出**: 正解時に「事件解決！」の赤スタンプ風アニメ、不正解時は×スタンプ。SE（タイプ音・スタンプ音）はWeb Audio APIで生成
- **スマホ対応**: タイムラインはスクロール可能な横列、タップ→矢印ボタンで順序変更するモバイル専用UIも併用