/* noselect.css — kills long-press text selection on touch devices.
 *
 * On Android a long press on any text starts a selection, which pops up the
 * system text toolbar (and, on newer builds, the Gemini / "search this text"
 * chip). That is fine on a document, but this is a game: every long press on
 * a card, a chip stack or a seat label is an accident. Turning selection off
 * for the page removes the toolbar entirely.
 *
 * Form controls are put back to normal below — the player still has to be
 * able to type a name into an input and select what they typed.
 *
 * Loaded together with noselect.js, which blocks the context menu and the
 * few paths CSS alone does not cover.
 */

html, body {
  -webkit-touch-callout: none;        /* iOS: no link/image preview sheet */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;   /* no grey flash on tap */
}

/* images: no drag, no long-press "save image" */
img {
  -webkit-user-drag: none;
  user-drag: none;
}

/* ...but anything the player types in stays fully selectable.
   Add class="allow-select" to any element that should keep normal
   selection (a hand-history panel the player may want to copy, say). */
input,
textarea,
select,
[contenteditable="true"],
.allow-select,
.allow-select * {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
