The mode posters grow taller and stand on their ground line

Oliver, off the first live look: a little higher, and align the art at the
bottom. 78 -> 96 px min-height, background-position center bottom — the scenes
now lead with their court instead of their sky, which suits three of the four
(the gore court's blood and net especially). The classic serve's head goes
over the top edge with the bottom crop; his scene was composed sky-first. A
per-mode position or a re-roll fixes that one if it grates.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

index.html

@@ -223,8 +223,8 @@ if (location.hostname !== 'splatter-tennis.wuwi.one') {
      the art + a scrim gradient as the background stack) with the caption written over the bottom.
      Unpicked buttons sit dimmed and desaturated so the chosen mode is the one that glows — the
      same "one bright thing means selected" rule the menu palette already follows. */
-  #modeList button.mode { display: flex; align-items: flex-end; width: 100%; min-height: 78px;
-                   margin: 0 0 8px; padding: 7px 9px; background-size: cover; background-position: center 30%;
+  #modeList button.mode { display: flex; align-items: flex-end; width: 100%; min-height: 96px;
+                   margin: 0 0 8px; padding: 7px 9px; background-size: cover; background-position: center bottom;
                    image-rendering: pixelated; border: 2px solid var(--line); color: inherit; font: inherit;
                    text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent;
                    filter: saturate(0.45) brightness(0.62); transition: filter 0.15s; }
@@ -440,6 +440,6 @@ if (location.hostname !== 'splatter-tennis.wuwi.one') {
     </div>
   </div>
 </div>
-<script type="module" src="src/main.js?v=229"></script>
+<script type="module" src="src/main.js?v=230"></script>
 </body>
 </html>