Update play.html

play.html

@@ -8,7 +8,7 @@
     <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700;800&display=swap" rel="stylesheet">
     <style>
         :root { --neon-green: #00ff41; --legacy-gold: #ffb700; --error-red: #ff0055; --bg-dark: #0a0a0a; }
-        body { background: #0a0a0a; color: #e0e0e0; font-family: 'JetBrains Mono', monospace; overflow: hidden; user-select: none; touch-action: none; -webkit-touch-callout: none;}
+        body { background: #0a0a0a; color: #e0e0e0; font-family: 'JetBrains Mono', monospace; overflow: hidden; user-select: none; touch-action: none; position: fixed;}
         canvas { display: block; width: 100%; height: 100%; }
         
         .scanlines { background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0) 50%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.1)); background-size: 100% 4px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: 10; }
@@ -24,13 +24,13 @@
         .floating-message { 
             position: absolute; 
             font-weight: 800; 
-            font-size: 1.20rem; 
+            font-size: 1.40rem; 
             text-align: left; 
             pointer-events: none; 
             text-shadow: 2px 2px 0px #000; 
             z-index: 50; 
             white-space: nowrap; 
-            animation: floatRightUp 3.5s cubic-bezier(0.23, 1, 0.32, 1) forwards; 
+            animation: floatRightUp 1.8s cubic-bezier(0.23, 1, 0.32, 1) forwards; 
         }
 
         @keyframes floatRightUp { 
@@ -40,8 +40,8 @@
             100% { opacity: 0; transform: translate(60px, -120px) scale(0.9); } 
         }
 
-        .motivational-banner { position: absolute; top: 20%; width: 100%; text-align: center; font-size: 1.5rem; font-weight: 800; color: #fff; text-shadow: 0 0 20px var(--neon-green); pointer-events: none; z-index: 40; opacity: 0; transition: all 0.5s; letter-spacing: 2px; }
-        .combo-display { position: absolute; top: 45%; right: 8%; font-size: 2rem; font-weight: 900; color: #fff; text-shadow: 4px 4px 0px #ff0055; opacity: 0; transition: all 0.3s; z-index: 45; transform: rotate(-10deg); text-align: right; pointer-events: none; font-style: italic; }
+        .motivational-banner { position: absolute; top: 20%; width: 100%; text-align: center; font-size: 1.9rem; font-weight: 800; color: #fff; text-shadow: 0 0 20px var(--neon-green); pointer-events: none; z-index: 40; opacity: 0; transition: all 0.5s; letter-spacing: 2px; }
+        .combo-display { position: absolute; top: 45%; right: 8%; font-size: 2.3rem; font-weight: 900; color: #fff; text-shadow: 4px 4px 0px #ff0055; opacity: 0; transition: all 0.3s; z-index: 45; transform: rotate(-10deg); text-align: right; pointer-events: none; font-style: italic; }
         .hidden { display: none !important; }
     </style>
 </head>
@@ -116,6 +116,16 @@
 </div>
 
 <script>
+document.addEventListener('gesturestart', function(e) {
+    e.preventDefault(); 
+});
+
+document.addEventListener('touchmove', function(e) {
+    if (e.scale !== 1) { 
+        e.preventDefault(); 
+    }
+}, { passive: false });
+
 /**
  * ==========================================================================================
  * ⚙️ CONFIGURAZIONE DI GIOCO - MATTEO INNOVATION LAB EDITION