Update script.js

script.js

@@ -824,7 +824,7 @@ const UIController = (() => {
         await AnimationController.showSection('success-section', 300);
     };
 
-    // Handle No button click (mobile)
+    // Handle No button click
     const handleNoClick = (e) => {
         e.preventDefault();
         e.stopPropagation();
@@ -832,21 +832,10 @@ const UIController = (() => {
         noClickCount++;
         noButtonActivated = true;
 
-        // Grow the Yes button
-        yesScale = 1 + (noClickCount * 0.2);
-        const maxScale = 2.5;
-
-        if (yesScale > maxScale) {
-            yesScale = maxScale;
-        }
-
-        elements.btnYes.style.transform = `scale(${yesScale})`;
-        elements.btnYes.style.zIndex = noClickCount + 10;
-
         // Make No button evade immediately
         evadeNoButton();
 
-        // After many clicks, maybe just trigger yes
+        // After many clicks, trigger yes automatically
         if (noClickCount >= 15) {
             handleYesClick();
         }
@@ -913,34 +902,33 @@ const UIController = (() => {
             newY = minY + Math.random() * (maxY - minY);
             attempts++;
 
-            // Ensure NO button never touches YES button
+            // Ensure NO button NEVER touches or overlaps YES button
             if (elements.btnYes) {
                 const yesRect = elements.btnYes.getBoundingClientRect();
 
-                // Calculate the scaled Yes button dimensions
-                const scaledYesWidth = yesRect.width;
-                const scaledYesHeight = yesRect.height;
+                // Large safety buffer to guarantee no touching (50px minimum gap)
+                const safetyBuffer = 50;
 
-                // Check for rectangle overlap (with safety buffer)
-                const safetyBuffer = 20; // Extra space to prevent touching
+                // No button bounds
                 const noLeft = newX;
                 const noRight = newX + btnWidth;
                 const noTop = newY;
                 const noBottom = newY + btnHeight;
 
+                // Yes button expanded bounds (with safety buffer)
                 const yesLeft = yesRect.left - safetyBuffer;
                 const yesRight = yesRect.right + safetyBuffer;
                 const yesTop = yesRect.top - safetyBuffer;
                 const yesBottom = yesRect.bottom + safetyBuffer;
 
-                // Check if rectangles overlap
-                const isOverlapping = !(noRight < yesLeft ||
-                    noLeft > yesRight ||
-                    noBottom < yesTop ||
-                    noTop > yesBottom);
+                // Check if NO button would be inside the YES button's exclusion zone
+                const isInExclusionZone = (noRight > yesLeft &&
+                    noLeft < yesRight &&
+                    noBottom > yesTop &&
+                    noTop < yesBottom);
 
-                // Only accept position if NOT overlapping
-                if (!isOverlapping) {
+                // Only accept position if OUTSIDE the exclusion zone
+                if (!isInExclusionZone) {
                     break;
                 }
             } else {
@@ -948,6 +936,27 @@ const UIController = (() => {
             }
         } while (attempts < maxAttempts);
 
+        // If we couldn't find a valid position after all attempts, 
+        // force position to bottom-right corner away from Yes button
+        if (attempts >= maxAttempts && elements.btnYes) {
+            const yesRect = elements.btnYes.getBoundingClientRect();
+            // Position in opposite corner from Yes button
+            if (yesRect.left < containerRect.left + containerRect.width / 2) {
+                // Yes is on left, put No on right
+                newX = maxX;
+            } else {
+                // Yes is on right, put No on left
+                newX = minX;
+            }
+            if (yesRect.top < containerRect.top + containerRect.height / 2) {
+                // Yes is on top, put No on bottom
+                newY = maxY;
+            } else {
+                // Yes is on bottom, put No on top
+                newY = minY;
+            }
+        }
+
         // Strictly clamp position within container bounds
         const finalX = Math.max(minX, Math.min(maxX, newX));
         const finalY = Math.max(minY, Math.min(maxY, newY));