/* =================== Keno (mobile button redesign) =================== */
/* Keno's primary action is Play. The action bar also carries Quick pick,
   Clear, and Turbo as secondary utility buttons. Picks happen on the grid
   (core game UI, untouched here). On phones we keep the utility buttons
   compact in a 2-per-row grid and lift Play to the full-width primary slot.

   Play is hidden until at least one number has been picked — JS sets
   `.is-legal` based on the picks set size (0 = none → hidden, >=1 → legal).
   The .gp-actions-original parent appears at runtime (game-nav.js
   flattens .gp-panel descendants on mobile); selectors target the buttons
   via #id and via that wrapper so both layouts pick up the mobile sizing. */
@media (max-width: 720px) {
  #quick,
  #clear,
  #keno-turbo,
  .gp-actions-original #quick,
  .gp-actions-original #clear,
  .gp-actions-original #keno-turbo {
    flex: 1 1 calc(50% - 6px);
    min-height: 40px;
    padding: 8px 6px;
    font-size: 13px;
    line-height: 1.1;
  }
  #play,
  .gp-actions-original #play {
    flex: 1 1 100%;
    min-height: 44px;
    padding: 8px 6px;
    font-size: 14px;
    line-height: 1.1;
  }
  /* Hide Play when no numbers are picked (the click would just toast an
     error). Quick pick and Clear stay visible — they're the entry points. */
  #play:not(.is-legal),
  .gp-actions-original #play:not(.is-legal) {
    display: none !important;
  }
}