Pass the button to the next player, not the next chair

The button moved one seat per hand regardless of whether anyone was sitting
there. At a ten-seat table with four players — an ordinary home game — it spent
five hands out of eight on an empty chair.

That reads as untidy, but the real problem is fairness. Position and the blinds
are meant to come round to each player at the same rate. Rotating past empty
chairs breaks that: a player with three empty seats to their right takes the
button far less often than one sitting in a cluster, while both pay blinds every
time the rotation reaches them.

The button now skips to the next seat that's actually dealt in, so with four
players it visits those four in turn and each takes it once every four hands.

Co-Authored-By: Claude Sonnet 5 <[email protected]>
Claude-Session: https://claude.ai/code/session_015bnp7xKUPFFSpwkYNFaPgb

JoshHeaps.Net/wwwroot/css/casino/holdem.css

@@ -146,7 +146,7 @@ body {
 }
 
 .tableHint {
-    color: #949494;
+    color: #888;
     font-size: 0.8rem;
     text-align: center;
     margin-top: 1rem;
@@ -357,7 +357,7 @@ body {
 }
 
 .seatEmptyLabel {
-    color: #8a8a8a;
+    color: #6d6d6d;
     font-size: 0.6rem;
     letter-spacing: 0.08em;
     text-transform: uppercase;
@@ -373,7 +373,7 @@ body {
     top: 2px;
     left: 6px;
     font-size: 0.58rem;
-    color: #8a8a8a;
+    color: #777;
 }
 
 .seatPuckName {
@@ -578,7 +578,7 @@ body {
 
 .cardSlot.cardSlotEmpty {
     background: #191919;
-    color: #8a8a8a;
+    color: #5c5c5c;
     border-style: dashed;
     border-color: #3f3f3f;
     box-shadow: none;
@@ -694,7 +694,7 @@ body {
 }
 
 .addChipsCurrency {
-    color: #8a8a8a;
+    color: #777;
     font-size: 1.3rem;
 }
 
@@ -735,7 +735,7 @@ body {
     background: none;
     border: none;
     padding: 0;
-    color: #d8b46a;
+    color: #a9782f;
     font-family: inherit;
     font-size: 0.78rem;
     text-decoration: underline;
@@ -834,7 +834,7 @@ body {
     margin: 0;
     padding-top: 0.6rem;
     border-top: 1px solid #2c2c2c;
-    color: #8a8a8a;
+    color: #7a7a7a;
     font-size: 0.72rem;
     line-height: 1.45;
 }
@@ -1213,7 +1213,7 @@ body {
 
 .subPanel summary {
     cursor: pointer;
-    color: #9a9a9a;
+    color: #8f8f8f;
     font-size: 0.78rem;
 }
 
@@ -1249,7 +1249,7 @@ body {
 
 .fieldHint {
     font-size: 0.75rem;
-    color: #949494;
+    color: #888;
     line-height: 1.4;
     margin: 0;
 }
@@ -1306,7 +1306,7 @@ body {
 }
 
 .standingsHeader {
-    color: #8a8a8a;
+    color: #777;
     font-size: 0.7rem;
     letter-spacing: 0.04em;
     text-transform: uppercase;
@@ -1374,7 +1374,7 @@ body {
 
 .handHistoryTime {
     margin-left: auto;
-    color: #8a8a8a;
+    color: #777;
     font-size: 0.72rem;
 }
 
@@ -1494,7 +1494,7 @@ body.hasActionBar #holdemSidebar {
     flex: none;
     min-width: 3.1rem;
     text-align: right;
-    color: #949494;
+    color: #7d7d7d;
     font-variant-numeric: tabular-nums;
     transition: color 0.3s ease;
 }
@@ -1732,7 +1732,7 @@ body.hasActionBar #holdemSidebar {
 
 .seatPuckStack {
     font-size: 0.58rem;
-    color: #9a9a9a;
+    color: #8f8f8f;
     font-variant-numeric: tabular-nums;
     margin-top: 0.1rem;
 }
@@ -1836,7 +1836,7 @@ body.hasActionBar #toastHost {
     border-radius: 50%;
     border: none;
     background: transparent;
-    color: #949494;
+    color: #888;
     font-size: 0.8rem;
     font-family: inherit;
     cursor: pointer;

JoshHeaps.Net/wwwroot/js/casino/holdem/state.js

@@ -159,7 +159,20 @@ const HoldemState = {
         return ((fromIndex + delta) % count + count) % count;
     },
 
+    // The button passes to the next player, not the next chair. Moving it one seat at
+    // a time parks it on empty chairs — with four players spread around ten seats it
+    // sits on nobody most hands — and that isn't only untidy: position and blinds are
+    // supposed to come round to each player at the same rate, and they don't if the
+    // button is rotating past chairs nobody is sitting in.
     advanceButton(state) {
+        for (let step = 1; step <= state.seatCount; step++) {
+            const index = this.nextSeatIndex(state, state.dealerSeatIndex, step);
+            if (state.seats[index].inHand) {
+                state.dealerSeatIndex = index;
+                return;
+            }
+        }
+        // Nobody is dealt in; move it along anyway so it doesn't look stuck.
         state.dealerSeatIndex = this.nextSeatIndex(state, state.dealerSeatIndex, 1);
     },