Init multiplayer

src/styles.css

@@ -72,6 +72,10 @@ code {
   font-weight: 600;
 }
 
+.session-pill {
+  border-color: rgba(61, 214, 255, 0.5);
+}
+
 .app-main {
   flex: 1;
 }
@@ -96,6 +100,38 @@ code {
   color: rgba(255, 255, 255, 0.7);
 }
 
+.session-box {
+  margin-top: 18px;
+  margin-bottom: 20px;
+  padding: 14px;
+  border-radius: 14px;
+  border: 1px solid rgba(255, 255, 255, 0.15);
+  background: rgba(255, 255, 255, 0.04);
+}
+
+.session-box h3 {
+  margin: 0 0 6px;
+}
+
+.session-row {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}
+
+.session-row .input {
+  max-width: 220px;
+}
+
+.session-meta {
+  margin: 12px 0 0;
+  display: flex;
+  gap: 14px;
+  flex-wrap: wrap;
+  color: rgba(255, 255, 255, 0.75);
+  font-size: 0.9rem;
+}
+
 .teams-grid,
 .games-grid {
   display: grid;
@@ -171,6 +207,11 @@ input[type='color'] {
   background: linear-gradient(135deg, rgba(61, 214, 255, 0.12), rgba(251, 215, 43, 0.12));
 }
 
+.add-card:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
 .game-card {
   cursor: pointer;
   transition: transform 0.2s ease;
@@ -534,4 +575,8 @@ audio.hidden-audio {
     flex-direction: column;
     align-items: flex-start;
   }
+
+  .session-row {
+    flex-wrap: wrap;
+  }
 }