図鑑画面に各モードの進化コンプリート率をプログレスバーで表示

1. 目的:
図鑑画面では現在、各モードの進化チェーンとアンロック済みアイテムを一覧表示できるが、「あと何段階でコンプリートか」がひと目で分かりにくい。モード別の達成度をプログレスバーで可視化し、収集・やり込みのモチベーションを高める。

2. 具体的な仕様:
- pages/zukan.php の各モードセクション（進化チェーン表示の直上）に、小さなプログレスバー領域 (例: `<div class="vd-zukan-progress" data-mode="vegetable"></div>`) をPHP側で追加出力する。
- ページ読み込み時にJSで、既存のアンロック判定に使っているlocalStorageの自己ベスト情報 (モード別・言語非依存の最高到達進化段階、既存の vd_best_* 系キーを流用) を読み取り、`到達済み段階数 / 全11段階` を計算する。
- プログレスバーはCSSのみで実装 (横長のbar要素に幅%を設定、テキストで "7 / 11" のように表示)。モードのテーマカラーをbarの色に使う (既存のテーマカラー変数を流用)。
- localStorageが存在しない、値が不正、または未プレイの場合は "0 / 11" 表示、またはバー自体を非表示にし、現状の図鑑表示 (進化チェーン一覧) はそのまま維持する。
- 全モード合計のコンプリート率 (例: 全55種中n種解放) をページ上部にもうひとつ小さく表示するとより効果的だが必須ではない (任意)。

3. 既存機能との整合:
- サーバーサイドのDBスキーマ、進化チェーン定義、アンロック判定ロジックには手を加えず、既存のlocalStorage値を読み取って表示するだけの追加要素。
- localStorage未対応環境やデータなしの場合は現状の図鑑表示に完全にフォールバックするため後方互換。
- 既存のCSS/HTML構造への影響は最小限 (新規divの追加のみ)。