プレイヤー・仲間キャラクターのドット絵スプライトをCanvas上でリアルタイム再生成し、職業・性格・装備・状態異常を反映した多彩な外観に強化

## 1. 目的
現在、職業・性格・転職状態に応じたドット絵スプライトは「スプライトシート参照」または「固定Canvas描画」で表示されているが、装備変更・レベルアップ・状態異常（毒・眠り・混乱など）・転職後の外観変化がリアルタイムに反映されていない。モンスタースプライトと同様に「毎回Canvas再生成」する仕組みをキャラクター側にも導入し、マップ・ステータスHUD・戦闘画面でプレイヤーと仲間の外観が動的に変化するようにする。

## 2. 具体的な仕様

### 2-1. Canvas再生成トリガー
以下のタイミングでスプライトCanvasを再描画する：
- 装備変更（武器・防具変更時）
- レベルアップ
- 転職後
- 状態異常付与・解除（毒・眠り・混乱・麻痺）
- 戦闘開始・終了
- ターン経過（戦闘中は待機→攻撃→被弾ポーズをローテーション）

### 2-2. 描画レイヤー構成（16×16px ベース、Canvas 48×48px 表示）
各キャラクターのスプライトを以下のレイヤーで合成描画：
1. **ベースシルエット**: 職業IDに対応した体型（warrior=がっしり / mage=細身 / healer=中肉 / thief=小柄 / monk=筋肉質）
2. **カラーパレット**: 性格IDに対応した基本色（brave=赤系 / clever=青系 / sturdy=緑系 / reckless=橙系 / lucky=黄系 / normal=グレー系）
3. **装備オーバーレイ**: 武器（剣/杖/弓/拳）と防具（鎧/ローブ/軽装）の種別に応じた装備シルエットを重ね描き
4. **状態異常エフェクト**: 毒=紫フィルタ半透明オーバーレイ / 眠り=Zzzテキスト / 混乱=頭上に渦巻き / 麻痺=黄色点滅
5. **HP低下演出**: HP 25%以下で全体を赤みがかったオーバーレイ
6. **転職バッジ**: 転職済みの場合、右下に小さな星マーク（金色3px×3px）

### 2-3. ポーズバリエーション（戦闘中）
- 待機: 直立、わずかに上下ボブ（2フレーム、500ms間隔）
- 攻撃: 右前傾き姿勢
- 被弾: 左後退姿勢＋赤フラッシュ1フレーム
- 勝利: 両手上げ
- 状態異常: 待機ポーズに異常オーバーレイ追加

### 2-4. 実装場所
- `pages/play.php` 内のJavaScript部に `function rpgsf_draw_character_sprite(canvas, member, pose, options)` を追加
- 引数: canvas要素 / memberオブジェクト（job, personality, equip, hp, hp_max, status_effects, job_changed） / pose文字列 / options（size等）
- マップ画面: プレイヤーのCanvasタイルを毎移動時に再生成
- ステータスHUD: 各仲間カードのアイコンCanvasを状態変化時に再生成
- 戦闘画面: ターン毎に全キャラクターのポーズCanvasを更新（既存モンスター再生成ロジックと同じサイクルで実行）

### 2-5. フォールバック
- Canvas未対応ブラウザでは既存のテキスト記号（職業の頭文字）表示にフォールバック
- 再生成失敗時はコンソールwarningのみ、ゲーム進行は止めない

## 3. 既存機能との整合
- 既存のモンスタースプライト再生成ロジック（`rpgsf_draw_monster_sprite`相当の関数）とは別関数として実装し、干渉しない
- `rpgsf_play_fx_pct` / `rpgsf_play_hp_tone` などの既存関数は変更しない
- PHP側の変更は不要（JavaScriptのみの追加実装）
- スマホ・PCどちらでも既存のCanvasビューポート表示に乗せて動作すること
- 既存の冒険の書セーブ/ロード・ショップ・転職の各機能のデータ構造（memberオブジェクト）はそのまま読み取るだけで変更しない