Merge branch 'main' into randmap

src/client/SinglePlayerModal.ts

@@ -256,6 +256,11 @@ export class SinglePlayerModal extends LitElement {
         class="modal-overlay"
         style="display: ${this.isModalOpen ? "flex" : "none"}"
       >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;"
+          class="${this.isModalOpen ? "" : "hidden"}"
+          @click=${this.close}
+        ></div>
         <div class="modal-content">
           <span class="close" @click=${this.close}>&times;</span>
 
@@ -476,7 +481,7 @@ export class SinglePlayerModal extends LitElement {
         detail: {
           gameType: GameType.Singleplayer,
           lobby: {
-            id: generateID(),
+            gameID: generateID(),
           },
           map: this.selectedMap,
           difficulty: this.selectedDifficulty,