From abf49eeb780be7c29c800cd8cf1eb80dfbcf3a1e Mon Sep 17 00:00:00 2001
From: Oscar Armstrong <oscar@otothea.com>
Date: Tue, 27 Oct 2026 03:14:57 +0000
Subject: [PATCH] Prevent text selection during game gestures

---
 public/focus.css                 | 12 ++++++++++++
 public/focus.html                |  2 +-
 public/index.html                |  2 +-
 public/night-lab.css             | 12 ++++++++++++
 public/night-lab.html            |  2 +-
 public/studio.css                | 12 ++++++++++++
 public/studio.html               |  2 +-
 src/design-options/game-skin.css | 12 ++++++++++++
 8 files changed, 52 insertions(+), 4 deletions(-)

diff --git a/public/focus.css b/public/focus.css
index be0b638..3322f49 100644
--- a/public/focus.css
+++ b/public/focus.css
@@ -404,6 +404,18 @@ body[data-game-active="true"] .friend-challenge:not([hidden]),body[data-game-act
  --mark-width:3;
  --guide-width:1.5;
 }
+/* Game gestures should manipulate the puzzle rather than select nearby text.
+   Scope this to gameplay so results and copy/paste fields remain usable. */
+body[data-game-active="true"] :is(.gamebar,.game-round,.game-controls){
+ -webkit-user-select:none;
+ user-select:none;
+ -webkit-touch-callout:none;
+}
+body[data-game-active="true"] .game-controls :is(input:not([type="range"]),textarea,[contenteditable="true"]){
+ -webkit-user-select:text;
+ user-select:text;
+ -webkit-touch-callout:default;
+}
 body[data-game-active="true"] .game-prompt h1{
  font:600 clamp(24px,6.8vw,32px)/1.23 var(--font);
  letter-spacing:-1.1px;
diff --git a/public/focus.html b/public/focus.html
index ed6e7a6..5b731c6 100644
--- a/public/focus.html
+++ b/public/focus.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en"><head><meta charset="utf-8"><script>window.perceptionThemeAssets={"focus": "focus.css?v=88e3ba4adf4f", "night-lab": "night-lab.css?v=7b065d720b58"};
+<html lang="en"><head><meta charset="utf-8"><script>window.perceptionThemeAssets={"focus": "focus.css?v=23b5a0bfcda1", "night-lab": "night-lab.css?v=4f153c1ef93d"};
 (()=>{
  const themes=['focus','night-lab'];
  let preference='system';
diff --git a/public/index.html b/public/index.html
index ed6e7a6..5b731c6 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en"><head><meta charset="utf-8"><script>window.perceptionThemeAssets={"focus": "focus.css?v=88e3ba4adf4f", "night-lab": "night-lab.css?v=7b065d720b58"};
+<html lang="en"><head><meta charset="utf-8"><script>window.perceptionThemeAssets={"focus": "focus.css?v=23b5a0bfcda1", "night-lab": "night-lab.css?v=4f153c1ef93d"};
 (()=>{
  const themes=['focus','night-lab'];
  let preference='system';
diff --git a/public/night-lab.css b/public/night-lab.css
index eb07061..20633c6 100644
--- a/public/night-lab.css
+++ b/public/night-lab.css
@@ -404,6 +404,18 @@ body[data-game-active="true"] .friend-challenge:not([hidden]),body[data-game-act
  --mark-width:3;
  --guide-width:1.5;
 }
+/* Game gestures should manipulate the puzzle rather than select nearby text.
+   Scope this to gameplay so results and copy/paste fields remain usable. */
+body[data-game-active="true"] :is(.gamebar,.game-round,.game-controls){
+ -webkit-user-select:none;
+ user-select:none;
+ -webkit-touch-callout:none;
+}
+body[data-game-active="true"] .game-controls :is(input:not([type="range"]),textarea,[contenteditable="true"]){
+ -webkit-user-select:text;
+ user-select:text;
+ -webkit-touch-callout:default;
+}
 body[data-game-active="true"] .game-prompt h1{
  font:600 clamp(24px,6.8vw,32px)/1.23 var(--font);
  letter-spacing:-1.1px;
diff --git a/public/night-lab.html b/public/night-lab.html
index ed6e7a6..5b731c6 100644
--- a/public/night-lab.html
+++ b/public/night-lab.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en"><head><meta charset="utf-8"><script>window.perceptionThemeAssets={"focus": "focus.css?v=88e3ba4adf4f", "night-lab": "night-lab.css?v=7b065d720b58"};
+<html lang="en"><head><meta charset="utf-8"><script>window.perceptionThemeAssets={"focus": "focus.css?v=23b5a0bfcda1", "night-lab": "night-lab.css?v=4f153c1ef93d"};
 (()=>{
  const themes=['focus','night-lab'];
  let preference='system';
diff --git a/public/studio.css b/public/studio.css
index eb07061..20633c6 100644
--- a/public/studio.css
+++ b/public/studio.css
@@ -404,6 +404,18 @@ body[data-game-active="true"] .friend-challenge:not([hidden]),body[data-game-act
  --mark-width:3;
  --guide-width:1.5;
 }
+/* Game gestures should manipulate the puzzle rather than select nearby text.
+   Scope this to gameplay so results and copy/paste fields remain usable. */
+body[data-game-active="true"] :is(.gamebar,.game-round,.game-controls){
+ -webkit-user-select:none;
+ user-select:none;
+ -webkit-touch-callout:none;
+}
+body[data-game-active="true"] .game-controls :is(input:not([type="range"]),textarea,[contenteditable="true"]){
+ -webkit-user-select:text;
+ user-select:text;
+ -webkit-touch-callout:default;
+}
 body[data-game-active="true"] .game-prompt h1{
  font:600 clamp(24px,6.8vw,32px)/1.23 var(--font);
  letter-spacing:-1.1px;
diff --git a/public/studio.html b/public/studio.html
index ed6e7a6..5b731c6 100644
--- a/public/studio.html
+++ b/public/studio.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en"><head><meta charset="utf-8"><script>window.perceptionThemeAssets={"focus": "focus.css?v=88e3ba4adf4f", "night-lab": "night-lab.css?v=7b065d720b58"};
+<html lang="en"><head><meta charset="utf-8"><script>window.perceptionThemeAssets={"focus": "focus.css?v=23b5a0bfcda1", "night-lab": "night-lab.css?v=4f153c1ef93d"};
 (()=>{
  const themes=['focus','night-lab'];
  let preference='system';
diff --git a/src/design-options/game-skin.css b/src/design-options/game-skin.css
index c31843a..23a8c66 100644
--- a/src/design-options/game-skin.css
+++ b/src/design-options/game-skin.css
@@ -7,6 +7,18 @@
  --mark-width:3;
  --guide-width:1.5;
 }
+/* Game gestures should manipulate the puzzle rather than select nearby text.
+   Scope this to gameplay so results and copy/paste fields remain usable. */
+body[data-game-active="true"] :is(.gamebar,.game-round,.game-controls){
+ -webkit-user-select:none;
+ user-select:none;
+ -webkit-touch-callout:none;
+}
+body[data-game-active="true"] .game-controls :is(input:not([type="range"]),textarea,[contenteditable="true"]){
+ -webkit-user-select:text;
+ user-select:text;
+ -webkit-touch-callout:default;
+}
 body[data-game-active="true"] .game-prompt h1{
  font:600 clamp(24px,6.8vw,32px)/1.23 var(--font);
  letter-spacing:-1.1px;