単語帳エクスポート／インポート機能の追加（マイデッキをJSONファイルで持ち出し・取り込み）

## 1. 目的
マイデッキ（customDecks）は現在 localStorage にのみ保存されており、端末変更・ブラウザ変更・クリア時にデータが失われる。JSON ファイルへのエクスポートと、同形式ファイルのインポートを追加することで、デッキの持ち出し・バックアップ・他端末への移行を可能にし、ユーザーが作り込んだデッキ資産を守る。

## 2. 具体的な仕様

### 2-1. エクスポート
- ホーム画面のマイデッキ一覧エリアに「📤 エクスポート」ボタンを追加（既存の「＋ 新規デッキ作成」ボタンの隣）。
- クリック時、localStorage の `customDecks`（JSON 配列）を Blob 化し、`<a download="cardmaster_decks_YYYYMMDD.json">` 経由でダウンロードさせる（外部 API 不要、純 JS）。
- デッキが 0 件の場合はボタンを非活性（disabled）にしてツールチップで「デッキがありません」と表示。

### 2-2. インポート
- 同エリアに「📥 インポート」ボタンを追加。
- クリックで `<input type="file" accept=".json">` をプログラマティックに open し、ファイル選択後に FileReader で読み込む。
- 読み込んだ JSON を検証：
- 配列であること
- 各要素に `name`（string）・`cards`（array）が存在すること
- `cards` の各要素に `front`（string）・`back`（string）が存在すること
- 検証失敗時はアラートで「ファイル形式が正しくありません」と表示して中断。
- 既存デッキとのマージ方針：
- インポートファイル内の各デッキについて、`name` が既存デッキと完全一致する場合は「上書きしますか？」を confirm で確認（1 回のみ、一括）。
- 上書き確認で「キャンセル」を選んだ場合は一致デッキをスキップし、新規デッキのみ追加。
- 追加後の合計デッキ数が 20 件を超える場合は超過分を切り捨て、「上限 20 件のため一部をスキップしました」とアラートで通知。
- 各デッキのカード数が 120 枚を超える場合は先頭 120 枚のみ取り込む。
- インポート成功後、デッキ一覧 UI を再描画する。

### 2-3. エクスポート JSON フォーマット（既存 customDecks の構造をそのまま使用）
```json
[
{
"id": "deck_xxxxxxxx",
"name": "デッキ名",
"cards": [
{ "front": "表面テキスト", "back": "裏面テキスト" }
],
"createdAt": 1718000000000
}
]
```
- インポート時は `id` の重複を避けるため、新規デッキには `"deck_" + Date.now() + Math.random()` で新 id を付与する。

## 3. 既存機能との整合
- localStorage の `customDecks` 構造は変更しない（読み書きロジックは既存のままで後方互換）。
- DB・PHP・サーバー側は一切変更しない（純クライアント JS のみ）。
- 既存の「作成・編集・削除」「4択学習」「選択肢補完フォールバック」の動作には影響しない。
- スマホ（モバイル Chrome / Safari）でも `<input type="file">` と `<a download>` は標準対応しており動作する。

## 4. UI 配置イメージ
```
[ ＋ 新規デッキ作成 ] [ 📤 エクスポート ] [ 📥 インポート ]
─────────────────────────────────────────
デッキ一覧...
```
ボタンは既存のボタンスタイル（`.btn` クラス）を流用し、エクスポートは `btn-ghost`、インポートは `btn-ghost` で統一してデザインを崩さない。