ピクセル太陽系

「白黒ピクセルアートスタイルのインタラクティブな太陽系Webサイト」を完全実装してください（純粋な静的サイト、ローカル実行可、静的ホスティングにデプロイ可能）。以下の要件をすべて実装し、各項目を検証してください。

[1. 技術基盤]
1. 純粋な静的サイト：importmap + ネイティブESM。three.jsおよび全依存関係をローカルに同梱し、CDN・ビルド工程・バックエンドは一切使用しない。エントリーポイントはindex.html。
2. 二系統のアセット戦略：ジオメトリにはthree.js組み込みの球体／パラメトリックメッシュを使用。テクスチャには実在の天体画像（NASA Visible Earth、LRO月面地図、SolarSystemScope）を使用し、standard／HD 4K／ultra 8Kの3品質層で管理する。テクスチャ読み込みマネージャーを実装し、Promiseキャッシュ、SRGBとリニアカラースペースの区別、異方性≤8、失敗時の再試行とstandard層へのフォールバックを備える。
3. レンダラー：アンチエイリアス、SRGB出力、ACESFilmicToneMapping（露出≈1.05）、DPR≤2（モバイルでは≤1.5）、ニアプレーン0.002、黒いシーン背景。

[2. シーン内容（すべてリアルタイム3D。3Dに見せかけた画像・動画は不可）]
1. 構成：太陽＋8惑星＋月（地球の周囲を潮汐固定で公転）。内側の惑星ほど速く、外側ほど遅く公転し、実際の比率で自転する。実際の自転軸傾斜を使用する（土星27°、天王星82°）。
2. 太陽：放射球体＋淡いハロー。照明用のポイントライト＋淡い環境光。
3. 地球：「法線・太陽方向の内積」により昼夜の2テクスチャをリアルタイムで切り替える（明暗境界の遷移）。夜側の都市光は自己発光し、個別に切り替え可能。独立した雲シェル（1.006R、alphaMap）と大気のフレネル縁光シェル（1.025R、太陽光係数を乗算）を用意し、3層すべてを個別に切り替え可能にする。
4. 土星：球体と環は同じ27°傾斜グループに含める。環はXZ平面上のパラメトリックメッシュとし、UVで半径に応じて横長ストライプテクスチャをマッピングする。両面表示、alphaTest≈0.04、depthWrite = false。
5. 月：8K月面テクスチャを使用（Web上では4K／8K層を提供）。接写時の照明は中間グレーの現実的な見た目になるよう暗くする。
6. 背景：まばらな固定星点を使用する（大きな星雲テクスチャは使用しない）。

[3. インタラクションシステム]
1. 天体選択：カタログのクリック／シーン上でのレイキャストクリック（小天体には拡大された不可視の選択球を設ける）／前後移動。
2. フォーカスカメラ：カメラは移動する対象天体を継続して追尾し、毎フレーム平行移動を同期するため、公転運動で対象を見失わない。視距離＝バウンディング半径／表示充填係数（既定値0.7、月0.78、黒い縁を持つ太陽0.45）。850msのイーズアウトによる滑らかな遷移中も対象をリアルタイム追尾し、ユーザーがドラッグした時点で即座に操作を引き継ぐ（プログラムによるカメラ移動をキャンセル）。
3. 視点プリセット：照射面／明暗境界／極域／輪郭／夜側／詳細の6カメラ位置。「太陽への方向×横方向×上方向」のオフセットで構成し、対象が原点にある場合はゼロベクトルの退化を避けるため固定方向を使う。
4. 時間と表示：全停止、独立した自転切替、独立した公転切替、0～4×速度、軌道線切替、ラベル切替、視点リセット。自転／公転の状態はUIと厳密に同期させる。

[4. 白黒ピクセルスタイルUI（careers.kimi.comを参考に、純粋な黒・白・グレーのみ、青は使用しない）]
1. 等幅フォントを基本とし、数字／短い見出し／ナビゲーションにはピクセルフォント（OFLライセンス、セルフホスト）を使用する。中国語本文には読みやすい本文フォントを使用する。
2. トップバー：左にSOLAR SYSTEMロゴ（英語表記と中国語名）、右に「Overview / Bodies / Display Settings」。
3. 天体セレクター：恒星／惑星／衛星でグループ化し、2桁番号を付ける。現在の項目を強調し（大きな色ブロックは使わない）、スクロール可能にする。
4. 左下ネームプレート：番号（例：05/10）＋大きなタイトル（中国語名＋英語）＋種別ラベル＋詩的な一文＋直径データ＋「View details ↗」。概要モードでは「sizes and distances adjusted for presentation」を表示する。
5. 下部ツールバー：停止／自転／公転／速度／軌道線／視点リセット（アイコン＋短いテキスト）＋前へ／次へステッパー（中央に現在の天体の英語名を表示）。
6. 詳細パネル（右からスライド表示）：紹介、主なデータ（単位と「approx.」表記付き）、観測フォーカスボタン（実際のカメラ／レイヤー状態にそれぞれ連動し、「current」を表示）、データソース、関連資料リンク。設定パネルは「View / Quality」グループに分ける。
7. イベントの透過：フルスクリーンUIレイヤーはpointer-events: noneを使用し、ボタン／リスト／パネル／ツールバーだけをautoにする。パネル内のスクロールはcanvasへ伝播させない。 太陽系を、赤色矮星1つと岩石惑星7つからなるTRAPPIST-1系に置き換えてください。ピクセルアートUI、フォーカスカメラ、時間コントロールは維持し、各惑星には実際のTRAPPIST-1パラメータを使用してください。 [5. ピクセル化した開始・モーション効果]
1. 開始画面：全画面に1ビットのBayer順序ディザリング処理を施した月面を表示する（画像サンプリング→グレースケール量子化→4階調→4×4行列）。読み込み進捗に合わせてディザブロックサイズを14pxから1.5pxへ滑らかに精細化し、進捗自体をローディング表示とする。中央にピクセルフォントのタイトル、暗い放射状マスク、「Start Exploring →」ボタンを置く。開始にはユーザークリックを必須とし、自動開始はしない。
2. 終了：クリック後、タイトルを220msでフェードアウトしてから、数値行列を波のように消す。対角線上の波面が各セルの微小な揺らぎを伴って横切り、ピクセルブロックは波のグラデーションに沿って縮小・フェードする。約800ms後に太陽系の概要を表示する。
3. その他のモーション効果：天体切替時は大きなタイトルと詩的な一文をスクランブル復号効果で表示する（約320／420ms）。ナビゲーションボタンの文字は2層ロールする（350ms、文字ごとに30msずつずらし、hoverとfocusの両方で発火）。パネルは不透明度＋12pxオフセットで遷移する（約220ms）。詳細パネルのタイトルはまばらなブロックマスクを通して表示する（≤700ms）。
4. prefers-reduced-motionでは、すべて直接切替に簡略化する。

[6. 情報機能の拡張]
1. 観測クロスヘア：細いクロスヘアがマウスを追従し、指している惑星表面のLAT/LON座標を右上にリアルタイム表示する（タッチスクリーンでは非表示）。
2. カタログのホバー時プレビューカード（名前／直径／太陽からの距離／詩的な一文）。
3. 完全なキーボード操作：←/→で天体切替、↑/↓でドリー、Spaceで停止、1～0で直接ジャンプ、Oで概要、Dで詳細、Sで設定、Hでショートカットカード、Escでパネルを閉じる。
4. 観測ログ：右下に直近3操作の等幅フォントの記録をスクロール表示する。

[7. モバイルとアクセシビリティ]
1. 横スクロール可能なカタログで、選択項目を自動的に表示位置までスクロールする。詳細／設定は閉じられるボトムシートとする。タッチターゲットは≥44px。セーフエリアに対応し、ツールバーとパネルが重ならないようにする。
2. セマンティックなボタン、正しいaria-pressed／aria-selected、視認可能なフォーカスを実装する。Escapeでパネルを閉じ、起動ボタンへフォーカスを戻す。読み込み状態は軽量なライブリージョンで通知する。

[8. 受け入れ基準（各項目をテスト）]
1. 起動時にピクセル開始画面が表示され、クリックすると波状に消えて概要へ移行する（太陽を中央に配置、軌道線、惑星ラベル）。
2. 10天体を順に切り替える。名前／カタログ選択／データが同期し、カメラが対象を見失わず滑らかに追尾すること。黒い球体、シェーダーコンパイルエラー、404がないこと。
3. 地球の3レイヤー切替で視覚的な効果が表示されること。土星の環が赤道面と同一平面であること。月の明暗境界が白飛びせず自然に見えること。太陽が全画面の太陽表面ではなく、黒い縁を持つ円盤であること。
4. デスクトップ1440×900とスマートフォン390×844でスクリーンショットを確認する。遮蔽やオーバーフローがなく、コンソールエラーはゼロで、reduced-motion有効時も完全に操作できること。

まず実装順序（シーン→インタラクション→UI→モーション→受け入れ）を示し、その後、実行可能なファイルを直接提供してください。未完成のプレースホルダーは提供せず、アセットやデータを捏造しないでください。

「白黒ピクセルアートスタイルのインタラクティブな太陽系Webサイト」を完全実装してください（純粋な静的サイト、ローカル実行可、静的ホスティングにデプロイ可能）。以下の要件をすべて実装し、各項目を検証してください。

[1. 技術基盤]
1. 純粋な静的サイト：importmap + ネイティブESM。three.jsおよび全依存関係をローカルに同梱し、CDN・ビルド工程・バックエンドは一切使用しない。エントリーポイントはindex.html。
2. 二系統のアセット戦略：ジオメトリにはthree.js組み込みの球体／パラメトリックメッシュを使用。テクスチャには実在の天体画像（NASA Visible Earth、LRO月面地図、SolarSystemScope）を使用し、standard／HD 4K／ultra 8Kの3品質層で管理する。テクスチャ読み込みマネージャーを実装し、Promiseキャッシュ、SRGBとリニアカラースペースの区別、異方性≤8、失敗時の再試行とstandard層へのフォールバックを備える。
3. レンダラー：アンチエイリアス、SRGB出力、ACESFilmicToneMapping（露出≈1.05）、DPR≤2（モバイルでは≤1.5）、ニアプレーン0.002、黒いシーン背景。

[2. シーン内容（すべてリアルタイム3D。3Dに見せかけた画像・動画は不可）]
1. 構成：太陽＋8惑星＋月（地球の周囲を潮汐固定で公転）。内側の惑星ほど速く、外側ほど遅く公転し、実際の比率で自転する。実際の自転軸傾斜を使用する（土星27°、天王星82°）。
2. 太陽：放射球体＋淡いハロー。照明用のポイントライト＋淡い環境光。
3. 地球：「法線・太陽方向の内積」により昼夜の2テクスチャをリアルタイムで切り替える（明暗境界の遷移）。夜側の都市光は自己発光し、個別に切り替え可能。独立した雲シェル（1.006R、alphaMap）と大気のフレネル縁光シェル（1.025R、太陽光係数を乗算）を用意し、3層すべてを個別に切り替え可能にする。
4. 土星：球体と環は同じ27°傾斜グループに含める。環はXZ平面上のパラメトリックメッシュとし、UVで半径に応じて横長ストライプテクスチャをマッピングする。両面表示、alphaTest≈0.04、depthWrite = false。
5. 月：8K月面テクスチャを使用（Web上では4K／8K層を提供）。接写時の照明は中間グレーの現実的な見た目になるよう暗くする。
6. 背景：まばらな固定星点を使用する（大きな星雲テクスチャは使用しない）。

[3. インタラクションシステム]
1. 天体選択：カタログのクリック／シーン上でのレイキャストクリック（小天体には拡大された不可視の選択球を設ける）／前後移動。
2. フォーカスカメラ：カメラは移動する対象天体を継続して追尾し、毎フレーム平行移動を同期するため、公転運動で対象を見失わない。視距離＝バウンディング半径／表示充填係数（既定値0.7、月0.78、黒い縁を持つ太陽0.45）。850msのイーズアウトによる滑らかな遷移中も対象をリアルタイム追尾し、ユーザーがドラッグした時点で即座に操作を引き継ぐ（プログラムによるカメラ移動をキャンセル）。
3. 視点プリセット：照射面／明暗境界／極域／輪郭／夜側／詳細の6カメラ位置。「太陽への方向×横方向×上方向」のオフセットで構成し、対象が原点にある場合はゼロベクトルの退化を避けるため固定方向を使う。
4. 時間と表示：全停止、独立した自転切替、独立した公転切替、0～4×速度、軌道線切替、ラベル切替、視点リセット。自転／公転の状態はUIと厳密に同期させる。

[4. 白黒ピクセルスタイルUI（careers.kimi.comを参考に、純粋な黒・白・グレーのみ、青は使用しない）]
1. 等幅フォントを基本とし、数字／短い見出し／ナビゲーションにはピクセルフォント（OFLライセンス、セルフホスト）を使用する。中国語本文には読みやすい本文フォントを使用する。
2. トップバー：左にSOLAR SYSTEMロゴ（英語表記と中国語名）、右に「Overview / Bodies / Display Settings」。
3. 天体セレクター：恒星／惑星／衛星でグループ化し、2桁番号を付ける。現在の項目を強調し（大きな色ブロックは使わない）、スクロール可能にする。
4. 左下ネームプレート：番号（例：05/10）＋大きなタイトル（中国語名＋英語）＋種別ラベル＋詩的な一文＋直径データ＋「View details ↗」。概要モードでは「sizes and distances adjusted for presentation」を表示する。
5. 下部ツールバー：停止／自転／公転／速度／軌道線／視点リセット（アイコン＋短いテキスト）＋前へ／次へステッパー（中央に現在の天体の英語名を表示）。
6. 詳細パネル（右からスライド表示）：紹介、主なデータ（単位と「approx.」表記付き）、観測フォーカスボタン（実際のカメラ／レイヤー状態にそれぞれ連動し、「current」を表示）、データソース、関連資料リンク。設定パネルは「View / Quality」グループに分ける。
7. イベントの透過：フルスクリーンUIレイヤーはpointer-events: noneを使用し、ボタン／リスト／パネル／ツールバーだけをautoにする。パネル内のスクロールはcanvasへ伝播させない。 恒星、岩石惑星、ガス惑星、衛星の4章からなる教室モードを追加してください。各段階でカメラを停止させ、黒板風の要点を3つ表示します。教師はスペースバーで各要点を進められるようにしてください。 [5. ピクセル化した開始・モーション効果]
1. 開始画面：全画面に1ビットのBayer順序ディザリング処理を施した月面を表示する（画像サンプリング→グレースケール量子化→4階調→4×4行列）。読み込み進捗に合わせてディザブロックサイズを14pxから1.5pxへ滑らかに精細化し、進捗自体をローディング表示とする。中央にピクセルフォントのタイトル、暗い放射状マスク、「Start Exploring →」ボタンを置く。開始にはユーザークリックを必須とし、自動開始はしない。
2. 終了：クリック後、タイトルを220msでフェードアウトしてから、数値行列を波のように消す。対角線上の波面が各セルの微小な揺らぎを伴って横切り、ピクセルブロックは波のグラデーションに沿って縮小・フェードする。約800ms後に太陽系の概要を表示する。
3. その他のモーション効果：天体切替時は大きなタイトルと詩的な一文をスクランブル復号効果で表示する（約320／420ms）。ナビゲーションボタンの文字は2層ロールする（350ms、文字ごとに30msずつずらし、hoverとfocusの両方で発火）。パネルは不透明度＋12pxオフセットで遷移する（約220ms）。詳細パネルのタイトルはまばらなブロックマスクを通して表示する（≤700ms）。
4. prefers-reduced-motionでは、すべて直接切替に簡略化する。

[6. 情報機能の拡張]
1. 観測クロスヘア：細いクロスヘアがマウスを追従し、指している惑星表面のLAT/LON座標を右上にリアルタイム表示する（タッチスクリーンでは非表示）。
2. カタログのホバー時プレビューカード（名前／直径／太陽からの距離／詩的な一文）。
3. 完全なキーボード操作：←/→で天体切替、↑/↓でドリー、Spaceで停止、1～0で直接ジャンプ、Oで概要、Dで詳細、Sで設定、Hでショートカットカード、Escでパネルを閉じる。
4. 観測ログ：右下に直近3操作の等幅フォントの記録をスクロール表示する。

[7. モバイルとアクセシビリティ]
1. 横スクロール可能なカタログで、選択項目を自動的に表示位置までスクロールする。詳細／設定は閉じられるボトムシートとする。タッチターゲットは≥44px。セーフエリアに対応し、ツールバーとパネルが重ならないようにする。
2. セマンティックなボタン、正しいaria-pressed／aria-selected、視認可能なフォーカスを実装する。Escapeでパネルを閉じ、起動ボタンへフォーカスを戻す。読み込み状態は軽量なライブリージョンで通知する。

[8. 受け入れ基準（各項目をテスト）]
1. 起動時にピクセル開始画面が表示され、クリックすると波状に消えて概要へ移行する（太陽を中央に配置、軌道線、惑星ラベル）。
2. 10天体を順に切り替える。名前／カタログ選択／データが同期し、カメラが対象を見失わず滑らかに追尾すること。黒い球体、シェーダーコンパイルエラー、404がないこと。
3. 地球の3レイヤー切替で視覚的な効果が表示されること。土星の環が赤道面と同一平面であること。月の明暗境界が白飛びせず自然に見えること。太陽が全画面の太陽表面ではなく、黒い縁を持つ円盤であること。
4. デスクトップ1440×900とスマートフォン390×844でスクリーンショットを確認する。遮蔽やオーバーフローがなく、コンソールエラーはゼロで、reduced-motion有効時も完全に操作できること。

まず実装順序（シーン→インタラクション→UI→モーション→受け入れ）を示し、その後、実行可能なファイルを直接提供してください。未完成のプレースホルダーは提供せず、アセットやデータを捏造しないでください。