LoyaltyForge - 会員ロイヤルティプログラム設計&シミュレーター

【目的・ターゲット】小売店・飲食店・EC・サロンなどのオーナーやマーケティング担当者が、ポイント会員制度を『設計→コスト試算→実際に配れる会員証』まで一気通貫で作れる業務支援ツール。専門知識不要でリッチな会員証・ランクアップ演出を作り、顧客体験を高める。

【主要機能】
1. 制度設計ウィザード(4ステップ): ポイント付与率・有効期限・利用単位を設定
2. 会員ランク設計: ブロンズ〜プラチナ等、名称・しきい値・特典・カラーを自由編集(3〜6段階)
3. コストシミュレーター: 想定客数・平均購入額・購入頻度から、年間ポイント原資・想定LTV増加額を棒グラフ/折れ線で表示
4. デジタル会員証メーカー: テーマ選択(4種)・名前/会員コード/QR自動生成、PNG保存
5. 公開会員ページ: 推測困難なコードでURL発行し、顧客がスマホで自分のランク・ポイント進捗バーを閲覧可能。ランクアップ時にCanvas演出+生成BGMで祝福ジングルを再生
6. 管理ダッシュボード: 制度一覧、会員リスト、CSV入出力、ポイント付与/失効の手動調整

【画面構成】
(1)制度一覧ダッシュボード (2)制度設計ウィザード (3)シミュレーション結果画面 (4)会員証デザイナー (5)会員管理一覧 (6)顧客向け公開会員ページ(ランクアップ演出含む)

【データ構造(MySQL)】
- programs(id, owner_token, name, tiers_json, point_rate, expiry_months, theme, created_at)
- members(id, program_id, name, member_code, points, current_tier, created_at)
- point_logs(id, member_id, delta, reason, created_at)

【デザイン方向性】
ラグジュアリー×ポップの中間。ジェムトーンのグラデーション背景、丸角カード、メタリック光沢のランクバッジ、太めの線と柔らかい斜光。ランク別カラー(ブロンズ/シルバー/ゴールド/プラチナ)を全画面で統一。

【BGM/SE仕様】ランクアップ祝福ジングル(Web Audio API、AudioContext.currentTime基準で先読みスケジューリング): ポップ・コーポレート系、BPM120、4/4拍子、8小節構成(Aメロ4小節はキック+ハイハット+ベース+C-G-Am-Fコード、Bメロ4小節で高音ベルメロディとスネアフィルを追加)。休符とアクセントで抑揚をつけ、終端はグリッサンド風の効果音。BGM/SE音量は別スライダーで管理、ミュートボタン、画面遷移時に全ノードdisconnect/停止処理を実装。

## BGM品質要件
- アプリの雰囲気に合うジャンル・BPM・拍子を定め、ドラム、ベース、和声、メロディの4層で構成する
- 最低8小節またはA/Bの2展開を作り、休符、アクセント、フィル、フレーズ変化を入れる
- Web Audio APIはAudioContext.currentTime基準で先読みし、BGM/SE別音量・ミュート・停止処理を実装する
- 単一オシレーターの持続音や1〜3音だけの反復はBGMとして不可

## ビジュアル品質要件
- 生成済み素材を仕様内の用途・表示場所で実際に使用し、未使用素材を残さない
- 画風・配色・キャラクター比率を全画面で統一し、文字はHTML/CSSで重ねる
- PC・スマホで画像の欠け、引き伸ばし、文字との重なりがないことを開発完了前に確認する