国別パーソナル図鑑（訪問スタンプ＆メモ機能）の追加

## 1. 目的
クイズで出題された国を「訪問済み」としてスタンプ記録し、自由メモを残せる図鑑ページを追加する。コレクション欲と継続学習意欲を高め、リピート率を向上させる。

---

## 2. 具体的な仕様

### 2-1. データ設計（MySQL）
既存テーブルを壊さず、新テーブルを2つ追加する。

```sql
CREATE TABLE country_stamps (
id INT AUTO_INCREMENT PRIMARY KEY,
nickname VARCHAR(50) NOT NULL,
country_code CHAR(3) NOT NULL, -- ISO 3166-1 alpha-3
stamped_at DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
UNIQUE KEY uq_nick_country (nickname, country_code)
);

CREATE TABLE country_memos (
id INT AUTO_INCREMENT PRIMARY KEY,
nickname VARCHAR(50) NOT NULL,
country_code CHAR(3) NOT NULL,
memo VARCHAR(200) NOT NULL DEFAULT '',
updated_at DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
UNIQUE KEY uq_nick_country (nickname, country_code)
);
```

### 2-2. スタンプ付与ルール
- **クイズ正解時**（4択・国旗スピード・地図クリック・地域別・デイリーのいずれか）に、正解した国の `country_code` を `country_stamps` に INSERT（重複は IGNORE）する。
- 既存の正解処理 PHP の末尾に1クエリ追加するだけで実装可能。

### 2-3. 図鑑ページ（`zukan.php`）
- ナビゲーションに「📖 図鑑」メニューを追加。
- ニックネームを入力（またはセッション引き継ぎ）してページを開くと、195カ国のカードグリッドを表示。
- **スタンプ済み国**: カラー表示 ＋ 国旗絵文字 ＋ スタンプ獲得日
- **未スタンプ国**: グレーシルエット表示（国名は表示、詳細は非表示）
- 上部に「制覇率バー」（スタンプ数 / 195 をパーセント表示）
- 大陸フィルターボタン（全 / アジア / ヨーロッパ / アフリカ / 北米 / 南米 / オセアニア）でカードを絞り込み可能（JS でクラス切り替え、ページリロードなし）

### 2-4. メモ機能
- スタンプ済みカードをタップすると、既存の「国カード詳細モーダル」を拡張した形でメモ欄（`<textarea>` 最大200文字）を表示。
- 「保存」ボタン押下で `memo_save.php` に Ajax POST → `country_memos` に UPSERT。
- モーダルはすでに存在するため、メモ欄の追加のみで整合性を保てる。

### 2-5. APIエンドポイント（PHP）
| ファイル | メソッド | 役割 |
|---|---|---|
| `stamp_add.php` | POST | country_code + nickname で stamp INSERT |
| `memo_save.php` | POST | memo UPSERT |
| `zukan_data.php` | GET | nickname の全スタンプ＋メモ一覧を JSON 返却 |

---

## 3. 既存機能との整合
- 既存テーブル・ファイルは**一切変更せず**、新テーブル2本と新PHPファイル3本の追加のみ。
- 正解処理PHP（`quiz_result.php` 相当）の末尾に `stamp_add.php` への呼び出し（Ajax）を1行追記するだけ。
- 国カード詳細モーダルのHTMLにメモ用 `<div>` を追記し、既存の表示ロジックは変えない。
- ニックネーム方式はそのまま流用し、追加のログイン機構は不要。
- レスポンシブ: カードグリッドは `grid-template-columns: repeat(auto-fill, minmax(120px, 1fr))` でスマホ3列・PC6列に自動対応。