mobile arrows

client/cryps.css

@@ -797,8 +797,8 @@ table td svg {
 
 .game .target-svg {
     flex: 1;
-    min-width: 20%;
     height: 94%;
+    max-width: 100%;
 }
 
 .game .target-svg path {
@@ -1042,4 +1042,9 @@ CRYP DAMAGE
     .hidden {
         display: none;
     }
+
+    .game .target-svg path {
+        transform-origin: center;
+        transform: rotate(-90deg);
+    }
 }

client/src/components/targeting.arrows.jsx

@@ -56,7 +56,7 @@ function TargetSvg(args) {
         : outgoing.map(getPath);
 
     return (
-        <svg viewBox="0 0 900 900" preserveAspectRatio="none" className="target-svg" transform='rotate(-90)'>
+        <svg viewBox="0 0 900 900" preserveAspectRatio="none" className="target-svg">
             {arrows}
         </svg>
     );