戦闘背景をバイオーム・天候・時間帯に応じてCanvas毎回リッチ再生成し、モンスタードット絵を戦闘ごとに新規描画する強化

## 1. 目的
現在の実装では戦闘画面のモンスタードット絵と背景がバイオーム・天候・時間帯に応じて変化するとfeatures欄に記載されているが、Canvas再生成のリッチ度・バリエーションが不足している。バトル開始のたびにモンスターのドット絵をCanvas上で部位別・カラーパレット別にゼロから描画し直し、戦闘背景もバイオーム（草原/森/砂漠/沼/海岸/火山/洞窟）×天候（晴/雨/雪/霧）×時間帯（昼/夕暮れ/夜）の組み合わせで毎回異なるグラデーションとパーティクルをCanvasで生成することで、戦闘の没入感を大幅に向上させる。

## 2. 具体的な仕様

### 2-1. 戦闘背景Canvas（id: `battleBgCanvas`）
- 戦闘開始時（`startBattle()`相当のJS関数内）で `drawBattleBg(biome, weather, timeOfDay)` を呼び出す
- バイオーム別の空・地面の基本グラデーション配色を定義（例: 草原＝空`#6bb5ff→#a8d8ff`、地面`#4a7c35`、洞窟＝`#111→#222`、`#333`）
- 天候オーバーレイ: 雨→縦方向の青半透明ストローク群をランダム座標で描画、雪→白い小円をランダム散布、霧→白半透明の横グラデーションrect
- 時間帯オーバーレイ: 夕暮れ→橙〜赤グラデーションを上から半透明で重ねる、夜→ネイビー半透明＋白い小点（星）をランダム配置
- 背景は戦闘ごとに `Math.random()` を使い微妙に異なる雲・岩・木シルエットを3〜5個Canvasパスで描画（シルエット形状はバイオーム別の固定パスセット5種からランダム選択）

### 2-2. モンスタードット絵Canvas（id: `monsterCanvas`）
- 既存の部位別描画ロジック（胴体・頭・腕・脚・目・口・武器）を拡張し、モンスター種別ごとに6色カラーパレット候補を3セット用意する
- バトル開始ごとにパレットセットをランダムに選び、全部位の色をそのパレットから割り当てて描画（同一モンスターでも色が毎回わずかに変化）
- HP低下時（50%以下）: モンスターCanvas上に赤いひびエフェクト（斜めの短い線を数本ランダム描画）を重ねる
- 撃破時: モンスターCanvasを0.4秒かけてscaleX方向にshrinkするCSSアニメーションを付与し、その後`clearRect`で消去
- 待機ポーズ: 2フレームのy方向±2pxオフセットをrequestAnimationFrameでループ（既存のアニメーション処理を流用・強化）

### 2-3. PHPサイドでの情報受け渡し
- `play.php`でPHPが出力するJSオブジェクト `window.RPGSF_BATTLE_ENV` に以下を追加:
```js
window.RPGSF_BATTLE_ENV = {
weather: "<?= h($env_weather) ?>",
timeOfDay: "<?= h($env_time) ?>",
// biomeはJS側でenemyデータのfield_typeから判定済みのものを使用
};
```
- すでに `$env_weather` と `$env_time` は `play.php` で取得済みのため、PHPの変更は最小限

### 2-4. エンカウントテーブルとの整合
- 既存の「町・村ではエンカウントなし、屋外・ダンジョンで別テーブル」ルールはそのまま維持
- `rpgsf_play_enemy_biome()` の返り値を `drawBattleBg()` の biome 引数にそのまま渡す

## 3. 既存機能との整合（壊さない点）
- 戦闘ロジック（ターン制・魔法・逃走・勝敗判定・レベルアップ）は変更なし
- BGM・効果音・音量調整は変更なし
- セーブ/ロード・CSRF・セッション管理は変更なし
- モンスター図鑑への記録ロジックは変更なし
- Canvas要素の id/class は既存のまま流用し、描画関数のみ上書き強化する

## 4. 規模感
- JS側: `drawBattleBg()` 関数の新規追加（約80行）＋モンスター描画関数の拡張（約60行）
- PHP側: `window.RPGSF_BATTLE_ENV` への2キー追加のみ（既存変数の再利用）
- CSS: 撃破アニメーション用 `@keyframes monster-defeat` の追加（約10行）
- 1サイクルで完成する現実的な規模