幻獣アリーナ - 非同期カードバトル (arcana-arena)

隙間時間でサクサク遊べる、コレクション×対戦型カードバトルゲーム。ターゲットは通勤中や休憩時間に短時間で達成感を得たいカードゲーム好きの中高生〜社会人。

【主要機能】
1. 6属性(炎・水・風・土・光・闇)×レアリティ4段階、計80種以上の幻獣カードを収録。各カードはAI生成イラストを事前用意しDBに格納。
2. デッキ編成: 所持カードからコスト上限内で6〜8枚を選び、属性シナジーを考慮した自分だけのデッキを構築。
3. 非同期対戦: 対戦ボタンを押すと、ランキング上位者や近いランクのプレイヤーが登録したデッキとサーバー側でターン制バトルを自動シミュレーション。結果はカードが光る・技が発動するアニメーション付きリプレイとして再生。
4. ガチャ&コイン収集: 勝利や日次ログインでコインを獲得し、ガチャでカードを引ける。天井保証あり。
5. シーズン制ランキング: ランクポイントで月間ランキングを競い、シーズン終了時に称号を付与。
6. カード図鑑: 全カードの詳細(攻撃力/HP/スキル効果/フレーバーテキスト)を閲覧可能。
7. BGM: Web Audio APIでメニュー用アンビエントBGMと、属性ごとに音色が変化するバトルBGMをプロシージャル生成。

【画面構成】
- タイトル画面: 幻獣が集うファンタジー背景のヒーロービジュアル
- ホーム画面: デッキ編成/ガチャ/ランキング/対戦開始ボタン
- デッキ編成画面: 所持カード一覧とコストメーター
- バトル画面: 自動再生されるターン制バトル演出とログ
- 結果画面: 勝敗、獲得コイン、ランク変動表示
- 図鑑画面: レアリティ・属性別フィルタ付き一覧
- ランキング画面: シーズン成績と称号

【データ構造 (MySQL)】
- users(id, name, rank_point, coins, season, created_at)
- cards(id, name, element, rarity, atk, hp, skill_type, skill_value, image_path)
- user_cards(user_id, card_id, count)
- decks(id, user_id, name, card_ids JSON, updated_at)
- battle_logs(id, user_id, opponent_id, result, rank_change, log_json, created_at)

【デザイン方向性】
ダークファンタジー×ネオン輝きの世界観。カード枠は属性別カラーリング(炎=赤橙、水=青、風=緑、土=茶、光=金、闇=紫)。カードめくりやスキル発動時のパーティクルエフェクトでリッチ感を演出。モバイルファーストのレスポンシブUI。