BGM/効果音の音量調整スライダーを追加

1. 目的:
現在BGMと効果音はそれぞれON/OFFのトグルのみで、音量の中間調整ができない。オフィスや電車内など静かな環境でプレイしたいユーザーが「完全に消すのではなく小さい音で楽しみたい」というニーズに応えられていない。既存のON/OFF機能はそのまま維持しつつ、音量段階を追加することで利用シーンを広げる。

2. 具体的な仕様:
- タイトル画面(スタート画面オーバーレイ)およびプレイ中のトップバーにある🎵(BGM)・🔊(効果音)ボタンを長押し/クリック時にポップオーバーで音量スライダー(0〜100%、10%刻み)を表示する。既存の短押し(タップ)動作は従来通りON/OFF切り替えのままとする。
- スライダー操作時、Web Audio APIのGainNode(bgmGainNode.gain.value, sfxGainNode.gain.value)にリアルタイム反映する。
- 選択した音量はlocalStorageに `vd_bgm_volume` / `vd_sfx_volume` (文字列化した0〜100の数値)として保存し、次回訪問時も維持する。キー未存在時はデフォルト100%として扱い、既存ユーザーの体験(現状と同じ音量)を変えない。
- 値が破損している場合(数値変換できない/範囲外)は安全に100%へフォールバックする。
- OFFトグル中はスライダーをdisabled表示にし、ONに戻すと直前の音量設定を引き継ぐ。

3. 既存機能との整合:
- 既存のON/OFFトグルボタンのクリック挙動・保存キー(vd_bgm/vd_sfx想定)はそのまま変更しない。
- 音量キーが存在しない既存端末では自動的に100%扱いとなり、これまでの音量体験と完全に同じになるため後方互換。
- DBスキーマ、スコア送信、ランキング、CSRF処理には一切影響しない。
- スマホ/PC両方でタッチ・マウス操作可能なスライダーUIとし、レスポンシブ対応する。