メルヘンマッチタウン - 3マッチパズルで復興する動物の町

王道の3マッチパズルに『廃れた町を復興させる箱庭ストーリー』を融合させたカジュアルゲーム。パズル好き・タウンビルダー好き・幼児から大人まで幅広く楽しめる、スマホ/PC両対応の公開ウェブアプリ。

【主要機能】
1. 8x8マッチ3パズル。スワイプでキャンディを交換し3個以上消去。4個ならライン消し、L/T字5個で爆発、5個直線で虹キャンディが発生。
2. ステージモード全40面。目標スコア・指定キャンディ回収・障害物破壊の3種の目標と、制限手数/時間制を用意。
3. タウンビルディング。獲得した星とコインでパン屋・花屋・噴水・遊園地など12種の建物を建設・アップグレードし、町の見た目がリアルタイムに変化。
4. 動物住民5匹（うさぎ・きつね・くま等）との会話イベントが建物解放ごとに発生し、短編ストーリーが進行。
5. ライフ制(5、時間回復)、デイリーボーナス、デイリーチャレンジ、ステージ別ランキング(MySQL)。
6. 住民図鑑・建物図鑑・実績バッジ。

【画面構成】
タイトル画面(ロゴと町の朝景)／町マップ画面(俯瞰視点、建物タップで詳細、パズル入口)／パズル画面(8x8グリッド、目標・手数表示、スペシャルエフェクト)／リザルト画面(星3段階評価)／会話イベント画面(立ち絵＋セリフウィンドウ)／図鑑・実績画面／ランキング画面／設定画面(BGM/SE音量・ミュート)。

【データ構造(MySQL)】
players(id, nickname, created_at)／progress(player_id, stage_no, stars, best_score, cleared_at)／town_state(player_id, building_id, level)／rankings(id, player_id, nickname, stage_no, score, created_at)／events_log(player_id, event_id, seen_at)。基本進行はLocalStorageに保存し、ランキング送信時のみDB通信。

【デザイン方向性】
水彩絵本風のパステルカラー、丸みのある太めの輪郭線、木漏れ日のような暖色の光。キャラクターは動物の擬人化デザインで統一し、UIも木目・リボン・花びらモチーフで統一感を出す。

【BGM仕様(Web Audio API)】
オルゴール+アコースティックギター+木管によるメインテーマ、BPM100・4/4拍子、コード進行C-G-Am-F(I-V-vi-IV)。A(8小節:グロッケン主体メロディ+四分音符ベース)→B(8小節:木管の対旋律追加、4小節目末に軽いフィル)を繰り返すループ。パズル中はテンポ120のアップ版に切替、コンボ時にアルペジオを加算。AudioContext.currentTime基準で次フレーズを先読みスケジューリングし、BGM/SEを別ゲインノードで音量管理、ミュートボタンと画面遷移時のノード停止・disconnectを実装する。

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

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