ルートマスター - 迷路生成&脱出パズルゲーム

## 1. アプリの目的・ターゲットユーザー
ランダム生成される迷路を解いてタイムを競うブラウザ完結型迷路ゲーム。小学生から大人まで幅広く楽しめる。「毎回違う迷路」と「自分で描いた迷路を友達に挑戦させる」の2軸で飽きずに遊べる点が既存アプリとの差別化ポイント。

---

## 2. 主要機能
- **自動迷路生成**: 再帰的バックトラック法(DFS)で毎回異なる迷路を生成。サイズはS(10×10)/M(20×20)/L(30×30)の3段階、難易度(行き止まり率)も選択可能
- **タイムアタック&スコアリング**: ゴールまでの経過時間＋ヒント使用回数でスコア計算。DB保存によるサイズ別グローバルランキング
- **デイリー迷路**: 毎日同じシード値で全員共通の「今日の迷路」を配信。同日中ならランキングで世界中と競える
- **迷路エディター**: 20×20グリッドをクリック/ドラッグで壁を描いてオリジナル迷路を作成。スタート/ゴール地点を設置して固有URLで共有可能
- **ヒント & 解答表示**: ヒントボタンで次の1マス分の正解ルートを薄く表示(使うたびにスコア減算)。詰まったら全経路を表示するギブアップも可
- **モバイル対応スワイプ操作**: キーボード矢印キーに加え、スマホでスワイプ/タップで自機を移動できる直感操作

---

## 3. 画面構成

### タイトル画面
- ゲームロゴ、3ボタン：「ランダム迷路で遊ぶ」「デイリー迷路」「迷路エディター」
- 本日のデイリー最速タイムランキングTop5をプレビュー表示

### モード選択画面（ランダム迷路）
- サイズ選択(S/M/L)のカード3枚
- 難易度スライダー(やさしい〜鬼)
- ニックネーム入力欄(ランキング掲載用、任意)

### ゲームプレイ画面
- 上部バー：経過タイマー、ヒント残回数、ギブアップボタン
- 中央：迷路キャンバス(Canvas描画)。プレイヤーは●アイコン、スタート=緑、ゴール=オレンジ
- 迷路が画面に収まらない場合は自動スクロール(プレイヤー中心)
- ゴール到達時：クリアモーダル(タイム・スコア・ランキング順位・シェアボタン)

### ランキング画面
- タブ切替：本日デイリー / 全期間(S/M/L別)
- 順位・ニックネーム・タイム・ヒント回数・達成日時

### 迷路エディター画面
- 20×20のグリッドキャンバス(クリックで壁ON/OFF、ドラッグで連続描画)
- ツールバー：壁ブラシ、消しゴム、スタート設置、ゴール設置、全消去
- 「解けるか確認」ボタン：BFSで経路存在チェック、通れない場合は警告
- 「シェア用URLを生成」：迷路データをBase64エンコードしてURLパラメータに格納
- URLアクセス時は共有迷路をそのままプレイ画面で表示

---

## 4. データ構造

### `maze_scores` テーブル
| カラム | 型 | 説明 |
|---|---|---|
| id | INT AUTO_INCREMENT PK | |
| mode | ENUM('random','daily','shared') | プレイモード |
| size | ENUM('S','M','L') | 迷路サイズ |
| daily_date | DATE NULL | デイリー迷路の日付 |
| seed | VARCHAR(32) | 迷路生成シード値 |
| nickname | VARCHAR(30) | プレイヤー名 |
| clear_time_ms | INT | クリアタイム(ミリ秒) |
| hint_count | TINYINT | ヒント使用回数 |
| score | INT | 総合スコア |
| ip_hash | VARCHAR(64) | 連投防止用IPハッシュ |
| created_at | DATETIME | |

※ 迷路データはサーバーに保存せず、シード値から毎回クライアント側でJS再生成。共有迷路のみURLパラメータにBase64データを格納するためDB不要。

### PHP API エンドポイント
- `POST /api/score.php` : スコア登録
- `GET /api/ranking.php?mode=daily&date=YYYY-MM-DD` : ランキング取得
- `GET /api/daily_seed.php` : 当日のシード値返却(サーバー側で日付をシードに変換)

---

## 5. デザインの方向性
- **テーマカラー**: ダークネイビー(#0f172a)背景に明るいシアン(#22d3ee)の壁ライン。ゲームボーイ的なレトロデジタル感
- **迷路壁**: Canvas上で太さ2pxのシアン線。プレイヤーは白い●(半径はセルの30%)、移動時に短いトレイル(残像)を表示して疾走感を演出
- **フォント**: monospaceフォント(Consolas / Courier New)でSFコンソール風
- **アニメーション**: ゴール到達時に紙吹雪エフェクト(Canvas上でパーティクル)、デイリー迷路はゴールドの星枠
- **レイアウト**: 最大幅600px中央寄せ。迷路キャンバスは `min(90vw, 90vh)` で正方形を維持しスマホでも大きく表示
- **難易度表示**: やさしい=🟢 / ふつう=🟡 / むずかしい=🔴 / 鬼=💀 の絵文字タグで直感的に伝える