「今日のラッキーランチ」おすすめ1件ピックアップ表示

## 1. 目的
ルーレットを回す前に「今日のおすすめ」を1件提示することで、迷いを即解消できるワンタップ導線を追加する。履歴データを活用して「最近食べていない」「この時間帯に合う」候補を自動選出し、アプリの賢さをアピールする。

## 2. 具体的な仕様

### 2-1. 表示場所・タイミング
- ページロード時、ルーレット盤の上部に「🍀 今日のラッキーランチ」カードを1枚表示する。
- カードは常時表示（折りたたみ不可）だが、高さは約80px程度のコンパクトなバナー型とし、ルーレット操作を妨げない。

### 2-2. 選出ロジック（クライアントサイド JS / localStorage参照）
優先度順に以下の条件でスコアリングし、最上位1件を表示する。
1. **未食点数**：30日履歴に登場していない候補に +3pt
2. **間隔点数**：最後に食べた日から日数が多いほど +0〜2pt（7日以上で+2、3〜6日で+1）
3. **フィルター一致**：現在設定中のジャンル・予算・時間フィルターに合致すれば +2pt
4. **ランダム揺らぎ**：Math.random() × 1pt を加算してマンネリ防止

同点の場合は候補配列のインデックスが若い方を優先。フィルター適用後の候補が0件の場合はカードを非表示にする。

### 2-3. カードのUI要素
- 候補名（大きめフォント）
- ジャンル・予算・時間の小タグ（既存の表示スタイルを流用）
- 「これにする ✓」ボタン：押すと即座に当選アニメーション（既存のルーレット当選演出を流用）を再生し、履歴に今日の日付で記録する。
- 「別の候補を見る 🔄」ボタン：次点の候補に切り替える（最大5回まで、それ以降はボタンをグレーアウト）。
- カード背景は薄いグラデーション（既存のCSS変数 --accent-color を利用）。

### 2-4. データ保存
- 「これにする」で記録する履歴フォーマットは既存の30日履歴と同一（localStorageキー・データ構造を変更しない）。
- 追加のlocalStorageキーは不使用。新規キーを作らず既存キーに書き込むだけで完結。

### 2-5. グループモード連携
- URLパラメータ付きのグループモード時は、全員が同じ候補を見られるよう、選出ロジックのランダム揺らぎシードをURLパラメータ文字列のhash値（簡易数値変換）に固定する。

## 3. 既存機能との整合
- ルーレットのSVGアニメーション・効果音・フィルター・マイリスト・履歴カレンダー・グループ共有・スキップメッセージは一切変更しない。
- カードのHTMLは既存のルーレット盤コンテナの直前に `<div id="lucky-pick-card">` として追記するだけ。
- CSSはBEMクラス（.lucky-pick__*）で新規追加し、既存スタイルを上書きしない。
- PHPやMySQLは使用せず、完全にクライアントサイドJSで完結するため、サーバー側は無変更。