生成した名前の「読み方（ふりがな）＋ローマ字表記」自動付与

1. 目的
現状、和風カテゴリを中心に生成される名前は漢字・カタカナ混じりのものも多く、「どう読むのか」「ローマ字でどう書くか」がわからないまま使うケースがある。読み（ひらがな）とローマ字表記を名前と同時に表示することで、実際にサービス名・バンド名・キャラ名として使う際の判断速度が上がり、ユーザーの満足度・滞在時間が向上する。外部APIは使わず、既存の名前パーツ辞書（各カテゴリの生成ロジック内に既にある単語データ）に読み・ローマ字を紐付けるだけで完結する。

2. 具体的な仕様

【データ側】
- 既存の名前パーツ辞書（接頭語・語幹・接尾語など）の各エントリに、以下の2フィールドを追加する。
- `reading`：ひらがな読み（例: "りゅう"）
- `roman`：ヘボン式ローマ字（例: "Ryu"）
- 英語系カテゴリ（テック・軍事・宇宙・バンド）は元々アルファベット表記のため `roman` は元の綴りをそのまま使い、`reading` はカタカナ読みを付与する（例: Nexus → "ネクサス"）。
- ファンタジー・和風カテゴリは漢字・カタカナが多いため特に重要。辞書は静的PHPまたはJSONファイルで管理する。

【生成ロジック側（PHP）】
- 名前生成時にパーツを結合するのと同時に、各パーツの `reading` を結合して読み文字列を、`roman` を結合してローマ字文字列を生成し、既存のレスポンスJSONに `reading` と `roman` キーを追加して返す。
- 既存のレスポンス構造：`{"name": "...", "meaning": "..."}` → 拡張後：`{"name": "...", "meaning": "...", "reading": "...", "roman": "..."}`

【フロントエンド側（HTML/CSS/JS）】
- 各生成結果カードの名前表示部分の直下に、以下を追加する。
- ひらがな読み：name要素のルビのようなスタイルで小さく表示（font-size: 0.75rem、color: #888）
- ローマ字：さらにその下にイタリック体で表示（font-size: 0.8rem、color: #aaa）
- カードのレイアウト変更は最小限（高さが若干増えるだけ）。既存のコピーボタン・お気に入りボタン・シェアボタンの位置は変えない。
- コピーボタンを押したとき、クリップボードにコピーされる文字列を「名前 (読み / ローマ字)」形式にする（例: "蒼龍ノヴァ (そうりゅうのう゛ぁ / Soryunova)"）。元の名前だけのコピーも維持したい場合は、コピーボタン長押し or 右クリックで「名前のみコピー」を選択できるようにする（任意対応）。
- Xシェア文にもローマ字を括弧付きで追記する。

【お気に入り保存（localStorage）】
- 既存のお気に入りオブジェクトに `reading` と `roman` を追加保存する。既存保存済みデータはフィールドが無いだけで表示は壊れない（undefinedは非表示にfallbackする）。

【週間人気ランキング（MySQL）】
- ランキング表示時も読み・ローマ字を一緒に保存・表示する。DBの `names` テーブル（またはいいねテーブル）に `reading VARCHAR(100)` と `roman VARCHAR(100)` カラムをALTER TABLEで追加。既存レコードはNULLで問題なし（ランキング表示側でNULLなら非表示にfallback）。

3. 既存機能との整合
- レスポンスJSONへのキー追加のみで既存キーは削除・変更しない。
- カードUIは縦方向に2行分の追加テキストが入るだけで、ボタン類の位置・機能は一切変更しない。
- お気に入りのlocalStorage形式は上位互換（旧データがあっても動作する）。
- DBはALTER TABLE追加のみでNULL許容にするため、既存レコード・既存クエリは壊れない。
- スマホでは読み・ローマ字行が折り返しても見た目が崩れないよう `word-break: break-all` を指定する。