g hl

views/1v1-battlefield.ejs

@@ -472,8 +472,36 @@
           if (data.readySlots.includes("player2") && pip2) pip2.textContent = "✅ " + (document.getElementById("nameRight")?.textContent || "Spieler 2");
         }
         if (data.readyCount === 2) {
+          // ── Zufällige Seitenzuweisung ──────────────────────
+          // Deterministisch via matchId → beide Clients sehen dasselbe
+          const seed  = matchId.split("").reduce((a, c) => a + c.charCodeAt(0), 0);
+          const flip  = seed % 2 === 1; // true = Seiten tauschen
+
+          const p1Name = document.getElementById("nameLeft")?.textContent  || "Spieler 1";
+          const p2Name = document.getElementById("nameRight")?.textContent || "Spieler 2";
+
+          const leftName  = flip ? p2Name : p1Name;
+          const rightName = flip ? p1Name : p2Name;
+
+          // Namen in Avatar-Slots schreiben
+          document.getElementById("nameLeft").textContent  = leftName;
+          document.getElementById("nameRight").textContent = rightName;
+
+          // Platzhalter-Icon durch Namen ersetzen falls noch kein Bild
+          ["avLeft", "avRight"].forEach(avId => {
+            const av   = document.getElementById(avId);
+            const ph   = av?.querySelector(".av-placeholder");
+            const name = avId === "avLeft" ? leftName : rightName;
+            if (ph) ph.innerHTML = `
+              <div class="av-icon" style="font-size:calc(var(--s)*26);opacity:0.5;">
+                ${avId === "avLeft" ? "⚔" : "🛡"}
+              </div>
+              <div style="font-family:'Cinzel',serif;font-size:calc(var(--s)*11);
+                color:rgba(255,215,80,0.9);text-align:center;padding:0 6px;
+                word-break:break-word;line-height:1.3;">${name}</div>`;
+          });
+
           document.getElementById("board-lock-overlay")?.remove();
-          document.getElementById("bereit-btn")?.remove();
           document.getElementById("end-turn-btn").disabled = false;
         }
       });