メトロポリア：箱庭タウンビルダー経営シム

【目的・対象】ゾーニングと予算配分で人口・財政・満足度を同時に伸ばす、経営性のある箱庭タウンビルダー。放置育成の箱庭系や装飾中心アプリとは異なり「政策判断で街の未来が変わる」戦略性を核とし、カジュアル層からシム好きまで幅広く狙う。

【主要機能】
1. 24x24アイソメトリック風グリッドに住宅・商業・工業ゾーンと道路・公園・発電所を配置し人口/税収/汚染を管理
2. 税率・予算配分（教育/治安/福祉/環境）をスライダーで調整し、市民満足度・犯罪率・失業率が週次で変動
3. ランダムイベント（火災・台風・観光ブーム・疫病）が発生し、対応選択（消防増強/避難所建設/放置）で結果分岐
4. 昼夜・四季の自動サイクルで街並みビジュアルとBGMが変化、実績バッジ30種と建物図鑑を収録
5. 街の状態をPNGレポート画像として書き出し、人口・資金・満足度スコアで全世界ランキングに投稿可能
6. LocalStorageによる自動セーブ、複数スロット対応、いつでも再開できるサンドボックスモード

【画面構成】
・タイトル画面：ヒーロービジュアル＋「新しい街を作る/続きから/ランキング」
・メイン画面：Canvas俯瞰マップ＋左に建物パレット、右上に人口/資金/満足度/税率パネル、下にイベントログ
・イベントモーダル：発生イベントの説明と対応選択肢
・図鑑・実績画面：解放済み建物とバッジ一覧
・ランキング画面：スコア別グローバル順位、街レポート画像プレビュー

【データ構造】
MySQL: rankings(id, city_name, player_name, population, funds, satisfaction, score, created_at)。建物マスタ・イベントマスタはJS内静的データで保持し、ゲーム状態はLocalStorageに保存。

【デザイン方向性】
温かみのあるパステル調ジオラマ風アイソメトリック。固定3/4カメラ視点、丸みのある建物シルエット、柔らかいリムライト。UIは白基調＋パステルアクセントカードでシムゲーム特有の情報量を整理。

【BGM仕様】
Lo-fiアンビエント、BPM72、4/4拍子。パッド和音（Imaj7-vi7-IV7-V7循環）にソフトピアノアルペジオと木琴メロディを重ね、ブラシドラムで軽い拍を刻む。8小節Aメロ＋8小節Bメロ構成で、4小節毎にハイハットのアクセントとフィルを挿入。昼はアップテンポの明るいコード、夜はローパス寄りの落ち着いた音色に切替。Web Audio APIでAudioContext.currentTimeを基準に先読みスケジューリングし、BGM/SEを別GainNodeで管理、ミュートボタンと画面遷移時のノード解放処理を実装。

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

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