Add ability to import savegames, add game menu, multiple smaller improvements

src/css/ingame_hud/dialogs.scss

@@ -22,9 +22,15 @@
         opacity: 0;
     }
 
+    &.loadingDialog {
+        * {
+            color: #fff;
+        }
+    }
+
     > .dialogInner {
         background: #fff;
-        @include S(min-width, 500px);
+        @include S(min-width, 300px);
         max-width: calc(100vw - #{D(40px)});
         max-height: calc(100vh - #{D(40px)});
         @include S(border-radius, 4px);
@@ -60,5 +66,27 @@
             overflow-y: auto;
             pointer-events: all;
         }
+
+        > .buttons {
+            @include S(margin-top, 15px);
+            display: flex;
+            justify-content: flex-end;
+            > button {
+                @include S(margin-left, 8px);
+                @include Text;
+                @include S(min-width, 60px);
+                @include S(padding, 5px, 15px);
+
+                &.good {
+                    background-color: $colorGreenBright;
+                    color: #fff;
+                }
+
+                &.bad {
+                    background-color: $colorRedBright;
+                    color: #fff;
+                }
+            }
+        }
     }
 }

src/css/ingame_hud/game_menu.scss

@@ -24,6 +24,8 @@
             transition-property: opacity, transform;
             opacity: 0.9;
             @include S(margin-left, 5px);
+            position: relative;
+            @include IncreasedClickArea(0px);
 
             &:hover {
                 opacity: 0.8;
@@ -80,7 +82,7 @@
         border-radius: 0 0 #{D(4px)} #{D(4px)};
         @include S(padding-left, 30px);
         @include S(margin-right, 3px);
-        @include IncreasedClickArea(10px);
+        @include IncreasedClickArea(0px);
         @include ButtonText;
         @include S(min-height, 30px);
         transition: all 0.12s ease-in-out;

src/css/ingame_hud/notifications.scss

@@ -21,8 +21,8 @@
         }
 
         transform-origin: 100% 50%;
-
-        @include InlineAnimation(5s ease-in-out) {
+        opacity: 0;
+        @include InlineAnimation(3s ease-in-out) {
             0% {
                 opacity: 1;
             }

src/css/ingame_hud/settings_menu.scss

@@ -0,0 +1,32 @@
+#ingame_HUD_SettingsMenu {
+    .timePlayed {
+        position: absolute;
+        @include S(left, 30px);
+        @include S(bottom, 30px);
+        color: #fff;
+        display: flex;
+        flex-direction: column;
+        strong {
+            text-transform: uppercase;
+            @include PlainText;
+        }
+
+        span {
+            @include Heading;
+        }
+    }
+
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+
+    .buttons {
+        display: grid;
+        grid-auto-flow: row;
+        @include S(grid-gap, 10px);
+        background: rgba(0, 10, 20, 0.1);
+        @include S(padding, 20px);
+        @include S(border-radius, 2px);
+    }
+}

src/css/ingame_hud/shop.scss

@@ -3,6 +3,8 @@
         @include S(padding-right, 10px);
         display: flex;
         flex-direction: column;
+        @include S(width, 500px);
+
         .upgrade {
             display: grid;
             grid-template-columns: auto 1fr auto;
@@ -99,6 +101,7 @@
                     display: flex;
                     flex-direction: column;
                     align-items: center;
+                    @include S(width, 65px);
 
                     button.pin {
                         @include S(width, 12px);

src/css/ingame_hud/statistics.scss

@@ -1,4 +1,8 @@
 #ingame_HUD_Statistics {
+    .content {
+        @include S(width, 500px);
+    }
+
     .filterHeader {
         display: grid;
         grid-template-columns: auto 1fr;