added quick restart and crosspad grid

src/less/hud.less

@@ -0,0 +1,34 @@
+#hud {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100vw;
+	height: 100vh;
+
+	pointer-events: none;
+
+	& > * {
+		position: fixed;
+		pointer-events: auto;
+	}
+
+	.restart {
+		top: 0;
+		right: 0;
+
+		&::before {
+			content: '⟳';
+			font-size: 3rem;
+			opacity: .5;
+			color: @accentfg;
+		}
+	}
+
+	.crosspadOverlay {
+		pointer-events: none;
+		top: 50vh;
+		left: 50vw;
+		transform: translate(-50%, -50%);
+		opacity: .5;
+	}
+}

src/less/snek.less

@@ -41,7 +41,7 @@ em {
 
 header, footer {
 	background: @accentbg;
-	
+
 	img {
 		border: 4px solid @accentfg;
 		border-radius: 2px;
@@ -105,3 +105,5 @@ p {
 // setup the popups
 @import 'popup';
 
+// setup the hud
+@import 'hud';