Mobile devices and RRPSFD support

static/style.css

@@ -51,6 +51,7 @@ body {
 
 .block>div {
     display: flex;
+    flex-wrap: wrap;
     flex: 1 1 auto;
     gap: 5px;
 }
@@ -60,6 +61,10 @@ body {
     text-align: center;
 }
 
+.block>div:not(.no-wrap)>* {
+    min-width: 100px;
+}
+
 #game {
     background: #fff;
 
@@ -72,15 +77,14 @@ body {
     overflow: hidden;
 }
 
-#game,
+/* #game,
 #game-canvas {
-    height: 600px;
-}
+} */
 
 #game-canvas {
     border-right: 1px solid var(--bg);
     background-color: var(--bg-2);
-    width: 800px;
+    aspect-ratio: 4/3;
 }
 
 #game-tools {