add stop window

src/components/GameWindow.vue

@@ -140,13 +140,52 @@ onMounted(() => {
       </div>
     </div>
   </div>
+
+  <div v-if="gameState == 'STOP'" class="modal-overlay">
+    <div class="modal-content">
+      <div class="modal-body"></div>
+    </div>
+  </div>
 </template>
 
 <style scoped>
-.aaa {
+.modal-overlay {
-  width: 100px;
+  position: fixed;
-  height: 2000px;
+  top: 0;
-  border: solid 2px red;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background-color: rgba(0, 0, 0, 0.7);
+  /* Полупрозрачный черный цвет */
+  display: flex;
+  justify-content: center;
+  /* Центрируем по горизонтали */
+  align-items: center;
+  /* Центрируем по вертикали */
+  z-index: 9999;
+  /* Поверх всех остальных элементов */
+  backdrop-filter: blur(3px);
+  /* Эффект размытия заднего фона (по желанию) */
+}
+
+.modal-content {
+  position: relative;
+  width: 90%;
+  max-width: 420px;
+  min-height: 250px;
+  background-position: center;
+  /* Картинка центрируется */
+  background-repeat: no-repeat;
+  overflow: hidden;
+
+  background-image: url("@/assets/stop.png");
+  background-size: cover;
+}
+
+.modal-body {
+  position: relative;
+  z-index: 2;
+  padding: 30px;
 }
 
 .game-input-form-shadow {