location change

src/client/graphics/GameRenderer.ts

@@ -25,7 +25,7 @@ import { SpawnTimer } from "./layers/SpawnTimer";
 import { OptionsMenu } from "./layers/OptionsMenu";
 import { TopBar } from "./layers/TopBar";
 import { PlayerPanel } from "./layers/PlayerPanel";
-import { GameStartingModal } from "./layers/gameStartingModal";
+import { GameStartingModal } from "../gameStartingModal";
 
 export function createRenderer(
   canvas: HTMLCanvasElement,

src/client/graphics/layers/gameStartingModal.ts

@@ -1,106 +0,0 @@
-import { LitElement, html, css } from "lit";
-import { customElement, state } from "lit/decorators.js";
-
-@customElement("game-starting-modal")
-export class GameStartingModal extends LitElement {
-  @state()
-  isVisible = false;
-
-  static styles = css`
-    .modal {
-      display: none;
-      position: fixed;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      background-color: rgba(30, 30, 30, 0.7);
-      padding: 25px;
-      border-radius: 10px;
-      z-index: 9999;
-      box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
-      backdrop-filter: blur(5px);
-      color: white;
-      width: 300px;
-      text-align: center;
-      transition:
-        opacity 0.3s ease-in-out,
-        visibility 0.3s ease-in-out;
-    }
-
-    .modal.visible {
-      display: block;
-      animation: fadeIn 0.3s ease-out;
-    }
-
-    @keyframes fadeIn {
-      from {
-        opacity: 0;
-        transform: translate(-50%, -48%);
-      }
-      to {
-        opacity: 1;
-        transform: translate(-50%, -50%);
-      }
-    }
-
-    .modal h2 {
-      margin-bottom: 15px;
-      font-size: 22px;
-      color: white;
-    }
-
-    .modal p {
-      margin-bottom: 20px;
-      background-color: rgba(0, 0, 0, 0.3);
-      padding: 10px;
-      border-radius: 5px;
-    }
-
-    .button-container {
-      display: flex;
-      justify-content: center;
-      gap: 10px;
-    }
-
-    .modal button {
-      padding: 12px;
-      font-size: 16px;
-      cursor: pointer;
-      background: rgba(255, 100, 100, 0.7);
-      color: white;
-      border: none;
-      border-radius: 5px;
-      transition:
-        background-color 0.2s ease,
-        transform 0.1s ease;
-    }
-
-    .modal button:hover {
-      background: rgba(255, 100, 100, 0.9);
-      transform: translateY(-1px);
-    }
-
-    .modal button:active {
-      transform: translateY(1px);
-    }
-  `;
-
-  render() {
-    return html`
-      <div class="modal ${this.isVisible ? "visible" : ""}">
-        <h2>Game is Starting...</h2>
-        <p>Preparing for the lobby to start. Please wait.</p>
-      </div>
-    `;
-  }
-
-  show() {
-    this.isVisible = true;
-    this.requestUpdate();
-  }
-
-  hide() {
-    this.isVisible = false;
-    this.requestUpdate();
-  }
-}