学習前「出題順シャッフル／出題数カスタム」設定パネルの追加

## 1. 目的
現在、4択モード・エンドレスモード・苦手集中モードいずれも出題順序や出題枚数をユーザーが変更できず、毎回同じ順番で同じ枚数が出題される。出題順のシャッフルと出題数の選択を可能にすることで、上級者は少数枚を高速周回でき、じっくり学びたいユーザーは多めの枚数を選べるようになり、継続率と満足度を向上させる。

## 2. 具体的な仕様

### 2-1. 設定パネルの表示タイミング・場所
- 言語・カテゴリ・難易度・学習モードを選択して「学習開始」ボタンを押した後、既存の学習画面へ遷移する前に **「学習設定」ポップアップ（モーダル）** を1枚挟む。
- モーダルのタイトル：「⚙️ 学習設定」
- ボタン：「▶ この設定で開始」（確定）／「✕ キャンセル」（モーダルを閉じてモード選択に戻る）

### 2-2. 設定項目
#### ① 出題順序
- ラジオボタン2択
- 🔀 シャッフル（デフォルト：ON）
- 📋 登録順（固定順）

#### ② 出題枚数（4択モード・苦手集中モード向け）
- スライダー＋数値表示
- 範囲：5〜選択カテゴリの登録枚数（上限は120枚、ただし苦手集中モードは最大10枚固定のため本設定項目を非表示にする）
- デフォルト値：10
- スライダーを動かすとリアルタイムで「XX 問出題」と横に表示
- エンドレスモード選択時はこの項目を非表示（「上限500問」の既存仕様を維持）

### 2-3. 設定値の保持
- 最後に選んだ「出題順序」と「出題枚数」を **localStorage** に保存（キー：`cardmaster_quiz_order`、`cardmaster_quiz_count`）し、次回起動時にデフォルト値として復元する。
- 言語・カテゴリをまたいでも設定は引き継ぐ（汎用設定として扱う）。

### 2-4. データ処理
- シャッフルはFisher-Yatesアルゴリズムで実装（外部ライブラリ不要）。
- 出題枚数が選択カテゴリの総カード数を超えた場合、自動的に総カード数に丸める（バリデーション）。

### 2-5. UI・スタイル
- モーダルはスマホ・PCどちらでも画面中央に表示、背景はオーバーレイ（rgba黒50%）。
- 既存のポップカラーUIに合わせてモーダルの角丸・フォント・カラーを統一。
- スライダーはCSS変数で既存テーマカラー（アクセントカラー）を反映。
- ダークテーマ時もモーダル背景・テキストが既存のダークテーマ配色に従う。

## 3. 既存機能との整合（壊さない点）
- 苦手集中モードの「間違い回数順ソート」「最大10問」「3回連続正解で卒業」ロジックはそのまま維持。シャッフルのみ適用可（出題枚数スライダーは非表示）。
- エンドレスモードの「最大500問」「いつでも結果へ」仕様は変更なし（出題枚数スライダーを非表示にすることで競合を避ける）。
- 4択モードの「10問終了後に全問答え合わせ画面」は、ユーザーが枚数を10以外に設定した場合もその枚数終了後に同じ答え合わせ画面へ遷移する（既存の答え合わせ処理を枚数変数で参照するよう1箇所変更するだけで対応）。
- 進捗バー・スコア・ストリーク・カレンダー・バッジ等の集計ロジックは変更なし。