スケッチデュエル - お絵かき伝言ゲームバトル

## 1. アプリの目的・ターゲットユーザー
お題を見て制限時間内にマウス/タッチで絵を描き、その絵を見た次のプレイヤーがお題を当てる「絵しりとり式の伝言ゲーム」をブラウザだけで楽しめる非同期参加型お絵かきゲーム。登録不要でURLを共有するだけでグループが作れるため、家族・友人・会社の同僚など2〜8人が隙間時間に非同期で遊べる。小学生〜大人まで幅広く対象。

## 2. 主要機能
- **ルーム作成＆参加**: ニックネームを入力して「ルームを作る」とURLが発行され、URLを共有するだけで最大8人が参加できる。パスワード設定も可。
- **ラウンド進行（描く→当てる→描く…）**: 第1プレイヤーがシステムから提示されたお題を見て60秒で絵を描く。次のプレイヤーはその絵だけを見てお題を文字入力で回答し、その回答を次のプレイヤーへのお題として絵を描く、を全員分繰り返す。最後に全員の絵と回答の変遷を一覧表示して笑いのネタにする。
- **お絵かきキャンバス**: Canvas APIによるペン描画（色6種・太さ3段階・消しゴム・全クリア）。スマホタッチ操作対応。
- **内製お題バンク（200語）**: 動物・食べ物・乗り物・スポーツ・有名人風お題など5カテゴリ各40語を内製JSONで収録。外部APIなし。
- **結果発表アニメーション**: ラウンド終了後、誰が最も原題を正確に受け継いだかを「正解率スコア」で表示し、最も笑えた変化ルートを投票で選ぶ。
- **過去の対戦ログ閲覧**: 終了したルームのURLで結果を72時間再閲覧できる。

## 3. 画面構成
- **トップページ**: キャッチコピー＋「ルームを作る」「ルームに参加」の2ボタン。ニックネーム入力モーダル。
- **ロビー画面**: 参加者リスト（アイコン自動割り当て）、カテゴリ選択、人数設定、ホストのみ「ゲームスタート」ボタン。ポーリングで参加者リストを自動更新（3秒間隔）。
- **描画画面**: 上部にカウントダウンタイマー＋「絵を描いてください（お題: ○○）」または「↑の絵を見てお題を回答してください」のフェーズ表示。中央にキャンバス。下部にツールバー。送信ボタン。
- **待機画面**: 他プレイヤーのターン中に表示するアニメーションと簡単な豆知識カード。
- **結果発表画面**: 縦に並んだカード列（お題→絵→回答→絵→回答…）をスライド形式でめくっていくUI。正解率バッジ、「いちばん笑えた！」投票ボタン。SNS共有用テキスト生成。

## 4. データ構造（DBテーブル概要）
```
rooms: id, room_code(6桁英数字), password_hash, status(waiting/playing/finished), category, created_at
players: id, room_id, nickname, icon_index, turn_order, joined_at
chains: id, room_id, round_index, player_id, type(draw/guess), content(絵はbase64 PNG/回答はtext), original_topic, submitted_at
topics: id, category, word (内製200語)
```

## 5. デザインの方向性
- 背景はクリーム色のスケッチブック風テクスチャ、フォントは丸ゴシック系でポップに。
- プレイヤーアイコンは8種類のカラフルな動物イラスト（CSS/SVGで実装）。
- カウントダウンは残り10秒以下で赤くパルスアニメーション。
- 結果発表はカードをめくるようなflipアニメーション（CSS transform）。
- スマホで縦持ちでも快適に使えるよう、キャンバスサイズはvwベースでレスポンシブ調整。
- 全体的に「文房具とスケッチ」の手書き感をテーマに、過度な装飾を避けたシンプルかつ温かみのあるUI。