/* =================== Mines (mobile button redesign) =================== */
/* Mines' core game UI is the 5×5 grid; the action-bar pair is just
   Bet (#start) + Cash out (#cashout). On phones we pack them side by side,
   promote whichever one is currently legal to full width, and hide the
   non-legal one entirely so the bar reads as a single obvious move.
   Desktop layout (panel column with stacked buttons) is untouched.

   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) {
  #start,
  #cashout,
  .gp-actions-original #start,
  .gp-actions-original #cashout {
    flex: 1 1 calc(50% - 6px);
    min-height: 40px;
    padding: 8px 6px;
    font-size: 13px;
    line-height: 1.1;
  }
  /* Whichever button is currently legal becomes the obvious move. */
  #start.is-legal,
  #cashout.is-legal,
  .gp-actions-original #start.is-legal,
  .gp-actions-original #cashout.is-legal {
    flex-basis: 100%;
    min-height: 44px;
    font-size: 14px;
  }
  /* Hide the non-legal one so phones don't waste space on a greyed-out
     button no one can press. */
  #start:not(.is-legal),
  #cashout:not(.is-legal),
  .gp-actions-original #start:not(.is-legal),
  .gp-actions-original #cashout:not(.is-legal) {
    display: none !important;
  }
}