change world cup final to final game

Author: chrisorban

docs/soccer.html

@@ -420,7 +420,7 @@ <h1>STEMcoding Bracket Builder</h1>
                     <span style="font-size: 11px; font-weight: bold; color: #1a5c38; letter-spacing: 0.5px;">QR to Share URL</span>
                 </div>
                 <div style="position: relative; margin-bottom: 20px;">
-                    <h3 style="color: #1a5c38; margin: 0; text-align: center; padding-top: 10px; font-size: 20px; font-family: 'Outfit', sans-serif; text-transform: uppercase; letter-spacing: 1px;">Your World Cup Bracket Code</h3>
+                    <h3 style="color: #1a5c38; margin: 0; text-align: center; padding-top: 10px; font-size: 20px; font-family: 'Outfit', sans-serif; text-transform: uppercase; letter-spacing: 1px;">Your Bracket Code</h3>
                     <button onclick="window.print()" style="position: absolute; right: 0; top: 10px; padding: 8px 18px; background: #1a5c38; color: white; border: none; border-radius: 6px; cursor: pointer; font-weight: bold; font-family: 'Outfit', sans-serif;">Print Bracket</button>
                 </div>
                 <div style="margin: 15px auto; padding: 15px; border: 1px dashed #bcc4ce; border-radius: 6px; width: fit-content; min-width: 50%; display: flex; justify-content: space-between; align-items: center; background: #f8f9fa; font-size: 15px; gap: 40px; color: #1a1a2e;">
@@ -505,7 +505,7 @@ <h3 style="color: #1a5c38; margin: 0; text-align: center; padding-top: 10px; fon
         function buildCenter() {
             return `
                 <div class="center-column">
-                    <h2>World Cup Final</h2>
+                    <h2>Final Game</h2>
                     <div class="round" style="width: 100%; align-items: center; justify-content: center;">
                         <div class="match champ-match">
                             <div class="team empty" onclick="advanceToWinner('left')" id="final-left">Left Semifinalist</div>

soccer.html

@@ -420,7 +420,7 @@ <h1>STEMcoding Bracket Builder</h1>
                     <span style="font-size: 11px; font-weight: bold; color: #1a5c38; letter-spacing: 0.5px;">QR to Share URL</span>
                 </div>
                 <div style="position: relative; margin-bottom: 20px;">
-                    <h3 style="color: #1a5c38; margin: 0; text-align: center; padding-top: 10px; font-size: 20px; font-family: 'Outfit', sans-serif; text-transform: uppercase; letter-spacing: 1px;">Your World Cup Bracket Code</h3>
+                    <h3 style="color: #1a5c38; margin: 0; text-align: center; padding-top: 10px; font-size: 20px; font-family: 'Outfit', sans-serif; text-transform: uppercase; letter-spacing: 1px;">Your Bracket Code</h3>
                     <button onclick="window.print()" style="position: absolute; right: 0; top: 10px; padding: 8px 18px; background: #1a5c38; color: white; border: none; border-radius: 6px; cursor: pointer; font-weight: bold; font-family: 'Outfit', sans-serif;">Print Bracket</button>
                 </div>
                 <div style="margin: 15px auto; padding: 15px; border: 1px dashed #bcc4ce; border-radius: 6px; width: fit-content; min-width: 50%; display: flex; justify-content: space-between; align-items: center; background: #f8f9fa; font-size: 15px; gap: 40px; color: #1a1a2e;">
@@ -505,7 +505,7 @@ <h3 style="color: #1a5c38; margin: 0; text-align: center; padding-top: 10px; fon
         function buildCenter() {
             return `
                 <div class="center-column">
-                    <h2>World Cup Final</h2>
+                    <h2>Final Game</h2>
                     <div class="round" style="width: 100%; align-items: center; justify-content: center;">
                         <div class="match champ-match">
                             <div class="team empty" onclick="advanceToWinner('left')" id="final-left">Left Semifinalist</div>