slop

frontend/src/styles.css

@@ -921,13 +921,42 @@ h3 {
 }
 
 /* List-style column inside the bracket viewport (Swiss / group rounds).
-   Two cards side by side; wider than the 200px bracket column. */
+   Label sits on the left as a vertical strip; cards fill the right. */
 .tournament-list-column {
   position: relative;
   z-index: 1;
   display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  gap: 1rem;
   min-width: 440px;
-  flex-direction: column;
+}
+
+.tournament-list-column.is-collapsed {
+  min-width: 0;
+}
+
+.tournament-list-round-btn {
+  writing-mode: vertical-lr;
+  align-self: stretch;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.5rem 0.375rem;
+  border-right: 1px solid var(--color-border);
+  font-size: 0.65rem;
+  font-weight: 700;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: var(--color-text-muted);
+  cursor: pointer;
+  transition: color 0.15s, border-color 0.15s;
+  white-space: nowrap;
+}
+
+.tournament-list-round-btn:hover {
+  color: var(--color-text);
+  border-color: var(--color-text-muted);
 }
 
 .bracket-caret {