マップメモリー探偵 - 地図記憶＆推理パズルゲーム

## 1. アプリの目的・ターゲットユーザー
架空の街マップを数秒間観察して記憶し、「どの建物が消えたか」「誰がどこにいたか」などの変化を推理して答えるブラウザ完結型の記憶×推理パズルゲーム。短期記憶・空間認識・観察力を鍛えたい10代〜40代をメインターゲットとし、1プレイ1〜3分で気軽に遊べる。既存アプリとの差別化：音やリズム要素なし、スライドパズルでもなく「地図+記憶+推理」の組み合わせが新規性。

## 2. 主要機能
- **記憶フェーズ**: 架空の街マップ（建物アイコン＋名前ラベル配置）を指定秒数（難易度に応じて3〜10秒）表示し、その後マップを隠す
- **推理フェーズ**: 「消えた建物はどれ？」「移動した人物はどこ？」「追加されたものは？」など3〜5種類の問題形式をランダム出題、選択肢クリックまたはマップ上のセルタップで回答
- **3難易度＋エンドレスモード**: Easy（建物5個・10秒記憶）/ Normal（建物10個・7秒）/ Hard（建物15個＋人物・5秒）/ エンドレス（正解ごとに要素が増え制限時間が縮まる）
- **デイリーチャレンジ**: 毎日同一シードで全プレイヤー共通のマップ問題を出題し、スコアをランキング登録
- **スコア＆ランキング**: 正解数・回答速度・連続正解ボーナスを合算してスコア計算、難易度別・デイリー別でTOP20をDBに保存・表示

## 3. 画面構成
### タイトル画面
- ゲームロゴ（虫眼鏡＋地図アイコン）、モード選択ボタン（Easy / Normal / Hard / Endless / Daily）、ランキングボタン

### ゲーム画面
- **記憶フェーズ**: 中央にグリッド状の街マップ（CSS Grid、各セルにSVGアイコン＋テキスト）、上部に残り秒数カウントダウンバー（赤→黄→緑のアニメ）
- **回答フェーズ**: マップをフォグ（半透明グレー）で覆い、問題文を上部に表示。「消えた建物を選べ」系は選択肢4択ボタン、「どこに移動した？」系はマップセルを直接タップ
- 正誤フィードバック（○✗アニメ＋効果音）、スコア累計、残りラウンド数表示

### 結果画面
- 総スコア、正解率、最長連続正解数を大きく表示、ランキング登録フォーム（ニックネーム入力）、もう一度／トップへボタン

### ランキング画面
- タブ切替（Easy / Normal / Hard / Daily）でTOP20一覧、自分のスコアをハイライト

## 4. データ構造
```sql
-- ランキング
CREATE TABLE rankings (
id INT AUTO_INCREMENT PRIMARY KEY,
nickname VARCHAR(20) NOT NULL,
mode ENUM('easy','normal','hard','endless','daily') NOT NULL,
score INT NOT NULL,
correct_count INT NOT NULL,
daily_date DATE DEFAULT NULL, -- dailyモード時のみ
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);
-- インデックス
CREATE INDEX idx_mode_score ON rankings(mode, score DESC);
CREATE INDEX idx_daily ON rankings(daily_date, score DESC);
```
マップデータはJSオブジェクト（JSON）として静的に定義（建物名・アイコン種別・グリッド座標のリスト、30〜50セットをプリセット）。PHPはランキングのGET/POSTのみ担当。LocalStorageで直近5回のスコアを保存。

## 5. デザインの方向性
- **テーマ**: レトロ風の手描きマップ調。背景はクリーム色（#F5F0E8）、マップセルは薄い罫線で区切られた地図帳風
- **建物アイコン**: Unicode絵文字（🏪🏦🏫🏥🍕🌳🚉 など）をCSS拡大で代用し、追加画像不要
- **カラー**: ネイビー（#2C3E6B）×アンバー（#D4A94A）×クリームのレトロ探偵テイスト
- **アニメーション**: 記憶→回答の切り替えはフォグがじわっとかかるCSSトランジション（0.8秒）、正解時は緑の閃光エフェクト、不正解は赤シェイク
- **フォント**: Google Fonts「Noto Sans JP」でスマホでも読みやすく
- **レイアウト**: マップは最大480px正方形でスマホ・PC両対応、flexboxで中央配置