fixed match modal centering on iphone

prevented body scroll when modal shows

viewport units and mobile responsive fixes
overflow hidden on body/html when match popup active
mobile media queries for smaller screens

terry davis would be proud of this viewport handling

script.js

@@ -254,12 +254,18 @@ function showMatchPopup() {
             rightProfileImg.src = bricks[currentIndex].image;
         }
         matchPopup.classList.add('show');
+        // Prevent body scrolling
+        document.body.style.overflow = 'hidden';
+        document.documentElement.style.overflow = 'hidden';
     }
 }
 
 function hideMatchPopup() {
     if (matchPopup) {
         matchPopup.classList.remove('show');
+        // Restore body scrolling
+        document.body.style.overflow = '';
+        document.documentElement.style.overflow = '';
     }
 }