Play: the game cards stop overlapping on a phone (#11)

ddiff --git a/public/css/casino.css b/public/css/casino.css
iindex a27e3a2..01a97ce 100644
---- a/public/css/casino.css
++++ b/public/css/casino.css
@@@ -97,13 +97,16 @@
  
  /* ── Game cards (Play, Learn) ── */
  .cs-games { list-style: none; margin: 0 0 24px; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 210px), 1fr)); gap: 12px; }
--.cs-game a { display: grid; gap: 6px; height: 100%; padding: 18px; border-radius: 18px; border: 1px solid var(--ovk-line); text-decoration: none; color: var(--ovk-text);
++/* The item is a grid so its link stretches to the row: "height: 100%" on the link sized it before its text, and on a
++   phone each card's house-edge line ran under the next card (domain sweep, 2026-11-01). */
++.cs-games > li { display: grid; }
++.cs-game a { display: grid; gap: 6px; padding: 18px; border-radius: 18px; border: 1px solid var(--ovk-line); text-decoration: none; color: var(--ovk-text);
    background: linear-gradient(160deg, color-mix(in srgb, var(--tone) 22%, var(--ovk-panel)), var(--ovk-panel) 62%);
    transition: transform var(--ov-dur-2, .2s) var(--ov-ease-out, ease-out), border-color var(--ov-dur-2, .2s) var(--ov-ease-out, ease-out); }
  .cs-game a:hover { transform: translateY(-2px); border-color: var(--tone); }
  .cs-game-name { font-size: 1.2rem; font-weight: 800; }
  .cs-game-line { color: var(--ovk-muted); font-size: 14px; line-height: 1.45; }
--.cs-game-edge { margin-top: auto; font-size: 13px; color: var(--ovk-muted); }
++.cs-game-edge { margin-top: auto; padding-top: 4px; font-size: 13px; color: var(--ovk-muted); }
  .cs-game-edge b { color: var(--ovk-text); }
  
  /* ── The tables ── */