/* Candy Wid V5 — desktop uses the same board/effect scale as the phone.
 * This stylesheet is intentionally scoped to the BOARD and its FX: do not
 * alter the mobile treatment, game rules, scoring, login or other pages.
 * Reference mobile canvas: viewport 390x844 => board 366px; 430x932 => 406px.
 * The desktop board is capped at the largest phone-size board (406px), so
 * sweets, shadows, particle density and timing keep the same proportions.
 */
@media (min-width: 701px) {
  body.wild-tutorial-page .wild-board-wrap,
  body.wild-match-page .wild-board-wrap {
    width: min(406px, calc(100vw - 24px), calc((100dvh - 235px) * 7 / 8)) !important;
    max-width: 406px !important;
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
  }
  /* The old 4.7vw/8vw sizing made desktop rewards and praise much larger
     than the mobile effects despite being inside the same size board. */
  body.wild-tutorial-page .cw-v4-gain,
  body.wild-match-page .cw-v4-gain {
    font-size: 19px !important;
    -webkit-text-stroke-width: 2px;
  }
  body.wild-match-page .wild-board-wrap .wild-praise {
    font-size: 33px !important;
  }
}
/* Keep the board's motion and visual effect containers anchored to the same
   rectangle at every breakpoint. The moving tiles and impact FX must not
   alter grid cell dimensions or get clipped at the desktop breakpoint. */
body.wild-tutorial-page .wild-board,
body.wild-match-page .wild-board {
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
}
body.wild-tutorial-page .wild-board-wrap .wild-fx,
body.wild-match-page .wild-board-wrap .wild-fx {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
body.wild-tutorial-page .wild-board .wild-cell,
body.wild-match-page .wild-board .wild-cell {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}