ワールドマップ・サブマップのタイル種別をリッチなドット絵Canvasタイルセットで描画（テクスチャ付き16×16タイル）

## 1. 目的
現在のマップ描画は地形コード（G/F/M/W/S/R/P/C/T/V/D/N/E）をCanvas上に単色ブロック＋絵文字テキストで表現しているが、これをJavaScriptで手続き的に描画するドット絵タイルセットに置き換え、SFC風のリッチなマップビジュアルを実現する。外部画像ファイル不要・Canvas 2D APIのみで完結させる。

## 2. 仕様

### タイルサイズ・解像度
- タイルサイズ: 16×16px（Canvas論理ピクセル）
- 表示時は `imageSmoothingEnabled = false` で整数倍スケールアップ（2×〜4×）
- ビューポートは既存のプレイヤー中心追従ロジックをそのまま維持

### タイルセット生成（JS手続き描画）
- ページロード時に非表示の OffscreenCanvas（またはdisplay:none のCanvas）へ全タイルを一括描画し、タイルアトラスとして保持する
- 各タイル種別ごとのドット絵描画関数を定義する（以下は各タイルの描画ルール）:

| コード | 描画内容 |
|---|---|
| G (草原) | 明緑ベース＋暗緑のランダムドット草テクスチャ（3〜5本の短い草） |
| F (森) | 深緑ベース＋三角形の木シルエット2本 |
| M (山) | 灰青ベース＋白い三角山形2つ（重なり）、頂点に雪 |
| W (水辺) | 青ベース＋波線2本（明青の水平ライン） |
| S (砂地) | 黄土ベース＋淡いドットパターン、右下に小石 |
| R (遺跡床) | 石灰色ベース＋格子線＋中央に亀裂 |
| P (毒沼) | 暗紫ベース＋泡ドット3個 |
| C (城床) | 暗灰ベース＋煉瓦パターン（2×4グリッド線） |
| T (野営地) | 緑ベース＋中央にオレンジ炎ドット絵 |
| V (村入口) | 茶ベース＋赤三角屋根の家シルエット |
| D (洞窟入口) | 黒ベース＋アーチ型の暗い開口部 |
| N (神殿入口) | 紫ベース＋白い柱2本と三角屋根 |
| E (出口) | 緑ベース＋白い矢印↑ |

- 草原・森・砂地タイルは `seededRandom(x, y, tileType)` で座標シード付きのランダムを使い、隣接タイルとの繰り返し感を低減する（同一座標は常に同じ見た目）

### ビューポート描画ループへの組み込み
- 既存の `drawMap()` 関数内で、現在の単色fillRect＋fillText描画を以下に置き換える:
```js
ctx.drawImage(tileAtlas, srcX, srcY, 16, 16, dstX, dstY, TILE_DRAW_SIZE, TILE_DRAW_SIZE);
```
- NPCマーカー・宝箱・イベントタイルのオーバーレイは既存ロジックを継続してタイル上に重ね描きする（後方互換）
- ミニマップCanvas側は既存の単色描画を維持（軽量のまま）

### サブマップへの適用
- ワールドマップと同じタイルアトラスをサブマップ描画でも使用する
- サブマップ固有の C（城床）タイルが多い場合、城床の色相をサブマップ種別（village/cave/sanctuary/fort）に応じて変える（cave→暗褐色、sanctuary→薄紫、fort→青灰）ことで雰囲気を差別化する

### スケーリング対応
- `devicePixelRatio` に応じてCanvasの物理解像度を調整し、Retinaディスプレイでも鮮明に表示
- スマホ向けには TILE_DRAW_SIZE を画面幅÷可視タイル数で動的計算（既存ビューポートロジックと同じ方式）

### 実装ファイル
- `pages/play.php` の `<script>` ブロック内に `RpgsfTileRenderer` クラス（またはオブジェクト）として追加
- 既存の `drawMap()` 呼び出し箇所で `RpgsfTileRenderer.init()` → `RpgsfTileRenderer.drawTile(ctx, code, dstX, dstY, tileSize, seedX, seedY)` を呼ぶ形に差し替える
- 既存のCSS `.grass/.forest/.mountain` 等のタイルクラスはHTMLフォールバック用に残す（JS無効時の保険）

## 3. 既存機能との整合
- マップデータ構造（rows配列の地形コード）は変更なし
- プレイヤー移動・衝突判定・NPC接触・宝箱・イベントタイルのロジックは一切変更しない
- ミニマップ・セーブ/ロード・天気エフェクトオーバーレイは既存のまま動作する
- サーバー側PHPは変更不要（純粋なフロントJS追加）