Merge remote-tracking branch 'origin/feature/casino-holdem-wizard-polish' into feature/casino-holdem-dealer-batch

# Conflicts:
#	JoshHeaps.Net/wwwroot/js/casino/holdem/potWizard.js

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

@@ -1968,20 +1968,75 @@ body.hasActionBar #toastHost {
     margin-bottom: 0.6rem;
 }
 
+/* This is the screen where the money gets decided, so it holds the same 44px+
+   targets as the rest of the tool rather than the smallest ones in it. Picking the
+   wrong winner is the one mistake here that costs somebody real money. */
 .potWizardChoice {
     display: flex;
     align-items: center;
-    gap: 0.5rem;
+    gap: 0.7rem;
+    min-height: 56px;
     background: #141414;
     border: 1px solid #333;
-    border-radius: 6px;
-    padding: 0.5rem 0.7rem;
+    border-radius: 10px;
+    padding: 0.6rem 0.8rem;
     cursor: pointer;
-    font-size: 0.85rem;
+    font-size: 0.95rem;
+    transition: border-color 0.12s ease, background 0.12s ease;
 }
 
 .potWizardChoice:hover {
     border-color: #555;
+    background: #191919;
+}
+
+.potWizardChoice input {
+    flex: none;
+    width: 22px;
+    height: 22px;
+    accent-color: #1e8449;
+}
+
+/* Selected has to be obvious at a glance — a dealer confirms this with players
+   watching, and a checkbox alone is easy to misread across a table. */
+.potWizardChoice.chosen {
+    border-color: #1e8449;
+    background: linear-gradient(180deg, #16301f, #12241a);
+}
+
+.potWizardChoice.chosen .potWizardChoiceName {
+    color: #d6ffe0;
+}
+
+.potWizardChoiceText {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 0.1rem;
+}
+
+.potWizardChoiceName {
+    color: #f0f0f0;
+    font-weight: 600;
+}
+
+.potWizardChoiceUpTo {
+    color: #9a9a9a;
+    font-size: 0.76rem;
+    font-variant-numeric: tabular-nums;
+}
+
+.potWizardChoiceCards {
+    flex: none;
+    font-family: var(--font-mono, monospace);
+    font-size: 1rem;
+    font-weight: 700;
+    color: #ddd;
+}
+
+.potWizardChoiceCards .cardRed {
+    color: #ff6b6b;
 }
 
 .potWizardSummary ul {
@@ -2002,6 +2057,37 @@ body.hasActionBar #toastHost {
     gap: 0.6rem;
 }
 
+/* Every button in this modal is one a dealer presses with players waiting. */
+#potWizardBody .holdemBtn {
+    min-height: 48px;
+    justify-content: center;
+}
+
+/* The confirm is the whole point of the step, so it gets the whole width rather
+   than being sized to the length of its own label. */
+.potWizardRound > .holdemBtn {
+    width: 100%;
+}
+
+.potWizardActions .holdemBtn {
+    flex: 1;
+}
+
+.potWizardSummary li {
+    font-variant-numeric: tabular-nums;
+}
+
+@media (max-width: 700px) {
+    /* Stacked, with the action that ends the hand furthest from a stray thumb. */
+    .potWizardActions {
+        flex-direction: column-reverse;
+    }
+
+    .potWizardChoice {
+        min-height: 60px;
+    }
+}
+
 @media (max-width: 900px) {
     #holdemLayout {
         grid-template-columns: 1fr;