Tune lobby header: 2x2 suit grid, mobile spacing, tighter row gap

- Rearrange golf ball SVG suits from single row to 2x2 grid
- Add even spacing between logo, golfer, and title in mobile view
- Remove row-gap between logo row and title row in landscape view

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

client/style.css

@@ -107,7 +107,7 @@ body {
     grid-template-columns: auto;
     justify-items: start;
     text-align: left;
-    row-gap: 2px;
+    row-gap: 0;
 }
 
 .logo-row {
@@ -134,6 +134,13 @@ body {
     .golf-title {
         display: inline;
     }
+    .golfball-logo {
+        margin-right: 6px;
+    }
+    .golfer-swing {
+        margin-left: 0;
+        margin-right: 10px;
+    }
 }
 
 /* Golfer swing animation */