エコセーバー・ラッシュ - 節電アクション&電気代シミュレーター

【目的・ターゲット】電気代の高騰に悩む一人暮らし〜ファミリー層向けに、爽快なタップ/スワイプアクションで節電意識を楽しく身につけられる便利ツール兼ゲーム。実用的な電気代シミュレーターと節電知識図鑑も搭載し、遊んで終わりにしない実利用アプリを目指す。

【主要機能】
1. タイムアタックモード(60秒/90秒):Canvas上のリビング・キッチン・寝室・浴室の各部屋に、つけっぱなしエアコン・待機電力家電・開けっぱなし冷蔵庫などの「電力浪費アイコン」が次々出現。タップ/スワイプで即座に処理しコンボを繋ぐと削減額換算スコアが倍増。
2. エンドレスモードとデイリーチャレンジ(全国共通固定シード)で腕を競い、MySQLベースのランキングに登録可能。
3. 電気代シミュレーター:世帯人数・地域・季節・主な家電を入力すると月間電気代目安と、節電行動による削減額を自動試算しグラフ表示。
4. 節電Tips図鑑:ゲームプレイで家電別・季節別の節電コツカードをアンロックしてコレクション。
5. コンボ・フィーバー演出とテーマ別BGM(Web Audio APIによるリアルタイム生成音源)でリッチな体験を演出。
6. 進行状況・実績・図鑑はLocalStorage保存、ランキングのみMySQLで共有。

【画面構成】
- タイトル画面:ヒーロー画像とモード選択(タイムアタック/エンドレス/デイリー/シミュレーター/図鑑/ランキング)
- ゲーム画面:Canvas全画面、部屋背景に浪費アイコンが出現、上部にスコア・コンボ・残り時間・削減額換算を表示
- 結果画面:今回の削減額換算、ハイスコア更新演出、ニックネーム入力でランキング登録
- シミュレーターページ:フォーム入力→試算結果とグラフ表示、印刷/PNG保存対応
- 図鑑ページ:獲得済み節電Tipsカード一覧、未獲得はシルエット表示
- ランキングページ:モード別トップ100表示

【データ構造】
- scoresテーブル(id, nickname, mode, score, saved_yen, created_at)
- tips_masterテーブル(id, category, season, title, content)固定データ約60件
- ユーザー登録・ログイン不要、ニックネームのみ

【デザイン】エコをイメージした爽やかな緑×黄色のネオン配色。マスコットの妖精キャラが応援演出を担当し、家電アイコンはポップで丸みのあるフラットデザイン。スマホ縦持ち・PC両対応のレスポンシブCanvas構成。