feature: adds hype meter to replace game score

app/static/styles.css

@@ -99,8 +99,12 @@ h1 {
     font-size: 80%;
 }
 
-.game-info strong {
-    margin-right: 5px;
+.hype-meter-label {
+    margin-top: 3%;
+    color: #aaa;
+    text-align: center;
+    font-size: 80%;
+    margin-bottom: 3%;
 }
 
 .live-dot {
@@ -166,6 +170,9 @@ h1 {
     z-index: 1; 
     width: 7.2%;
     height: 7.5%;
+    display: flex; 
+    justify-content: space-evenly;
+    align-items: center;
 }
 
 .live-time {
@@ -241,6 +248,20 @@ h1 {
     justify-content: flex-start;
 }
 
+/* Add styles for the game score gauge */
+.game-score-gauge {
+    height: 1%;
+    background-color: #ccc;
+    border-radius: 5px;
+    overflow: hidden; 
+}
+
+.gauge {
+    height: 10px; /* Adjust height as needed */
+    /*#8A2BE2*/
+    /*#6699CC*/
+}
+
 /* Add media query for smaller screens */
 @media only screen and (max-width: 768px) {
     .scoreboard {