Update play.html

play.html

@@ -76,27 +76,23 @@
 
     <div id="start-screen" style="position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 30; background: rgba(0,0,0,0.92); backdrop-filter: blur(8px); padding: 1rem;">
         
-        <h1 id="title-main" style="font-size: 5rem; font-weight: bold; color: white; margin-bottom: 0.5rem; text-align: center; text-shadow: 0 0 20px #00ff41; line-height: 1.1;"></h1>
-        
-        <h2 id="subtitle-main" style="color: #00ff41; font-size: 1.5rem; margin-bottom: 2rem; font-weight: bold; text-align: center; max-width: 800px;"></h2>
-        
         <div style="background: #111; border: 1px solid #444; padding: 2rem; border-radius: 0.5rem; max-width: 40rem; width: 100%; margin-bottom: 2rem; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5);">
             <div style="display: flex; flex-direction: column; gap: 1.5rem; font-size: 1.1rem;">
                 <div style="display: flex; align-items: center;">
                     <span id="icon-legacy" style="font-size: 2.8rem; margin-right: 1rem;"></span>
-                    <div><span id="title-legacy" style="color: #ffb700; font-weight: bold; font-size: 1.2rem;"></span><p id="desc-legacy" style="color: #999; font-size: 1rem; margin: 0;"></p></div>
+                    <div><span id="title-legacy" style="color: #ffb700; font-weight: bold; font-size: 1.2rem;"></span><p id="desc-legacy" style="color: #999; font-size: 1.2rem; margin: 0;"></p></div>
                 </div>
                 <div style="display: flex; align-items: center;">
                     <span id="icon-ai" style="font-size: 2.8rem; margin-right: 1rem;"></span>
-                    <div><span id="title-ai" style="color: #00ff41; font-weight: bold; font-size: 1.2rem;"></span><p id="desc-ai" style="color: #999; font-size: 1rem; margin: 0;"></p></div>
+                    <div><span id="title-ai" style="color: #00ff41; font-weight: bold; font-size: 1.2rem;"></span><p id="desc-ai" style="color: #999; font-size: 1.2rem; margin: 0;"></p></div>
                 </div>
                 <div style="display: flex; align-items: center;">
                     <span id="icon-obs" style="font-size: 2.8rem; margin-right: 1rem;"></span>
-                    <div><span id="title-obs" style="color: #ff0055; font-weight: bold; font-size: 1.2rem;"></span><p id="desc-obs" style="color: #999; font-size: 1rem; margin: 0;"></p></div>
+                    <div><span id="title-obs" style="color: #ff0055; font-weight: bold; font-size: 1.2rem;"></span><p id="desc-obs" style="color: #999; font-size: 1.2rem; margin: 0;"></p></div>
                 </div>
                 <div style="display: flex; align-items: center;">
                     <span style="font-size: 2.8rem; margin-right: 1rem;">⚡</span>
-                    <div><span id="title-bar" style="color: white; font-weight: bold; font-size: 1.2rem;"></span><p id="desc-bar" style="color: #999; font-size: 1rem; margin: 0;"></p></div>
+                    <div><span id="title-bar" style="color: white; font-weight: bold; font-size: 1.2rem;"></span><p id="desc-bar" style="color: #999; font-size: 1.2rem; margin: 0;"></p></div>
                 </div>
             </div>
         </div>
@@ -107,14 +103,16 @@
 
     <div id="game-over" class="hidden" style="position: absolute; inset: 0; flex-direction: column; align-items: center; justify-content: center; z-index: 40; background: rgba(0,0,0,0.95);">
         
-        <h2 id="go-title" style="font-size: 4.5rem; font-weight: bold; color: white; margin-bottom: 1.5rem; text-align: center;"></h2>
+        <h2 id="go-title" style="font-size: 2.25rem; font-weight: bold; color: white; margin-bottom: 1.5rem; text-align: center;"></h2>
         
-        <div style="text-align: center; font-size: 1.2rem; color: #ccc; margin-bottom: 2.5rem; background: #1a1a1a; padding: 2.5rem; border: 1px solid #444; border-radius: 0.5rem; max-width: 35rem; width: 100%;">
-            <p id="go-reason" style="color: #ff0055; font-weight: bold; margin-bottom: 1.5rem; font-size: 1.4rem;"></p>
+        <div style="text-align: center; font-size: 1.45rem; color: #ccc; margin-bottom: 2.5rem; background: #1a1a1a; padding: 2.5rem; border: 1px solid #444; border-radius: 0.5rem; max-width: 35rem; width: 100%;">
+            <p id="go-reason" style="color: #ff0055; font-weight: bold; margin-bottom: 1.5rem; font-size: 1.7rem;"></p>
+            
             <div style="display: flex; justify-content: space-between; margin-bottom: 0.8rem;"><span>MVP Score:</span><span id="final-score" style="color: #00ff41; font-weight: bold;">0</span></div>
             <div style="display: flex; justify-content: space-between; margin-bottom: 1.5rem;"><span>Modernizzazione:</span><span id="final-legacy" style="color: #ffb700; font-weight: bold;">0%</span></div>
             <hr style="border-color: #444; margin: 1.5rem 0;">
-            <p id="death-quote" style="font-style: italic; color: #999; font-size: 1rem;"></p>
+            
+            <p id="death-quote" style="font-style: italic; color: #999; font-size: 1.2rem;"></p>
         </div>
         <button id="btn-restart" class="btn" onclick="initGame()"></button>
     </div>
@@ -284,8 +282,9 @@ const dom = {
 };
 
 function setupUI() {
-    document.getElementById('title-main').innerText = GAME_CONFIG.TEXTS.TITLE;
-    document.getElementById('subtitle-main').innerText = GAME_CONFIG.TEXTS.SUBTITLE;
+    // TITOLI RIMOSSI ANCHE DAL JS
+    // document.getElementById('title-main').innerText = GAME_CONFIG.TEXTS.TITLE;
+    // document.getElementById('subtitle-main').innerText = GAME_CONFIG.TEXTS.SUBTITLE;
     document.getElementById('lbl-phase').innerText = GAME_CONFIG.TEXTS.LBL_PHASE;
     document.getElementById('lbl-metrics').innerText = GAME_CONFIG.TEXTS.LBL_METRICS;
     document.getElementById('lbl-score').innerText = GAME_CONFIG.TEXTS.LBL_SCORE;