/* Touch browsers must not treat the page-wide finger cursor as a tap target. */
html, body {
  -webkit-tap-highlight-color: transparent;
}
body, button, a, label, select {
  cursor: auto;
}
/* Keep the playful finger for devices whose primary input is a mouse. */
@media (hover: hover) and (pointer: fine) {
  body, button, a, label, select {
    cursor: var(--finger, pointer);
  }
}
@media (hover: none), (pointer: coarse) {
  html, body, #playground, #lobby, #game-screen, #game-content,
  #puzzle-panels, .panel, .panel *, button, a, label, select {
    -webkit-tap-highlight-color: transparent;
    cursor: auto;
  }
}
/* Scope selection prevention to the pictures; preserve form editing and focus. */
#puzzle-panels, #puzzle-panels * {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
#puzzle-panels { touch-action: pan-y pinch-zoom; }
#puzzle-panels img { -webkit-user-drag: none; }