DealArena - 商談ウィン・ロス分析＆勝率可視化ダッシュボード

【目的・ターゲット】BtoB営業チームのマネージャー・営業担当者向けに、商談の受注・失注を記録し「なぜ勝ち/負けたか」を可視化して次の商談に活かすセールスWin-Loss分析ツール。単なる案件管理ではなく、結果をeスポーツの試合結果のようにドラマチックに演出することでチームのモチベーションと振り返り精度を高める。

【主要機能】
1. 商談カード登録：顧客名・金額・フェーズ・競合名・担当者・結果(受注/失注)・失注理由カテゴリ・メモを登録
2. リザルト演出画面：受注時はフルスクリーンで花火とトロフィー演出＋勝利ファンファーレBGM、失注時は静かな内省演出＋教訓メモ入力を促す
3. 勝率ダッシュボード：月次勝率推移グラフ、金額帯別勝率、競合別勝率をカード形式で表示
4. 失注理由分析：価格・機能・タイミング・競合・社内都合などをレーダーチャート化し弱点を発見
5. チームリーダーボード：月間受注件数・金額ランキング、金銀銅バッジ表示
6. CSVエクスポートとA4印刷用月次レポート出力

【画面構成】
・ダッシュボード（サマリーカード、勝率推移グラフ、リーダーボード）
・商談一覧/登録フォーム（カードUI、フィルター、検索）
・リザルト演出フルスクリーン画面（勝敗別アニメーション）
・分析ページ（競合別・理由別・金額帯別チャート）
・設定画面（担当者・競合・失注理由マスタ管理）

【データ構造(MySQL)】
- members(id, name, team)
- competitors(id, name)
- lose_reasons(id, label)
- deals(id, member_id, customer_name, amount, phase, competitor_id, result, lose_reason_id, close_date, memo, created_at)

【デザイン方向性】ダークネイビー＋ゴールド/シアンのネオンを基調としたプロフェッショナルeスポーツ風デザイン。フラットな図形とグロー表現でデータを美しく見せる。

【BGM設計(Web Audio API)】
・勝利ファンファーレ：メジャーキー、BPM128、4/4拍子、ブラス系シンセ+4つ打ちキック+スネアロールのフィル、8小節構成(Aメロ4小節+ビルドアップ4小節)
・失注リフレクション：マイナーキー、BPM70、ピアノアルペジオ+パッド、8小節ループで内省を促す
・ダッシュボードBGM：BPM90のローファイアンビエント、ベースドローン+柔らかいパッドが4小節ごとに変化
・AudioContext.currentTimeで先読みスケジューリング、BGM/SE個別音量、ミュート、画面遷移時のノード解放を実装

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

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