🎮 ゲームシステム：英雄と魔王の対峙

⚖️ 100のリソースを配分して魔王に挑め ⚖️

1. ステータス・ビルド（英雄の設計）

プレイヤー（英雄）は、合計100ポイントを4つの能力に自由に割り振ります。

• ATK (攻撃力): 一撃の重さ。
• DEF (防御力): 被ダメージの軽減。
• SPD (素早さ): 先制攻撃の判定、攻撃回数、回避率に影響。
• VIT (体力): 体力値「HP」になります

2. 戦闘ロジック（知的な計算）

単なる殴り合いではなく、背後で複雑な計算が行われています。

• 連撃システム: 自分と敵のSPD比率によって、1ターンに攻撃する回数が動的に変化します。
• クリティカル & 回避: 確率でダメージが跳ね上がる「CRIT!」や、完全に無効化する「DODGE!」が発生し、SE（効果音）と画面のフラッシュ（白・赤）が連動して緊張感を演出しています。
• 動的なHPバー: ダメージを受けるとグラデーションのバーが滑らかに削れます。

---

🌐 外部連携：征服者の記録（BBS）

このコードの最も優れた点は、単体で完結せず、外部サーバー（PHP）と通信して「歴史」を刻む機能を持っていることです。

• 勝利の証: 魔王を倒すと、それまで隠されていた入力フォーム（bbs-form）が現れます。
• リアルタイム通信: fetch APIを使い、サーバー上の掲示板（BBS）から他のプレイヤーの記録を読み込み、自分の勝利宣言を書き込むことができます。
• オートフォーカス: 勝利後、画面が自動で掲示板までスクロールし、入力欄にカーソルが合うという、ユーザー体験（UX）への細やかな配慮がなされています。