Update ship appearance

html/images/space.svg

@@ -25,7 +25,7 @@
       fill: gray;
     }
 
-    .ship circle {
+    .ship circle#body {
       fill: white;
     }
 
@@ -81,7 +81,7 @@
       fill: gray;
     }
 
-    line:not(#cannon) {
+    line:not(#cannon *) {
       stroke-width: 0.5px;
     }
 
@@ -107,8 +107,12 @@
   <!-- <polygon class="wall inverse" points="-160,-40 -170,-120 40,-110 170,-120 160,40 170,130 -40,110 -170,120" /> -->
 
   <g id="player" class="ship">
-    <line id="cannon" x1="0" y1="0" x2="8" y2="0" stroke="black"/>
     <circle id="body" cx="0" cy="0" r="5"/>
+    <circle cx="0" cy="0" r="3" fill="transparent" stroke="green" />
+    <g id="cannon">
+      <line x1="4" y1="0" x2="6.5" y2="0" stroke="black"/>
+      <line x1="1" y1="0" x2="4" y2="0" stroke="black" stroke-width="1.5" />
+    </g>
     <line id="velocity-indicator" x1="0" y1="0" x2="0" y2="0"/>
     <line id="acceleration-indicator" x1="0" y1="0" x2="0" y2="0"/>
     <g id="legs">