あなたのデスクを3Dサーキットに：写真撮影からモデリング、画面録画までの完全実践ガイド

アップロードしたデスク写真に写っているアイテムの配置（ディスプレイ、メカニカルキーボード、マウス、デスクライトなどの小物）を解析してください。これらの実物を地形や障害物に見立て、ティルトシフトマクロ撮影のような強いミニチュアトイの質感を備えた3Dレースコースのコンセプトアートを1枚生成してください。
視覚的な要件：
1. 鮮やかな赤い小型カートがキーボードの前を疾走しており、車体サイズはメカニカルキーボードのキーキャップ1個と同程度であること。
2. コースは高架状のカーブ軌道で、赤白の減速縁石と柔らかく光る防護フェンスを備え、ディスプレイスタンドの下を軽快にくぐり抜け、マウスの周囲を周回していること。
3. ドラマチックな照明のコントラスト：暗めの部屋を背景に、画面奥からの深い紫のアンビエントライト、キーボードの隙間から漏れ出るシアンのバックライト、デスクライトが投げかけるコントラストの高い暖白のメイン光。
4. 全体として、精緻で小ぶりなミニチュアトイの世界観を表現すること。

Analyze the desktop layout in the uploaded photos (monitor, mechanical keyboard, mouse, desk lamp). Using these real objects as miniature terrain obstacles, generate a 3D racing concept art with strong tilt-shift macro toy aesthetic.
Key requirements:
1. A vibrant red miniature go-kart racing in front of the keyboard, scaled proportionally to single keycaps.
2. An elevated curved track with red-and-white rumble strips and glowing barriers, looping under the monitor stand and around the mouse.
3. Dramatic lighting contrast: dim room ambience, deep purple backlight behind monitor, cyan glow between keycaps, and warm white key light from desk lamp.
4. Premium stylized game aesthetics reminiscent of a micro miniature toy universe.

アップロードしたデスクの写真と実測寸法を確認してください。以下では幅1.2m、奥行き0.6mを例として記載していますが、まずは私のデスクやプロップの実際の寸法に置き換えてください。不足している数値があれば私に質問してください。
本シーンでは物体の隙間を正確に縫う必要があるため、現段階では3Dメッシュのコードは一切生成しないでください：
1. **2Dベクター平面図の生成**：メートル単位を用いて上面図の2Dベクター図を作成し、`PLAN/layout.svg`に保存してください。ディスプレイスタンド、キーボード、マウス、外枠の余白について、絶対的な縦横寸法と中心座標（原点は天板の幾何中心）を明記してください。
2. **参照番号グリッドの重畳**：軽量スクリプトを作成するかSVG内に直接、番号付きのX/Yメートルグリッド（0.05m間隔）を描画し、計画している周回コースのラインと主要なコーナリング制御点を明示してください。
3. **通行クリアランスの検証**：キーボードとディスプレイスタンドの間に確保されたクリアランスが、コース幅（0.08m）を超えているか確認し、干渉がないことを検証してから座標のまとめを出力してください。
上記の2D寸法検証が完了した後に、確定した絶対座標をもとに3D幾何メッシュを構築します。

Review my desk photos and measured dimensions. The example tabletop is 1.2m wide and 0.6m deep; ask me to replace these and supply the measured prop sizes before fixing coordinates.
Since this build requires spatial accuracy, do NOT generate any 3D meshes yet:
1. **Generate 2D Vector Plan**: Create a top-down 2D floorplan in metric units and save it to `PLAN/layout.svg`. Map out the exact bounding boxes and center coordinates for the monitor base, keyboard, mouse, and margins (origin at desk center).
2. **Numbered Reference Grid**: Overlay a numbered X/Y metric grid (0.05m spacing) across the layout, plotting the planned closed track loop and key spline control points.
3. **Clearance Verification**: Verify that the gap between the keyboard and monitor base exceeds the road width (0.08m) without collisions before outputting coordinate tables.
Once we verify these 2D spatial dimensions, we will use these locked coordinates to build the 3D scene.

/grill-me 現在の `desk-racer` プロジェクトにおいて、私がアップロードしたデスク写真をベースに、3Dウェブ版ミニチュアカートレースゲームを構築します。
注意：この時点ではまだ3Dコードを一切書かないでください。

以下の手順で進めてください：
1. **要件のリバースヒアリング**：操作感（アーケードかシミュレーターか）、ライティングの雰囲気、デスク上の小物のモデリング手法について、重要な論点を質問してください。
2. **コンセプトアートの確認**：私が選定済みのNano Bananaコンセプトアートを優先して使用してください。未確定の場合はコースの取り回しと主要プロップの候補画像を生成し、チャット内で提示してください。あなたの最終的な3D制作目標は、このコンセプトアートのスタイルと配置を可能な限り精密に再現することです。私の明確な承認を得るまで、コーディングフェーズに入らないでください。
3. **計画策定と /goal の生成**：私がコンセプトアートを承認し質問に回答した後、明確なマイルストーンを含む完全な `PLAN.md` を作成し、長時間の自律構築ループを開始できる実行可能な `/goal` コマンドを提示してください。

現在の環境がサブエージェントに対応している場合は、プロップ（Props）、テクスチャ（Texture）、ライティング・UI（Lighting）の各並行ロールに分割してください。非対応の場合はフェーズ順に逐次実行してください。
主要な受け入れ基準：
- モジュール構成：Three.js + Viteを採用し、`main.js`、`track.js`、`car.js`、`lights.js`、`props.js` に分割すること。
- 操作とカメラ：W/A/S/Dによる車両操作、数字キー1〜4でのスムーズなカメラアングル切り替え。
- アセットと衝突判定：Blender MCP経由で `public/models/desk-props.glb` を出力してウェブ上で読み込み、リボン状の高架コースには落下や突き抜けを防ぐコライダーと接地支柱を備えること。

/grill-me Help me plan a miniature browser kart racer based on my desk photos in the `desk-racer` workspace. Hold off on generating 3D code until we agree on the design.
1. Ask about driving feel, camera modes, lighting, and which objects need custom models.
2. Use the Nano Banana concept I have already selected. If none is selected, produce track and prop concepts and show them in chat. Wait for my choice before coding.
3. After I answer the questions and confirm a concept, save a milestone-based plan as `PLAN.md` and propose an executable `/goal` instruction for completing it.
Delegate props, textures, and lighting where subagents are supported; otherwise work through these milestones in sequence.
Deliver a Vite + Three.js project organized into `main.js`, `track.js`, `car.js`, `lights.js`, and `props.js`. Include WASD driving, four smooth camera modes, Blender props exported to `public/models/desk-props.glb`, and an elevated ribbon track with grounded supports and collision boundaries.

現在の `desk-racer` フロントエンドプロジェクト内に、最初の完全なプレイアブルプロトタイプのコードを作成してください。以下のファイルを直接生成してください：
1. `index.html`：全画面余白なしスタイルの標準HTML5ページ。`#app` コンテナを配置し、`/src/main.js` をESモジュールとして読み込む。
2. `src/main.js`：Three.jsのメインエントリーポイント。シーン、透視カメラ（FOV 60、near 0.02、far 50）、WebGLRenderer（シャドウとアンチエイリアス有効）を初期化し、ウィンドウリサイズ対応を実装。
3. `src/car.js`：簡易ホワイトボックスカークラス。直方体の組み合わせによる車体（赤ベースに白ルーフ、サイズ約0.05m×0.025m×0.02m）。前進速度、角速度、摩擦減衰に基づく剛体移動ロジックを実装。キー入力の監視：Wで加速、Sでブレーキ・後退、A/Dで左右操縦、Rで位置と向きをリセット。
4. `src/track.js`：基礎的な周回コース。平坦なリボン状メッシュ（Ribbon Mesh、道路幅0.08m、厚み0.005m）を生成し、デスク中央を囲む滑らかな連続ループを形成。簡易スタートラインと赤白の縁石パターンを付与。
5. `src/camera.js`：カメラシステム。4つの視点の滑らかな追従切り替えを実装：キー1（後方追従）、キー2（ボンネット視点）、キー3（デスク全体俯瞰）、キー4（コース低速巡回）。
6. `src/lights.js`：基礎照明。デスク用のメインスポットライト（影の投影あり）1灯と、暗めの環境光1灯を配置。

生成完了後、コードに構文エラーがないか確認し、追加の依存関係なしで即座にインポートして実行できる状態にしてください。

Please scaffold the first playable prototype in the current `desk-racer` project by creating the following files:
1. `index.html`: Standard HTML5 boilerplate, reset CSS for fullscreen canvas, `#app` mount container, importing `/src/main.js` as an ES module.
2. `src/main.js`: Main Three.js entry point. Set up scene, perspective camera (FOV 60, near 0.02, far 50), WebGLRenderer with shadows and antialiasing enabled, and a responsive resize handler.
3. `src/car.js`: Whitebox vehicle class. Construct a modular box car (red body, white roof, ~0.05m × 0.025m × 0.02m). Implement basic arcade physics with acceleration, steering yaw, braking, and damping. Bind key inputs: W (throttle), S (brake/reverse), A/D (steer), R (reset position and rotation).
4. `src/track.js`: Basic closed ribbon track. Build a flat drivable ribbon road mesh (width 0.08m, thickness 0.005m) forming a continuous loop around the desk center, complete with a checkered start line and red/white curb striping.
5. `src/camera.js`: Multi-camera rig. Implement smooth lerped switching across 4 modes: Key 1 (Chase Cam), Key 2 (Hood/Cockpit Cam), Key 3 (Top-down Overview), Key 4 (Orbiting Drone).
6. `src/lights.js`: Initial lighting. Add a shadow-casting spotlight and dim ambient light.

Verify clean module exports and syntax correctness so the project runs immediately upon server start.

`npx vite` を起動後、ブラウザの開発者コンソールに異常が発生しています（画面が真っ白、`#app` が見つからない、Three.jsモジュールのインポート失敗、またはシェーダーエラーなど）。
以下の手順に沿ってコードを確認し、修正してください：
1. `index.html` に `<div id="app"></div>` と `<script type="module" src="/src/main.js"></script>` が正しく含まれているか確認。
2. `src/main.js` や各サブモジュールの `import` パスで、相対パス（`./car.js` や `./track.js` など）が正確に使用されているか確認。
3. レンダリングループの `requestAnimationFrame` 内で、車両位置とカメラの補間処理が正しく更新されているか確認。
4. エラー原因を特定し、修正後のファイル内容を提示してください。

Upon running `npx vite`, the browser console reports an error (blank screen, missing `#app` container, module resolution failure, or WebGL context error).
Please inspect and patch the codebase according to these checkpoints:
1. Verify `index.html` contains `<div id="app"></div>` and `<script type="module" src="/src/main.js"></script>`.
2. Ensure all module imports in `src/main.js` use proper relative specifiers (e.g., `./car.js`, `./track.js`).
3. Ensure the `requestAnimationFrame` render loop actively updates car kinematics and camera lerp transformations each frame.
4. State the root cause and provide patched code files directly.

ローカルのBlender MCPサービスの `execute_blender_code` ツールを呼び出し、Pythonスクリプトを実行してレースゲーム用のローポリゴン（Low-Poly）デスク障害物プロップ一式を生成してください：
1. **オブジェクトの配置と寸法計画（メートル単位、サンプル値は実測に合わせて変更可）**：
   - **メカニカルキーボード（Keyboard）**：位置 `(0, 0.01, 0.12)`、土台サイズ約0.36m × 0.14m × 0.02m、上面に簡易キーキャップ配列を並べ、ダークグレーのマットマテリアルを適用。
   - **ディスプレイスタンドと支柱（Monitor）**：位置 `(0, 0, -0.22)`、平たいスタンドに垂直支柱、上部にスクリーンパネル（0.55m × 0.32m）を配置し、画面には暗色の反射マテリアルを適用。
   - **マウス（Mouse）**：位置 `(0.24, 0.015, 0.12)`、丸みを帯びた流線型メッシュ、長さ約0.11m、幅0.06m。
2. **構造と座標の規約**：各オブジェクトの名前を独立して維持し（`Keyboard`、`Monitor`、`Mouse`）、1つのメッシュに結合して重ねないこと。上記の位置はThree.jsのY軸上向き座標です。Blenderスクリプト内では (x,y,z) を (x,-z,y) にマッピングし、BlenderのZ=0を天板に対応させてください。
3. **エクスポート要件**：現在のプロジェクトの絶対パスを指定し、上記モデル群をバイナリGLB形式でプロジェクトの `public/models/desk-props.glb` にエクスポートしてください。
4. **完了確認**：スクリプト実行後、出力ファイルがディスク上に存在し、ファイルサイズが0バイトより大きいことを確認した上で、各オブジェクトの最終ワールド座標を報告してください。

Please invoke `execute_blender_code` via local Blender MCP to generate low-poly desktop props with independent world coordinates using Python:
1. **Layout & Dimensions (meters, adjustable defaults)**:
   - **Keyboard**: Center `(0, 0.01, 0.12)`, base ~0.36m × 0.14m × 0.02m with simplified keycap array, matte dark plastic material.
   - **Monitor**: Center `(0, 0, -0.22)`, thin rectangular base, upright riser, widescreen bezel (0.55m × 0.32m) with glossy dark glass material.
   - **Mouse**: Center `(0.24, 0.015, 0.12)`, ergonomic low-poly contour (~0.11m × 0.06m).
2. **Scene Hierarchy**: Keep distinct object names (`Keyboard`, `Monitor`, `Mouse`) without collapsing all meshes onto origin. The listed coordinates use Three.js Y-up; map (x,y,z) to Blender (x,-z,y), with Blender Z=0 as the tabletop.
3. **Export Specification**: Use the project's absolute filesystem path to export the props collection as binary GLB directly to `public/models/desk-props.glb`.
4. **Verification**: Confirm file existence on disk, verify file size is greater than 0 bytes, and output the final object transform coordinates.

`src/track.js` 内に、デスク上の小物を周回する立体高架リボンコースシステムを構築してください：
1. **ジオメトリ形状**：3次元スプライン曲線（`CatmullRomCurve3`）をベースに周回リボンメッシュ（幅0.08m、厚み0.004m）を生成。コントロールポイントはキーボード中央の高いエリアを避け、キーボードの端で上昇し、ディスプレイの前をかすめるルートにすること。
2. **面の重なりとチラつき（Z-fighting）防止**：コース全体の最も低い位置でも天板から最低0.003m浮かせ、天板との共面によるZファイティングを防止すること。
3. **支持用支柱**：高架コースの下側に沿って一定間隔で円柱状の支柱を生成。各支柱は垂直下向きのレイキャスト（Raycaster）で天板上の実際の接地位置を取得し、レールと天板表面をしっかりと接続すること。
4. **ルールとタイム計測**：コース上にスタート・フィニッシュライン（市松模様）を配置し、3周のラップタイム計測ロジック、現在およびベストラップ表示、逆走警告、リセット復帰機能を実装すること。
5. **階層別の衝突判定**：立体交差エリアでは、車両の現在の高さに応じて対応する階層の衝突判定プロキシを照合し、上層の立体橋から下層の路面へ不自然に吸着したり落下したりするのを防ぐこと。
実装後、ブラウザで1周テスト走行し、すべてのコーナーや立体橋をスムーズに走行できることを確認してください。

Please develop an elevated closed ribbon track in `src/track.js` that navigates around desktop obstacles:
1. **Geometry**: Build a closed ribbon road mesh (width 0.08m, thickness 0.004m) driven by a 3D CatmullRom spline. Route control points to elevate over keyboard edges and dip gently near the monitor base.
2. **Coplanar Anti-Z-Fighting**: Offset track elevation at least 0.003m above tabletop surfaces to prevent depth-buffer fighting artifacts.
3. **Support Pillars**: Distribute vertical cylindrical pillars under elevated spans. Use downward raycasting against desk meshes to clamp each pillar base securely onto supporting surfaces.
4. **Lap Rules**: Add a checkered start/finish threshold, a 3-lap countdown timer, current/best lap tracking, wrong-way detection, and an instant reset trigger (`R` key).
5. **Layered Collision Handling**: Implement height-gated collision matching at overpass intersections so the vehicle does not snap onto underlying road segments.
Drive a complete test lap in the browser to ensure smooth cornering across elevated bridges.

`src/car.js` と `src/camera.js` のスケールを最適化し、マシンモデルのスケールを1:87から1:150のミニチュア規格へ調整してください：
1. **車体サイズとコライダー**：現在の車体バウンディングボックスを読み込み、元のサイズの 87/150 に、1回だけ等比縮小してください。衝突バウンディングボックスとホイールの接地判定距離も同様に 87/150 を掛け、変更前後の数値を記録してください。
2. **追従カメラのオフセット**：カメラ1の相対オフセットベクトルとカメラ2の車体ローカル座標の両方に 87/150 を掛けてください。FOVは変更せず、調整前後のスクリーンショットでマシンの画面占有率を比較してください。
3. **クリップ面の最適化**：`src/main.js` でカメラの `camera.near` を `0.01` に設定し、クローズアップ時に車体メッシュが欠損するのを防止してください。
4. **速度パラメータの適合**：最高前進速度（約0.8 m/s）とステアリング角速度を微調整し、車体縮小によって体感速度が速すぎて操作不能になるのを防いでください。
スクリーンショットでキーボードに接近した際の構図と操作感を検証してください。

Please refine scale parameters across `src/car.js` and `src/camera.js`, adapting the vehicle from 1:87 down to 1:150 micro scale:
1. **Vehicle & Colliders**: Read the current bounds and multiply vehicle dimensions, collision bounds, and ground-check distances by 87/150 exactly once. Record before/after dimensions.
2. **Camera Offsets**: Multiply the chase-camera offset vector and cockpit local coordinates by 87/150. Keep FOV fixed and compare vehicle screen occupancy before/after.
3. **Near Clipping**: In `src/main.js`, configure `camera.near = 0.01` to prevent clipping artifacts during tight macro shots.
4. **Kinematic Tuning**: Recalibrate top speed (~0.8 m/s) and turn rates to ensure realistic acceleration without visual teleportation at micro scales.
Verify visual framing against keycaps and validate handling responsiveness via test screenshots.

`src/textures.js` 内にテクスチャ読み込みモジュールを作成し、ゲームオブジェクトにリアルなPBRマテリアルを割り当ててください：
1. **テクスチャパス**：まず `/textures/desk_wood.png` と `/textures/track_asphalt.png` から保存済みのシームレスカラーマップを読み込み、カラー画像に合わせてsRGB色空間を設定してください。ラフネスマップ、ノーマルマップ、メタルネスマップはファイルが実際に存在する場合にのみ読み込み、存在しない場合はマテリアルの数値パラメータを使用し、無効なパスを追加しないでください。
2. **テクスチャのリピートとラップ**：テクスチャに `wrapS = wrapT = THREE.RepeatWrapping` を設定し、細長いコースに対しては進行方向に適切にタイリング（例：進行方向に沿って40回リピート）を設定して、テクスチャが不自然に引き伸ばされないようにしてください。
3. **マテリアルパラメータ**：
   - デスク天板：`MeshStandardMaterial`、深いブラウンの木目調、ラフネス0.65、わずかな鏡面反射。
   - コース：ダークグレーのアスファルト調、ラフネス0.8。正しいノーマルマップがある場合は粒状感を追加。
   - マシン：光沢のあるレッド塗装、ラフネス0.25、メタルネス0.4。
`applyMaterials(scene)` 関数をエクスポートし、`src/main.js` から呼び出してください。

Please implement a texture loading module in `src/textures.js` to assign PBR materials across scene meshes:
1. **Asset Paths**: Load the saved color textures `/textures/desk_wood.png` and `/textures/track_asphalt.png` with sRGB color space. Load roughness, normal, or metal maps only when their files exist; otherwise use material values and avoid missing URLs.
2. **Wrapping & Repeat**: Configure `wrapS = wrapT = THREE.RepeatWrapping`. Adjust UV repetition along the elongated track mesh (e.g., repeat 40 times longitudinally) to eliminate pixel stretching.
3. **Material Tuning**:
   - Tabletop: `MeshStandardMaterial`, warm walnut tint, roughness: 0.65, subtle specular sheen.
   - Track: Charcoal asphalt, roughness: 0.8; add normal detail only when a valid map is available.
   - Go-kart: Glossy racing red coat, roughness: 0.25, metalness: 0.4.
Export `applyMaterials(scene)` and hook it into `src/main.js`.

`src/lights.js` 内で3層の複合光源システムを完成させ、ページ上にデバッグ用コントロールパネルと進捗記録ギャラリーを追加してください：
1. **光源の構成**：
   - メインライト：`THREE.SpotLight`（暖白色 `#fff4e0`、強度2.5、影を落とす設定、適切なshadow.camera範囲）。
   - ディスプレイ環境光：`THREE.PointLight`（深紫色 `#6b21a8`、強度1.2、ディスプレイ背面に配置）。
   - キーボードの隙間ライト：低強度のポイントライトまたは自己発光マテリアル（シアン `#06b6d4`）。
2. **進捗ギャラリー（`progress.html`）**：開発マイルストーン達成ごとに、4枚の主要スクリーンショット（全体俯瞰、ディテールの接写、地面すれすれの低アングル、ワイヤーフレーム）を自動キャプチャして `public/progress/` に保存し、`progress.html` 上にバージョン番号と生成日時付きのタイムラインとして表示すること。
3. **インタラクティブ調整パネルと実クリップボードコピー**：画面右上に軽量パネルを配置（主灯強度、スポット角度、シャドウbias、色温度、露出）。パネル下部に「JSON設定をコピー」ボタンを設置し、クリック時に `navigator.clipboard.writeText(JSON.stringify(config, null, 2))` を呼び出して、コンソール出力だけでなくクリップボードへ確実にコピーすること。
4. **設定の反映手順**：調整後のJSONをチャットに貼り付けた際、それを直接 `src/lights.js` のデフォルト値として上書き反映し、動画録画前にはパネルを非表示または削除できるトグルを用意すること。

Please build a composite three-tier lighting setup, an interactive debug GUI, and a progress gallery in `src/lights.js`:
1. **Hierarchy**:
   - Desk Spotlight: `THREE.SpotLight` (warm tone `#fff4e0`, intensity: 2.5, castShadow: true, properly bounded shadow camera frustum).
   - Monitor Rim Light: `THREE.PointLight` (deep violet `#6b21a8`, intensity: 1.2, placed behind monitor panel).
   - Keyboard Glow: Cyan accent point light (`#06b6d4`) or material emissive highlights.
2. **Progress Gallery (`progress.html`)**: After each milestone, capture 4 viewport screenshots (overview, detail close-up, low-angle ground check, wireframe view) into `public/progress/` and index them in `progress.html` with version numbers and timestamps.
3. **Interactive GUI & Real Clipboard Copy**: Embed lightweight on-screen sliders for spot intensity, penumbra, shadow bias, exposure, and color. Add a "Copy Settings as JSON" button that invokes `navigator.clipboard.writeText(JSON.stringify(config, null, 2))` to truly copy active settings to the system clipboard (not just console.log).
4. **Bake Defaults**: Establish a clear workflow: once I paste back the exported JSON, bake those values into `src/lights.js` as permanent defaults, and provide a toggle to hide or remove the debug GUI before final recording.

独立した敵対的アートディレクター批評家（Adversarial Visual Critic）サブエージェントによるレビュープロセスを開始してください：
1. **4枚の検証用スクリーンショットのレンダリング**：
   - 3/4俯瞰全体図：空間全体の構図とコースの取り回しを確認。
   - ディテールの接写：キーボードのキーキャップとアスファルト表面のテクスチャを検証。
   - 地面すれすれの低アングル：マシンや支柱の接地状態を確認し、宙に浮いていないか検証。
   - ジオメトリワイヤーフレーム：3Dトポロジー構造と潜在的なモデル干渉をチェック。
2. **厳格な指摘リスト**：批評家サブエージェントは4枚のスクリーンショットすべてを精査し、実際に確認された具体的な視覚的欠陥（ハイライトの白飛び、影のエッジのジャギーや途切れ、モデルの浮遊、マテリアルの質感不足など）をリストアップし、修正提案を提示すること。
3. **原因箇所の修正と終了条件**：
   - `src/lights.js`、`src/textures.js`、または `src/track.js` を特定してコードを修正。
   - 再度スクリーンショットを取得して再検証。問題が見当たらない場合は無理に指摘を捏造しないこと。画面が合意済みのコンセプトに合致し、コースを完走でき、カメラ遷移がスムーズでアセット読み込みエラーが解消された時点で本ラウンドを終了すること。

Please invoke an independent Adversarial Visual Critic subagent review pass for the current scene:
1. **Render 4 Verification Screenshots**:
   - 3/4 Overview: Demonstrating overall layout and track composition.
   - Close-up: Inspecting keycap textures and asphalt grain.
   - Low Angle: Inspecting vehicle contact and pillar bases to eradicate floating objects.
   - Wireframe View: Verifying clean 3D topology and potential collision intersections.
2. **Defect List**: Have the Critic subagent inspect all 4 screenshots, itemizing the visual flaws actually present (e.g., specular blowouts, shadow acne/detachment, floating meshes, or flat materials) with targeted remediation advice.
3. **Targeted Patching & Exit Criteria**:
   - Apply fixes directly across `src/lights.js`, `src/textures.js`, or `src/track.js`.
   - Re-capture screenshots for verification. Do not invent defects once they are fixed. End the round when the image matches our approved direction and multi-lap driving, camera modes, and asset loading pass.

UIボタン、デバッグスライダー、HUDを非表示にし、現在のプロジェクトの重要な3〜5箇所のカメラアングルから鮮明な3Dスクリーンショットを保存し、アングル名とバージョンを明記してください。
各スクリーンショットをNano Bananaに渡し、2K解像度の目標画像を生成させてください：自然な光の陰影、天板の木目、路面の質感、反射、空間の奥行きを強調しつつ、元のカメラアングル、構図、オブジェクトの配置は厳密に維持すること。
アングルごとに元のスクリーンショットと目標画像をペアで保存し、実際のファイルパスとプレビューを提示してください。もし配置にズレが生じた場合は再生成してからコード修正に進んでください。

Switch off the interface buttons, debug GUI, and HUD. Save clear screenshots from 3–5 useful camera positions, labeling the camera and revision.
For each view, ask Nano Banana for a 2K reference image with improved lighting, desk grain, road texture, reflections, and depth. Preserve the camera framing and object arrangement.
Save each source/reference pair and show me previews with their actual paths. Regenerate references that alter the layout before changing the game code.

同一アングルにおける現在のThree.jsスクリーンショットと、承認済みのNano Banana 2K目標画像を比較し、影の落ち方、天板の木目、車体の反射、背景の暗部における具体的な差異をリストアップしてください。
その差異に基づき、既存プロジェクトのジオメトリ、マテリアル、ライティングを修正してください（修正対象：`src/lights.js`、`src/textures.js`、`src/main.js`、または実際に使用しているモデルファイル）。
目標画像を平面の背景画像として貼り付けるような安易な対処は避けてください。完了後、元のカメラアングルでスクリーンショットを再取得し、カメラを回転させコースを1周走行して、リアルタイム3D空間として効果が成立していることを確認してください。変更内容とビフォーアフターの画像を提示してください。

Use matching camera views to compare our live Three.js captures with the approved Nano Banana 2K references. Identify differences in shadows, wood grain, kart reflections, and the darker background.
Update the existing geometry, materials, and lights in src/lights.js, src/textures.js, src/main.js, or the model files actually used by this project.
Keep the reference image out of the scene background. Capture the original views again, rotate the camera, and drive a lap to confirm the improvement survives in real-time 3D. Show the edits and before/after captures.

現在の `desk-racer` フロントエンドの描画パフォーマンスについて、指標の測定と重点的な最適化を実施してください：
1. **指標の計測**：ページ内に軽量なパフォーマンスモニターを導入し、現在のFPS、フレーム時間（ms）、`renderer.info.render.calls`（DrawCall回数）をリアルタイム表示すること。
2. **ボトルネック特定と光源の負荷軽減**：負荷の主因がCPUのDrawCall限界にあるのか、GPUのフィルレート/シャドウ処理にあるのかを特定すること。シーン内で `castShadow = true` に設定する光源はメインのスポットライト1灯のみに限定し、ディスプレイの環境光による余分なシャドウパスは無効化すること。
3. **静的メッシュの結合**：メカニカルキーボードのモデルを点検すること。キーキャップが多数の独立したメッシュで構成されている場合は、結合するか `InstancedMesh` に変換し、結合前後のDrawCall測定値を比較すること。
4. **実機検証**：ブラウザ上で周回走行を繰り返しテストし、安定動作の基準として30fpsを確保（専用GPU環境では60fpsを目指して調整）した上で、急カーブや視点切り替え時のフレーム落ちやカクつきを解消すること。

Please profile rendering performance for `desk-racer` and apply targeted optimizations:
1. **Telemetry**: Add a lightweight stats overlay tracking FPS, frame delta (ms), and `renderer.info.render.calls` (DrawCalls).
2. **Bottleneck Audit & Shadow Pruning**: Determine whether performance is bounded by CPU DrawCalls or GPU fill-rate/shadow passes. Ensure strictly ONE primary spotlight casts dynamic shadows; disable shadow casting on auxiliary monitor fill lights.
3. **Mesh Merging**: Inspect keyboard keycaps. If composed of dozens of individual meshes, batch them via `BufferGeometryUtils.mergeGeometries` or `InstancedMesh`, comparing DrawCall measurements before and after.
4. **Acceptance Test**: Run a continuous multi-lap driving benchmark to verify smooth performance above the 30fps baseline (targeting 60fps on capable GPUs) without stutter during high-speed cornering.

`src/camera.js` 内に滑らかなカメラコントローラーを実装し、数字キー1、2、3、4によって各視点間を滑らかに補間遷移（Vector3.lerp および Quaternion.slerp を使用）できるようにしてください：
1. **キー1 - 追従視点**：目標位置はマシンの後方0.08m・上方0.035m、注視点はマシンの前方0.05m。
2. **キー2 - コックピット一人称**：目標位置はフロントフード上方0.008mに固定、正面を注視。
3. **キー3 - デスク全体俯瞰**：デスク中心の上方0.8m・斜め0.5mの位置に固定し、デスク全体を静止俯瞰。
4. **キー4 - ドローン旋回**：デスク中心を回転中心とし、0.15 rad/s の角速度でゆっくり自転巡回。
視点切り替え時に不自然な瞬間移動が発生しないようにし、0.6〜0.8秒程度でスムーズに遷移を完了させてください。

Implement a smooth camera controller in `src/camera.js` supporting keys 1, 2, 3, 4 with lerped transitions (Vector3.lerp and Quaternion.slerp):
1. **Key 1 - Chase Cam**: Offset 0.08m behind, 0.035m above the vehicle, looking 0.05m ahead.
2. **Key 2 - Cockpit View**: Mounted directly 0.008m above vehicle hood, looking straight forward.
3. **Key 3 - Overview**: Stationary vantage point 0.8m above and 0.5m offset from desk center, overlooking the track.
4. **Key 4 - Orbit Drone**: Slow orbit around desk center at 0.15 rad/s.
Smooth transitions across states within ~0.6–0.8s without sudden position snaps.