ケーブルマスター - コネクタ早挿しアクション

【目的・ターゲット】PC初心者、家電量販店スタッフ、テレワーカー、実家のIT係を任されがちな人向けに、USB-A/C・HDMI・LAN・電源プラグ・SDカード・Lightning・3.5mmジャックなど日常でよく使う接続端子の形状と正しい挿し方を、爽快な反射神経ゲームで自然に覚えられる無料ブラウザゲーム。実用知識×アーケードの新ジャンルとして「ついやってしまう」設計を狙う。

【主要機能】
1. 60秒/90秒タイムアタックとエンドレスの3モード。画面中央に置かれたPC・テレビ・スマホ・ルーター・ゲーム機などの機器に空きポートが複数出現。
2. 下や左右からランダムに流れてくるケーブル（コネクタ形状で判別）をドラッグ&ドロップで正しいポートへ。正解時は電流が走る爽快な接続エフェクト＋SE、誤りはスパーク演出とライフ減少。
3. コンボとフィーバータイムで得点倍率が上昇。フィーバー中はBGMが変化しテンポアップ。
4. プレイ中に接続したコネクタは「コネクタ図鑑」に自動登録。名称・形状特徴・主な用途・よくある勘違いを解説カードで学べる。
5. 日替わり固定シードのデイリーチャレンジと、モード別スコアランキング（ニックネーム投稿式）。
6. テーマ切替（オフィス/リビング/ガジェットショップ）で背景・機器デザイン・生成BGMが変化。

【画面構成】
- タイトル画面：ロゴ風レイアウト、モード選択ボタン、テーマ選択、BGM/SEトグル。
- ゲーム画面：Canvas全画面。上部にスコア・コンボ・残り時間・ライフ、下部または画面外周からケーブルが出現、機器は中央〜上部に配置。
- 結果画面：最終スコア、正解率、最大コンボ、ミス内訳、ニックネーム入力とランキング投稿。
- 図鑑画面：獲得済みコネクタカードのグリッド表示、未獲得はシルエット表示。
- ランキング画面：モード別トップ10リスト。

【データ構造】
- scores テーブル: id, mode(varchar), theme(varchar), nickname(varchar), score(int), max_combo(int), accuracy(float), created_at(datetime)
- コネクタ・機器マスタはJS内の静的データとして保持しDBは不要。LocalStorageに図鑑進捗と個人ベストを保存。

【デザイン方向性】
ダークブルーグレーの基調にネオンブルー/オレンジの配線ラインが走るガジェットショップ風ビジュアル。フラットで視認性の高いコネクタアイコン、電流が走るパーティクルエフェクト、テーマごとに背景と機器イラストを差し替えてリッチ感を演出。生成BGMはテーマ別に軽快なエレクトロ/シンセを使用し、フィーバー時はテンポアップする2段階構成。