/* ==========================================================================
   GRIDROP — NOTHING ON A GAME SCREEN IS TEXT TO BE SELECTED

   Owner, 2026-08-15: «أريد إزالة التحديد إذا تم الضغط والسحب … بما أنه اللعبة
   عن طريق المتصفح وأيضا لم يتم حتى الآن إصدار أي تطبيق لها».

   The game runs in a browser and there is no app, so it inherits every habit a
   browser has about a document — and the one that shows is the drag. Press on a
   letter, a name or a score and pull, and the page answers by painting a blue
   selection across half the table: the board reads as a web page someone laid a
   game on rather than a game. On a phone the same gesture is worse, because a
   press-and-hold raises the copy/translate callout on top of the round.

   The cards were protected already (`.face` carries these three properties on
   both tables). Everything AROUND them was not — the rail of names, the clock,
   the word, the labels, the whole chrome — and the drag that selects them is
   started anywhere and ends anywhere.

   ⚠️ TEXT THAT IS REALLY TEXT KEEPS ITS SELECTION, and that is not politeness:
   `user-select:none` inherited by an <input> stops a caret being placed in it
   on WebKit, which would break the online join code, the name field and the
   word box — the three places in the game where typing is the whole point. So
   they are given it straight back.

   Copying is unaffected: every copy control in the game writes through
   navigator.clipboard (copyCode/copyLink at overtake-online.html), never
   through a selection, so there is nothing here for this to take away.
   ========================================================================== */
html, body{
  -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
  -webkit-touch-callout:none;          /* no press-and-hold copy/translate menu */
}
/* and no ghost image trailing off a card or a logo under the pointer */
img, svg, a, canvas, video{ -webkit-user-drag:none; user-drag:none; }

/* the exceptions — a caret must still land here */
input, textarea, select, [contenteditable="true"], [contenteditable=""]{
  -webkit-user-select:text; -moz-user-select:text; -ms-user-select:text; user-select:text;
  -webkit-touch-callout:default;
}