DQ3風ストーリーナレーション表示：シナリオ生成時にオープニング・中間・エンディングの文章を自動生成して表示

## 1. 目的
現在のシナリオはマップ・敵・NPC・宝箱の組み合わせで「構造」は生成されるが、物語としての「文章」が存在しない。DQ3のようにオープニング（旅立ちの経緯）、中間イベント（重要NPC遭遇・ボス手前）、エンディング（クリア後の語り）をルールベースで自動生成し、SFC風ウィンドウ演出で表示することで「短編RPGを読んで遊ぶ」体験を大幅に向上させる。外部APIは使わず、PHP配列のテンプレート文章＋プレースホルダ置換で完結する。

## 2. 具体的な仕様

### 2-1. ナレーション生成ロジック（lib.php または narrator.php として追加）
- `rpgsf_generate_narration(array $scenario): array` 関数を追加
- 返り値: `['opening' => string, 'mid' => string, 'ending' => string]`
- 各フェーズのテンプレートをPHP配列で定義（各フェーズ最低6種類）
- テンプレート内のプレースホルダ例:
- `{hero}` → 主人公名（デフォルト「勇者」）
- `{map}` → マップ名
- `{boss}` → ボス敵名
- `{npc}` → 最初のNPC名
- `{goal}` → クエスト目標文
- `{theme}` → テーマ名
- テーマタグ・マップタグを照合してテンプレートを重み付き選択（既存のタグマッチング方式を流用）
- 生成したナレーション3件を `scenario_json` の `narration` キーとして保存（既存JSONに追記、後方互換）

### 2-2. オープニング表示（pages/play.php）
- `$state['narration_shown']` フラグを新設（初期値 `[]`）
- ゲーム開始直後（`last_event === 'start'` またはターン0）に `opening` ナレーションをモーダルウィンドウで表示
- モーダルはSFC風黒背景＋金枠の `<div>` で実装（既存の `.shop-window` スタイルを流用・拡張）
- テキストは1文字ずつ表示するタイプライター演出（JS: `setInterval` + 文字数カウンタ）
- 「つぎへ」ボタン押下でモーダルを閉じ、`narration_shown.opening = true` をPOSTで保存

### 2-3. 中間ナレーション（ボス手前）
- `rpgsf_apply_action` 内でボス敵との戦闘開始時（`battle.boss === true` が初めてセットされる瞬間）に `last_event = 'boss_encounter'` をセット
- play.php 側で `last_event === 'boss_encounter'` かつ `narration_shown.mid` が未セットのとき、`mid` ナレーションをモーダル表示
- 同様に「つぎへ」押下でフラグ保存

### 2-4. エンディングナレーション
- `status === 'won'` 遷移時（既存の勝利処理直後）に `ending` ナレーションをモーダル表示
- エンディングのみ「おわり」文字と共に画面全体を一瞬暗転させるCSS演出（`@keyframes fade-black` 0.6秒）を追加

### 2-5. シナリオ生成時の処理追加（pages/create.php POST処理）
- `rpgsf_create_scenario` 内で `rpgsf_generate_narration` を呼び、`scenario['narration']` に格納してから `scenario_json` をJSONエンコードして保存
- 既存シナリオ（`narration` キーなし）はナレーション非表示で動作継続（後方互換）

### 2-6. UI部品
```html
<!-- SFC風ナレーションモーダル -->
<div id="narratorModal" class="narrator-modal" hidden>
<div class="narrator-window">
<div id="narratorText" class="narrator-text"></div>
<button id="narratorNext" class="btn primary">つぎへ ▼</button>
</div>
</div>
```
CSS:
```css
.narrator-modal{position:fixed;inset:0;background:rgba(0,0,0,.82);display:flex;align-items:center;justify-content:center;z-index:9999}
.narrator-window{background:#0d0b10;border:4px solid #d0b071;padding:24px 20px;max-width:480px;width:90%;box-shadow:6px 6px 0 #000;font-size:1rem;line-height:1.9;color:#f0e8c8}
.narrator-text{min-height:5em;white-space:pre-wrap}
```

### 2-7. ナレーションテンプレート例（PHP配列、opening 6種のうち2種）
```php
$opening_templates = [
['tags'=>['森','精霊'], 'text'=>"{hero}は{map}の入り口に立っていた。\n木々のざわめきの中に、{npc}の声が混じる。\n「{goal}――それが、あなたに課せられた使命です。」"],
['tags'=>['城','魔王'], 'text'=>"{map}の空に、黒雲が垂れ込めていた。\n{hero}は剣を握り、{npc}の言葉を胸に刻んだ。\n「{goal}。今こそ立ち上がるときだ。」"],
// ... 他4種
];
```

## 3. 既存機能との整合
- `scenario_json` のJSONに `narration` キーを追加するだけで、既存シナリオはキーなしとして扱い一切影響なし
- `rpgsf_save_states` の `state_json` に `narration_shown` オブジェクトを追加するが、既存セーブデータはキーなし＝未表示扱いで初回のみ表示されるため互換性あり
- 新規追加はlib.php関数1本＋play.phpへのモーダルHTML/JS追加のみで、他ページ（home/create/party）は変更なし
- マップ描画・戦闘・ショップ等の既存ロジックは一切変更しない