ルーンスペル - 魔法陣文字組み合わせパズルゲーム

## 1. アプリの目的・ターゲットユーザー
魔法陣をテーマにした「文字を組み合わせてスペル(呪文)を完成させる」アクションパズルゲーム。中学生〜30代のカジュアルゲーマー、ファンタジー好き、語彙力を楽しく鍛えたい人を対象とする。既存アプリとの差別化ポイントは「回転する魔法陣リングから文字を拾う独自操作」と「スペル完成時のエフェクト演出」にある。

## 2. 主要機能
- **魔法陣リング操作**: 同心円状に並んだ3つのリング（各8〜12文字）をクリック/スワイプで左右回転させ、縦ラインに並んだ文字を取り出して単語を作る独自インターフェース
- **3モード搭載**: ①エンドレスモード（制限なく単語を作りスコアを積む）、②60秒タイムアタック（時間内に多くの単語を作る）、③デイリー魔法陣（全プレイヤー共通の同一シード盤面で1日1回挑戦）
- **スペルランク判定**: 3文字=ファイア(1倍)、4文字=サンダー(2倍)、5文字=ブリザード(4倍)、6文字以上=メテオ(8倍)のランク演出と倍率ボーナス
- **魔法エフェクト**: 単語完成時に Canvas アニメーションで炎・雷・氷・隕石などのエフェクトを表示し、リングが光って回転するビジュアル演出
- **スコアランキング**: モード別・難易度別のグローバルランキング（ニックネーム+スコア+日付をMySQLに保存）
- **内製単語辞書**: 約3000語の日本語(ひらがな)単語リストをPHP側に保持し、入力された文字列が有効単語かサーバーサイドで判定

## 3. 画面構成
### タイトル画面
- ゲームタイトルロゴ（魔法陣風デザイン）
- モード選択ボタン（エンドレス / タイムアタック / デイリー）
- 難易度選択（やさしい=3文字以上 / ふつう=リング数3 / むずかしい=リング数4+時間短縮）
- ランキングボタン

### ゲーム画面
- 中央: Canvas描画の魔法陣（同心円3〜4リング、各リングに8〜12文字が等間隔配置）
- リング下部に「取り出しスロット」（現在の縦ライン文字を3〜4文字表示）
- 左右矢印ボタンまたはスワイプでリングを1マスずつ回転
- 上部: 現在スコア / コンボ数 / 残り時間（タイムアタック時）
- 下部: 「スペル発動」ボタン → 有効単語なら演出+得点、無効なら「NG」振動
- 使用済み単語リスト（小さく右端に表示）

### 結果画面
- 最終スコア・作成単語一覧・最高ランクスペル表示
- ニックネーム入力→ランキング登録ボタン
- もう一度 / タイトルへ ボタン

### ランキング画面
- タブ切替（エンドレス / タイムアタック / デイリー）
- 上位20件表示（順位・ニックネーム・スコア・日時）
- 自分のスコア入力欄からランキング内位置を確認

## 4. データ構造
### DB テーブル
```sql
-- ランキング
CREATE TABLE scores (
id INT AUTO_INCREMENT PRIMARY KEY,
nickname VARCHAR(20) NOT NULL,
score INT NOT NULL,
mode ENUM('endless','timeattack','daily') NOT NULL,
difficulty ENUM('easy','normal','hard') NOT NULL,
words_count INT DEFAULT 0,
best_word VARCHAR(20),
played_at DATETIME DEFAULT CURRENT_TIMESTAMP,
daily_date DATE NULL -- デイリーモード用
);

-- デイリーシード（日付ごとの盤面シード値を固定）
CREATE TABLE daily_seeds (
id INT AUTO_INCREMENT PRIMARY KEY,
seed_date DATE UNIQUE NOT NULL,
seed_value INT NOT NULL
);
```
### PHP側
- `words.php`: 3000語の単語配列を定数で保持、POSTされた文字列と照合してJSON返却
- `score.php`: スコア登録・取得API（ニックネームサニタイズ、スコア上限バリデーション付き）
- `daily.php`: 当日のシード値を返す（なければ自動生成してDBに保存）

## 5. デザインの方向性
- **カラーパレット**: 深夜の魔法陣をイメージした深紺(#0D1B2A)×紫(#7B2FBE)×金(#FFD700)。エフェクトは炎=オレンジ、雷=黄緑、氷=水色、隕石=赤紫
- **フォント**: タイトルは和風ファンタジー系の太ゴシック、ゲーム内文字は視認性の高いサンセリフ
- **Canvas演出**: リング回転はtransform回転アニメ、スペル発動時はparticleエフェクト(小さい星/魔法円が外側に広がる)
- **レスポンシブ**: スマホ縦持ちで魔法陣が画面幅いっぱいに表示されるよう Canvas サイズをvwで動的設定
- **BGM/SE**: Web Audio APIで軽量生成した回転音・決定音・成功ファンファーレ（外部ファイル不使用）
- 全体的にダークでミステリアスな世界観を維持しつつ、ボタンとフォントは大きめでモバイル操作しやすくする