ブラックホール・シティ - 街を飲み込む穴の爽快パズルアクション

【目的・ターゲット】スキマ時間にサクッと遊べる爽快感特化のハイパーカジュアルゲーム。小学生から大人まで、Hole.io系の『飲み込み系』ゲーム未体験層〜好き層をターゲットにした新規ジャンル企画。

【主要機能】
1. プレイヤーは画面上を自由に動かせる『穴』を操作し、自分より小さいオブジェクト(コーン・ベンチ・車・木・自動販売機・家・ビルの順)に触れると吸収して自分のサイズが成長する。
2. 住宅街・繁華街・工業地区・遊園地・城下町の5ステージ。ステージごとに出現オブジェクトと目標吸収量が変化し、クリアで次ステージ解放。
3. 60〜90秒のタイムアタック制。連続吸収でコンボゲージが貯まり、フィーバー中は吸収範囲拡大＋スコア倍率アップ。
4. 障害物(吸収不可の岩・信号機)に当たるとサイズが一時減少するペナルティ有り。
5. ステージ別グローバルランキング(名前・スコア・吸収数)をMySQLに保存、リザルト画面から即登録。
6. Web Audio APIでリアルタイム生成する没入感あるBGM(ステージごとにテンポ・音色変化)と、吸収時のポップな効果音。

【画面構成】
- タイトル画面: ロゴ風ヒーロー背景、ステージ選択カード、ランキングボタン、遊び方モーダル。
- ゲーム画面: Canvas2D俯瞰視点、上部にタイマー・現在サイズゲージ・コンボ表示、穴はタッチ/マウスドラッグで直感操作。
- リザルト画面: 最終スコア・吸収数・ランクS〜Dの演出、名前入力してランキング登録、次ステージ/リトライボタン。
- ランキング画面: ステージ別タブ切替のトップ20リスト。

【データ構造】
rankingsテーブル(id, stage_id, player_name, score, absorbed_count, clear_time, created_at)。ステージ定義とオブジェクト種別はJS側の静的設定で管理し、DBは軽量に保つ。

【デザイン方向性】
ポップでカラフルなアイソメトリック風タウンイラストを背景に、穴は紫〜黒のネオングラデーションで縁取り光るビジュアル。吸収時にキラキラパーティクルと拡大アニメーションで爽快感を演出。スマホは片手操作、PCはマウス追従で快適に遊べるレスポンシブ対応。