フォーカスブレイカー - 集中力を可視化する爽快バトルタイマー

【目的・ターゲット】勉強・仕事・作業に集中したい学生やビジネスパーソン向けに、ポモドーロ型タイマーの実用性と『ついやってしまう』アクションゲームの爽快感を融合した集中支援ツール。地味になりがちな作業タイマーを、破壊演出とスコアで毎回楽しくする。

【主要機能】
1. タイマー設定: 25/45/60分などのプリセット＋カスタム分数、テーマ選択(森林/宇宙/レトロネオンの3種)。
2. バトル演出: 集中セッション中、画面上に『誘惑モンスター(SNS通知・スマホ・お菓子等をモチーフにしたキャラ)』がランダムに浮遊出現し、タップ/クリックで粉砕。爆散エフェクトと効果音で爽快感を演出。
3. コンボ&フィーバー: 連続タップでコンボゲージが上昇し、一定間隔でフィーバータイム発動、スコア倍率アップ。集中を切らさず作業した時間が長いほど高スコア。
4. BGM自動生成: Web Audio APIでテーマ別の集中用BGM(アンビエント/シンセ/8bit)をリアルタイム生成し、セッション中ループ再生。休憩時間は落ち着いた音色に自動切替。
5. セッション履歴&実績: 累計集中時間・最大コンボ・獲得コインをローカル保存し、連続達成日数バッジ、育成キャラのレベルアップ演出を表示。
6. グローバルランキング: テーマ別・期間別(デイリー/累計)にスコアをMySQLへ登録し、ニックネーム付きで競い合える。

【画面構成】
- ホーム画面: タイマー設定・テーマ選択・スタートボタン・自己ベスト表示。
- プレイ画面: 中央に円形カウントダウン、Canvas上を漂う誘惑モンスター、右上にコンボゲージ・スコア、下部に育成キャラ。
- 結果画面: 獲得スコア・コンボ最大値・実績バッジ演出・ランキング登録フォーム。
- 履歴/ランキングページ: 過去セッションのグラフ、テーマ別ランキング一覧。

【データ構造】
- sessions テーブル(id, user_hash, duration_min, score, max_combo, theme, created_at)
- ranking テーブル(id, nickname, score, theme, period, created_at)
- achievements はブラウザ側 localStorage で管理し、サーバー負荷を軽減。

【デザイン方向性】
ネオンポップ×ゲームUIを基調に、各テーマで背景色・エフェクトカラーを変化(森林=緑グラデ、宇宙=紺×蛍光、レトロ=ドット絵ネオン)。マスコットキャラがタイマー進行に合わせて成長するアニメーションでモチベーションを維持する。