fix: landscape modals and iOS PWA support

src/components/CustomGameModal.vue

@@ -340,12 +340,20 @@ const confirm = () => {
   text-align: center;
   max-width: 800px;
   width: 90%;
+  max-height: 90vh;
+  overflow-y: auto;
   border: 1px solid var(--accent-cyan);
   box-shadow: 0 0 50px rgba(0, 242, 255, 0.2);
   animation: slideUp 0.3s ease;
   transition: all 0.3s ease-in-out;
 }
 
+@media (max-width: 768px), (max-height: 600px) {
+  .modal {
+    padding: 20px;
+  }
+}
+
 .modal-content {
     display: flex;
     flex-direction: row;

src/components/WinModal.vue

@@ -215,6 +215,8 @@ onUnmounted(() => {
   width: fit-content;
   max-width: min(92vw, 560px);
   min-width: 280px;
+  max-height: 90vh;
+  overflow-y: auto;
   border: 1px solid var(--primary-accent);
   box-shadow: 0 0 50px rgba(0, 242, 255, 0.2);
   animation: slideUp 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
@@ -223,6 +225,12 @@ onUnmounted(() => {
   overflow-wrap: anywhere;
 }
 
+@media (max-width: 768px), (max-height: 600px) {
+  .modal {
+    padding: 20px;
+  }
+}
+
 h2 {
   font-size: 2.5rem;
   color: var(--primary-accent);