Make viewers unabler to join before teams are finalized. Viewers are on teams

src/styles.css

@@ -282,6 +282,17 @@ button {
   gap: 12px;
 }
 
+.viewer-team-select {
+  margin-bottom: 12px;
+}
+
+.viewer-team-select label {
+  display: block;
+  margin-bottom: 6px;
+  font-size: 0.85rem;
+  color: rgba(255, 255, 255, 0.8);
+}
+
 .team-score-card {
   width: 100%;
   border: none;
@@ -296,6 +307,10 @@ button {
   outline: 2px solid #ffffff;
 }
 
+.team-score-card.viewerTeam {
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.6) inset;
+}
+
 .team-name {
   font-weight: 600;
 }
@@ -539,6 +554,12 @@ audio.hidden-audio {
   color: rgba(255, 255, 255, 0.6);
 }
 
+.enable-audio {
+  position: absolute;
+  bottom: 20px;
+  z-index: 3;
+}
+
 .end-panel {
   text-align: center;
 }