UI improvements

www/style.css

@@ -48,4 +48,67 @@ canvas {
     font-size: 24px;
     font-family: Ubuntu-Light, Helvetica, sans-serif;
     text-align: center;
+}
+
+/* ---------------------------------------------- */
+/* Loading animation from https://loading.io/css/ */
+.lds-dual-ring {
+    display: inline-block;
+    width: 24px;
+    height: 24px;
+}
+
+.lds-dual-ring:after {
+    content: " ";
+    display: block;
+    width: 24px;
+    height: 24px;
+    margin: 0px;
+    border-radius: 50%;
+    border: 3px solid #fff;
+    border-color: #fff transparent #fff transparent;
+    animation: lds-dual-ring 1.2s linear infinite;
+}
+
+@keyframes lds-dual-ring {
+    0% {
+        transform: rotate(0deg);
+    }
+
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+body[data-panicked = true] {
+    background-color: #ce2828;
+
+    #panic {
+        display: block;
+    }
+}
+
+#panic {
+    display: none;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+
+    background-color: #ce2828;
+    color: #000;
+
+    font-weight: bold;
+    text-align: center;
+
+    padding: 1em 2em;
+    border-radius: 2em;
+
+    pointer-events: none;
+
+    h1 {
+        margin: 0;
+    }
+
+    z-index: 1000000;
 }