ветки и кусты

src/index.css

@@ -18,8 +18,28 @@ body {
   height: 100%;
   margin: 0;
   overflow: hidden;
+  overscroll-behavior: none;
+  touch-action: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  user-select: none;
 }
 
 #root {
   height: 100%;
 }
+
+/* This is a fixed-landscape game. On a touchscreen held in portrait, rotate the whole app into
+ * landscape instead of showing a cramped/wrong-aspect portrait layout — screen.orientation.lock
+ * (see main.tsx) covers the cases it can, this CSS covers everywhere else. */
+@media screen and (orientation: portrait) and (pointer: coarse) {
+  #root {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100vh;
+    height: 100vw;
+    transform-origin: top left;
+    transform: rotate(90deg) translate(0, -100%);
+  }
+}