星座神話スゴロク - 夜空を旅する天体すごろくゲーム

## 1. アプリの目的・ターゲットユーザー
宇宙・星座に興味を持つ小学生〜大人を対象に、88星座の神話や天体知識をすごろく形式で楽しく学べるブラウザゲーム。サイコロを振りながらマスに止まるたびに星座トリビアや神話クイズが出題され、遊びながら天文知識が身につく。1〜4人のローカル対戦、またはソロで遊べる。

## 2. 主要機能
- **すごろくボード**: 夜空風の円形マップに60マスを配置。マス種類は「星座クイズ」「神話ストーリー(読むだけ)」「ワープホール(ワープ先へ飛ぶ)」「ブラックホール(1回休み)」「流星(3マス進む)」の5種類
- **星座クイズ**: 「この星座の主星は？」「何月の星座？」「神話の登場人物は？」など3択クイズを50問内製。正解でボーナス1マス前進、不正解はその場に留まる
- **神話ストーリー表示**: マスに止まるとポップアップで星座にまつわるギリシャ神話の短いエピソード(100〜150文字)を表示。イラスト付き
- **1〜4人ローカル対戦**: プレイヤー名と駒の色(4色)を選択。同端末での順番プレイ形式
- **ゴール演出＆ランキング**: ゴールしたプレイヤーの順位を表示。ソロプレイ時はクリアターン数をDBに記録してランキング表示
- **星座図鑑モード**: ゲームとは別に、主要12星座の神話・見つけ方・主な星の情報を閲覧できる図鑑ページ

## 3. 画面構成
- **トップ画面**: 夜空背景にタイトルロゴ。「ゲームスタート」「星座図鑑」「ランキング」の3ボタン
- **プレイヤー設定画面**: 人数選択(1〜4)、各プレイヤーの名前入力と駒色選択
- **ゲームボード画面**: 中央に円形すごろくマップ(Canvas描画)。右サイドに現在プレイヤー名・順位・サイコロボタン。マス到着時にモーダルでイベント表示
- **クイズモーダル**: 問題文＋3択ボタン。正誤結果をアニメーション表示
- **神話ストーリーモーダル**: 星座イラスト(CSS/SVGシンプル絵)+神話テキスト+「閉じる」ボタン
- **ゴール画面**: 順位発表＋「もう一度遊ぶ」「トップへ」ボタン
- **星座図鑑ページ**: カード一覧(12枚)→クリックで詳細モーダル
- **ランキングページ**: ソロクリアの少ターン順TOP20表示

## 4. データ構造
```
-- クイズ・神話データ (PHP配列で内製、DBなし)
quiz_data: [ { id, question, choices[3], answer_index, constellation } ]
myth_data: [ { id, constellation, story_text, symbol_svg_class } ]

-- ソロランキング
CREATE TABLE solo_ranking (
id INT AUTO_INCREMENT PRIMARY KEY,
player_name VARCHAR(30) NOT NULL,
turns INT NOT NULL,
played_at DATETIME DEFAULT CURRENT_TIMESTAMP
);
```
クイズ50問・神話エピソード30件・マス配置はPHPファイルに静的定義。DBはランキング保存のみでシンプル構成。

## 5. デザインの方向性
- **カラーテーマ**: 深夜ブルー(#0a0e2a)を基調に、星のゴールド(#f5c518)とパープル(#7b61ff)でアクセント
- **フォント**: 見出しはセリフ系のGoogle Font(Noto Serif JP)、本文はゴシック
- **マップ**: Canvas要素で夜空に星をちりばめた円形ボードをJS描画。駒は色付き丸アイコン(CSS)
- **アニメーション**: 駒移動はCSSトランジションで滑らかに。サイコロはCSSコロコロアニメ
- **モーダル**: 半透明の宇宙風パネル、角を丸く、グロウエフェクト付き
- **全体的に子どもから大人まで楽しめる「神秘的だが親しみやすい」トーンを維持**