コードブレイカー - 暗号解読ロジックゲーム

## 1. アプリの目的・ターゲットユーザー
4桁〜6桁の隠された数字コードを、論理的な推理で解読するMastermind系ブラウザゲーム。「ヒットとブロー」型の手がかりをもとに最少手数での正解を目指す。小学生上級〜大人まで幅広く対応し、スマホ1本で短時間（3〜5分）楽しめる頭脳ゲームをコンセプトとする。既存アプリにある「ナンバーブリッジ（論理パズル）」「ロジックラボ（命題推論）」と異なり、数字当てゲームの「フィードバックを積み上げて解を絞り込む推理体験」に特化する。

## 2. 主要機能
- **コード解読ゲーム本体**: ランダム生成された隠しコード（数字列）に対し、1ターンごとに数字を入力すると「正しい数字かつ正しい位置(Hit)」と「正しい数字だが位置が違う(Blow)」のヒントが返ってくる。最大試行回数以内に正解を目指す。
- **3難易度×2モード**: 難易度はEasy(4桁・重複なし・10回制限)・Normal(5桁・重複なし・8回制限)・Hard(6桁・重複あり・7回制限)。モードはじっくり考える「クラシック」と1手あたり20秒制限の「タイムアタック」。
- **推理履歴パネル**: 過去のすべての入力とHit/Blow結果を縦に並べて常時表示。考えながら見返せるログ形式のUI。
- **解説リプレイ機能**: ゲームクリア/失敗後に「最適解への最短ルート」をアニメーションで一手ずつ再生し、次回の戦略ヒントを学べる。
- **スコアランキング**: 難易度・モード別に「試行回数（少ない順）→残り時間（多い順）」でスコアを算出しMySQLに保存。トップ20をランキング表示。ニックネームのみ入力して登録。
- **デイリーチャレンジ**: 毎日0時にサーバーシードで同一コードを全プレイヤーに出題。同じ問題で世界中のプレイヤーと競える。

## 3. 画面構成
- **タイトル画面**: ゲームロゴ（スパイ/暗号器モチーフ）、難易度選択ボタン3つ、モード切替トグル、ランキングボタン、デイリーチャレンジボタン。
- **ゲーム画面（メイン）**:
- 上部: 難易度・残り試行回数・タイムアタック時はカウントダウンタイマー
- 中央左: 推理履歴パネル（入力値とHit●/Blow○のドットで視覚化）
- 中央右: 数字入力エリア（桁数に合わせたボックス＋0〜9ボタンパッド、スマホ対応）
- 下部: 「推理する」確定ボタン、「消す」ボタン
- **結果画面**: 成功/失敗アニメーション、試行回数・クリアタイム表示、解説リプレイボタン、スコア登録フォーム（ニックネーム入力）、リトライ/タイトルへボタン
- **ランキング画面**: 難易度タブ切替、モード切替、トップ20テーブル（順位・ニックネーム・試行回数・タイム・日時）
- **デイリーチャレンジ画面**: 今日のチャレンジ説明、ゲーム本体埋め込み、本日の参加者数と平均試行回数の表示

## 4. データ構造（DBテーブル）
```sql
-- ランキング
CREATE TABLE scores (
id INT AUTO_INCREMENT PRIMARY KEY,
nickname VARCHAR(20) NOT NULL,
difficulty ENUM('easy','normal','hard') NOT NULL,
mode ENUM('classic','time_attack') NOT NULL,
attempts INT NOT NULL, -- 試行回数
elapsed_ms INT NOT NULL, -- クリアまでのミリ秒
score INT NOT NULL, -- 算出スコア(attempts×1000 - elapsed_ms)
is_daily TINYINT(1) DEFAULT 0, -- デイリーチャレンジかどうか
daily_date DATE DEFAULT NULL, -- デイリーの場合の日付
created_at DATETIME DEFAULT CURRENT_TIMESTAMP
);

-- デイリーチャレンジ用シード管理
CREATE TABLE daily_challenge (
id INT AUTO_INCREMENT PRIMARY KEY,
challenge_date DATE UNIQUE NOT NULL,
difficulty ENUM('easy','normal','hard') NOT NULL,
secret_code VARCHAR(10) NOT NULL -- 当日のコード（閲覧防止のため当日0時以降のみ参照）
);
```
デイリーのsecret_codeはサーバーサイド(PHP)でのみ保持し、クライアントには送信しない。ゲームロジックの正誤判定もPHP側で処理してセキュリティを保つ。

## 5. デザインの方向性
- **テーマ**: スパイ・暗号解読・ハッキング風のダークUI。背景は濃紺〜黒のグラデーション、アクセントカラーは緑（ターミナル風）とアンバー。
- **フォント**: 数字部分はデジタル時計風等幅フォント(例: monospace系)、UIラベルは細めのゴシック体。
- **Hit/Blowの表示**: Hitは緑の塗りつぶし円●、Blowはオレンジのアウトライン円○でわかりやすく色分け。
- **アニメーション**: 入力確定時に各桁がフリップ（回転）してHit/Blowが順番に点灯するCSSアニメーション。クリア時は画面にグリーンの走査線エフェクト。
- **レスポンシブ**: 数字パッドはスマホで親指が届く下部固定配置。PC版は左右に履歴とパッドを並べる2カラムレイアウト。
- **全体トーン**: ゲームセンター感よりも「知的な謎解き」寄りの落ち着いたカッコよさを重視。