ボードゲームカフェ風 テーブルトップシミュレーター TableTopNight

## 1. アプリの目的・ターゲットユーザー
友人・家族と「今夜何して遊ぶ？」を解決するブラウザ完結型のテーブルトップゲーム体験アプリ。アナログゲーム(カード・ダイス・すごろく系)をデジタルで再現し、同じ画面を囲んで(ローカルマルチプレイ)または共有URLでパスアンドプレイできる。購入不要・インストール不要で遊べるため、ゲーム初心者・ファミリー・ボドゲ入門者がターゲット。

---

## 2. 主要機能

- **5種類の内蔵ミニゲーム**
1. **神経衰弱 MemoryFlip** — 4×4〜6×6イラストカード(動物/乗り物/食べ物テーマ)、2〜4人ターン制、マッチ数で勝敗判定
2. **大富豪ライト** — 3〜4人CPU対戦可、トランプ52枚、革命・8切り・スキップのみ搭載したシンプルルール
3. **UNO風 ColorRun** — 色と数字のカードを出し切るゴールを競う。ドロー・リバース・スキップの特殊カード搭載
4. **6面ダイスバトル Blitz** — 5個のダイスを最大3回振ってポーカーのような役(ストレート/フルハウス等)を競う、ヤッツィー系
5. **インサイダーなりきりクイズ** — お題カードから1人だけ答えを知る「インサイダー」を選び、残りが質問でお題を当てる。2〜6人、お題は内製DB100問

- **ゲームロビー画面** — プレイ人数・CPU有無・テーマを選んでゲームをすぐ開始
- **スコアボード** — セッション内の累計勝利数をリアルタイム表示、ゲーム終了時に表彰画面
- **ローカル2〜4人対戦 & CPUモード** — CPUはランダム〜ベーシック戦略の2段階
- **サウンドON/OFF** — Web Audio APIによるカードめくり音・ダイスロール音・拍手SE

---

## 3. 画面構成

### トップ画面 (`index.php`)
- ゲームカード一覧(5種)をボードゲームカフェのメニュー風にカード表示
- 各カードに「プレイ人数・難易度・所要時間」バッジ
- 「遊び方を見る」モーダルボタン

### ゲームロビー (`lobby.php?game=xxx`)
- プレイヤー名入力(最大4人)、CPU追加ボタン、テーマ選択
- 「ゲームスタート」ボタン

### ゲーム画面 (`play.php?game=xxx`)
- **中央**: ゲームのメインボード(Canvas or div構成)
- **上部**: 現在のプレイヤー名表示 + 残り手数/時間
- **下部**: 手札エリア or ダイス操作ボタン
- **右サイド**: スコア一覧パネル
- **フローティングボタン**: ゲームを中断して選択画面に戻る

### 結果画面
- 1位〜最下位の順位表、紙吹雪アニメ(CSS)
- 「もう一度」「別のゲームを選ぶ」ボタン

---

## 4. データ構造

DB不使用。全状態はJavaScriptのオブジェクト(LocalStorageにセッション保存)で管理。

```
gameState: {
gameId: 'memory' | 'daifugo' | 'colorrun' | 'blitz' | 'insider',
players: [ { name, score, isCPU } ],
currentPlayerIndex: Number,
deck: Array, // シャッフル済みカード配列
board: Array, // 場の状態
phase: 'play' | 'result',
round: Number
}
```

インサイダーのお題DBはPHPの配列定数として `data/topics.php` に100件収録(乗り物・動物・食べ物・国・職業の5カテゴリ×20問)。

---

## 5. デザインの方向性

- **ボードゲームカフェ風の温かみある木目テクスチャ背景**(CSS bg-image、SVGパターン)
- カードは角丸の厚みある影付きデザイン(box-shadow多重)
- メインカラー: ウォームベージュ `#F5ECD7`、ダークブラウン `#4A2C2A`、アクセントに深紅 `#C0392B`
- フォント: 本文 Noto Sans JP、タイトルはゲーム名ごとにGoogle Fontsの1種(Fredoka One等)
- カードめくり・ダイスロールのCSSフリップアニメーション(`transform: rotateY`)
- スマホではカード縦長レイアウト、PCでは横並びに自動切替(CSS Grid + メディアクエリ)
- 所要時間: 神経衰弱・ダイスバトルは5〜10分、大富豪・ColorRunは10〜20分、インサイダーは5〜15分と表記