SCANNER WORKS!!! JUST ADD THE MORE CLUE BUTTONS !!! AND NEXT CLUE ERROR CHECKING

app/(main)/clue/[clueId]/page.js

@@ -439,7 +439,10 @@ export default function CluePage({ params }) {
     <div className="clue-container">
       {/* Map Banner with team info and timer */}
       <div className="map-banner">
-        <div className="team-name">{teamData?.team?.name || "Loading..."}</div>
+        <div className="team-name">
+          <span className="team-label">Team Name: </span>
+          {teamData?.team?.name || "Loading..."}
+        </div>
         <div className="elapsed-time">
           <span className="time-value">{elapsedTime}</span>
         </div>
@@ -859,6 +862,11 @@ export default function CluePage({ params }) {
           padding-right: 5px;
         }
 
+        .team-label {
+          font-weight: normal;
+          opacity: 0.9;
+        }
+
         .elapsed-time {
           text-align: center;
           padding: 5px 10px;
@@ -874,7 +882,7 @@ export default function CluePage({ params }) {
         }
 
         .team-code {
-          font-size: 16px;
+          font-size: 18px; /* Increased from 16px to 18px */
           font-weight: bold;
           flex: 1;
           text-align: right;
@@ -883,11 +891,6 @@ export default function CluePage({ params }) {
           text-overflow: ellipsis;
           padding-left: 5px;
         }
-
-        /* Remove the standalone timer display as it's now in the banner */
-        .timer-display {
-          display: none;
-        }
       `}</style>
     </div>
   );