Final player position changes

public/src/games/kiitos/KiitosGame.js

@@ -172,14 +172,17 @@ export default class KiitosGame extends Phaser.Scene {
     }).setOrigin(0.5).setDepth(D.centerTxt);
     this.roundObjs.push(this.promptTxt);
 
-    // seat panels (AIs across the top arc, human bottom-left summary)
+    // seat panels
+    // Opponent 1: left of the playfield, above the player's panel (with padding)
+    // Opponent 2: right of the playfield, vertically parallel with opponent 1
+    // Opponent 3: right of the playfield, vertically parallel with the player's panel
+    //              and horizontally parallel with opponent 2
     this.seatPanels = {};
     const ais = this.seats.filter((s) => !s.isHuman);
-    ais.forEach((s, i) => {
-      const x = 360 + i * 420;
-      this.seatPanels[s.id] = this.buildSeatPanel(s, x, 250);
-    });
-    this.seatPanels['player'] = this.buildSeatPanel(this.seats[0], 200, 760);
+    this.seatPanels[ais[0]?.id] = this.buildSeatPanel(ais[0], 180, 350);
+    this.seatPanels[ais[1]?.id] = this.buildSeatPanel(ais[1], 1740, 350);
+    this.seatPanels[ais[2]?.id] = this.buildSeatPanel(ais[2], 1740, 760);
+    this.seatPanels['player'] = this.buildSeatPanel(this.seats[0], 180, 760);
 
     // Hand cards (top-level so drag coordinates map straight to world space) and
     // drop slots are tracked in their own arrays, rebuilt each render.
@@ -634,6 +637,7 @@ export default class KiitosGame extends Phaser.Scene {
     const built = this.logic.center.built;
     if (this._humanForced) return this._rowStartX + built.length * this._rowStep;
     if (!built.length) return GAME_WIDTH / 2;
+    if (insertIndex === built.length) return this._rowStartX + built.length * this._rowStep;
     return this._rowStartX + (insertIndex - 0.5) * this._rowStep;
   }