ルートディフェンス - 線を引いて敵を止めるラインディフェンスゲーム

## 1. アプリの目的・ターゲットユーザー
マウスやタッチで「線を引く」という直感的な操作で、迫り来る敵をゴールへ到達させないよう防衛するブラウザ完結型タワーディフェンス系パズルアクションゲーム。既存の「置く系タワーディフェンス」とは異なり、プレイヤーが自由に壁・罠・誘導路を描いて敵の経路そのものを操作するのが核心。スマホ・PCどちらでも遊べる5〜15分の短時間ゲームとして、10代〜30代のカジュアルゲーマーをターゲットとする。

## 2. 主要機能
- **ライン描画防衛**: Canvas上でマウスドラッグ／タッチスワイプで壁ラインを自由に引く。インクゲージ（1ステージあたりの描画総長制限）があり、引きすぎると壁を消して引き直す戦略が必要
- **敵の種類と行動AI**: 「直進型」「壁を迂回する型」「壁を削って突破する型」「分裂型」の4種類。ウェーブごとに組み合わせが変わる
- **罠ラインシステム**: 赤色で描いたラインは「ダメージゾーン」（敵が踏むと減速・ダメージ）、青色は「誘導壁」（物理的バリア）として機能。色は描画前にパレットで選択
- **ステージモード**: 20ステージ構成。各ステージはゴール地点・敵の出現ポイント・地形障害物（岩・川）が固定で、クリア後に次ステージ解放。ステージクリア条件は「ゴールへの侵入を0体に抑える」か「ゴール侵入を制限数以内に抑える」
- **デイリーチャレンジ**: 毎日サーバー側でシードを固定したステージを1問配信。全プレイヤー共通マップで残りインク量（スコア）を競いDB登録ランキングに掲載
- **エンドレスモード**: 無限ウェーブで敵が強化され続ける。撃破数がスコアとなりランキングに登録

## 3. 画面構成
### タイトル画面
- ゲームロゴ（ネオングリーンのライン風デザイン）
- 「ステージモード」「デイリーチャレンジ」「エンドレス」「ランキング」の4ボタン
- 操作説明ミニチュートリアル（初回のみ自動表示）

### ゲームプレイ画面
- 上部HUD: ウェーブ数、残りHP（ゴール耐久）、残りインクゲージバー、現在スコア
- 中央Canvas: グリッド補助線つきのゲームフィールド（600×400px基準、スマホは縦向き最適化）。敵キャラ（シンプルな幾何学形状アニメ）がスポーンポイントからゴールへ向かう
- 左サイドパネル: 描画色選択（青=壁 / 赤=罠）、消しゴムボタン、全消去ボタン
- 右サイドパネル: 次のウェーブ予告（出現敵タイプアイコン）、ウェーブ開始ボタン
- ポーズメニュー: リトライ、タイトルへ戻る

### リザルト画面
- クリア/ゲームオーバー表示
- スコア・撃破数・使用インク量・評価（S/A/B/C）
- デイリー/エンドレス時はニックネーム入力→DBにスコア登録
- 次のステージへ / リトライ / タイトルへのボタン

### ランキング画面
- タブ切り替え：デイリーチャレンジ TOP20 / エンドレス TOP20
- 順位・ニックネーム・スコア・日時の一覧テーブル

## 4. データ構造
### DBテーブル（MySQL）
```
scores
id INT AUTO_INCREMENT PK
mode ENUM('daily','endless')
daily_date DATE NULL -- dailyのみ使用
nickname VARCHAR(20)
score INT
detail_json TEXT -- 撃破数・使用インク等のJSONメモ
created_at DATETIME
```
- ステージデータ・敵ウェーブ定義はJSオブジェクト（stages.js）で管理。DBは不使用
- デイリーシードは `date('Ymd')` を整数変換したものをsrandに利用（PHP側で生成しJS埋め込み）

## 5. デザインの方向性
- **カラーテーマ**: 濃紺の黒板/回路基板風の背景（#0d1b2a）にネオングリーン（#39ff14）の描画ライン。敵は赤・橙のシンプルな幾何形状（三角・四角・円）
- **UI**: ミニマルなフラットデザイン。フォントはmonospace系。ボタンは角丸で淡いグロウエフェクト（CSS box-shadow）
- **アニメーション**: 敵の移動はrequestAnimationFrameによる滑らかな動き。壁に衝突時は小さな火花パーティクル（Canvas描画）。撃破時は爆発エフェクト
- **サウンド**: Web Audio APIによる軽量効果音（描画音・敵撃破音・ゲームオーバー音）。BGMなし（オプションでON/OFF切替）
- **スマホ対応**: タッチイベントでCanvas操作。HUDは画面上下に分割配置。縦長画面ではフィールドを縦向きに変換