/* Hotfix 2026-10-17: two-finger zoom over the scratch-card layer.
   The scratch canvas uses touch-action:none so a one-finger stroke scratches instead of
   scrolling. That also swallowed two-finger pinches: once a user had zoomed in on the
   seven balls, the canvas filled the screen and there was nowhere left to pinch out.
   1) Allow the browser's own pinch on the canvas (single-finger strokes still scratch).
   2) While the page is zoomed (html.xinao-pinch-zooming is kept by the app), let every
      touch pass through the canvas so pinch-out and panning always work. */
html .xinao-app--mobile .latest-draw-panel .scratch-reveal__canvas {
  touch-action: pinch-zoom !important;
}

html.xinao-pinch-zooming .xinao-app--mobile .latest-draw-panel .scratch-reveal,
html.xinao-pinch-zooming .xinao-app--mobile .latest-draw-panel .scratch-reveal__canvas {
  pointer-events: none !important;
  touch-action: pan-x pan-y pinch-zoom !important;
}
