Do not allow saving in the demo version

src/css/ingame_hud/dialogs.scss

@@ -53,8 +53,6 @@
 
     > .dialogInner {
         background: #fff;
-        @include S(min-width, 300px);
-        max-width: calc(100vw - #{D(40px)});
         max-height: calc(100vh - #{D(40px)});
         @include S(border-radius, $globalBorderRadius);
         display: flex;
@@ -118,6 +116,7 @@
             @include PlainText;
             overflow-y: auto;
             pointer-events: all;
+            @include S(width, 350px);
         }
 
         > .buttons {

src/css/main.scss

@@ -71,6 +71,7 @@ ingame_HUD_BetaOverlay,
 ingame_HUD_UnlockNotification,
 ingame_HUD_Shop,
 ingame_HUD_Statistics,
+ingame_HUD_ModalDialogs,
 ingame_HUD_SettingsMenu;
 
 $zindex: 100;
@@ -96,7 +97,7 @@ body.uiHidden {
 
 body.modalDialogActive,
 body.ingameDialogOpen {
-    > *:not(.ingameDialog):not(.modalDialogParent):not(.loadingDialog):not(.gameLoadingOverlay) {
+    > *:not(.ingameDialog):not(.modalDialogParent):not(.loadingDialog):not(.gameLoadingOverlay):not(#ingame_HUD_ModalDialogs) {
         filter: blur(5px) !important;
     }
 }

src/css/states/about.scss

@@ -1,5 +1,5 @@
 #state_AboutState {
-    .content {
+    > .container .content {
         @include PlainText;
     }
 }

src/css/states/ingame.scss

@@ -21,4 +21,11 @@
         right: 0;
         bottom: 0;
     }
+    #ingame_HUD_ModalDialogs {
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+    }
 }

src/css/states/main_menu.scss

@@ -53,12 +53,22 @@
     }
 
     .mainWrapper {
-        display: grid;
-        grid-template-columns: 1fr 1fr 1fr;
         @include S(padding, 0, 10px);
         align-items: center;
         justify-items: center;
-        @include S(grid-column-gap, 10px);
+
+        &.noDemo {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+        }
+
+        &.demo {
+            @include S(grid-column-gap, 10px);
+            display: grid;
+            grid-template-columns: 1fr 1fr 1fr;
+        }
 
         .standaloneBanner {
             background: rgb(255, 225, 238);

src/css/states/settings.scss

@@ -41,12 +41,28 @@
             }
 
             &.disabled {
-                opacity: 0.3;
+                // opacity: 0.3;
                 pointer-events: none;
                 * {
                     pointer-events: none !important;
                     cursor: default !important;
                 }
+                position: relative;
+                .standaloneOnlyHint {
+                    @include PlainText;
+                    position: absolute;
+                    top: 0;
+                    left: 0;
+                    right: 0;
+                    bottom: 0;
+                    pointer-events: all;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    background: rgba(#fff, 0.5);
+                    text-transform: uppercase;
+                    color: $colorRedBright;
+                }
             }
 
             .value.enum {

src/css/textual_game_state.scss

@@ -6,7 +6,7 @@
     $padding: 15px;
 
     .headerBar,
-    .content {
+    > .container .content {
         @include S(width, 500px);
     }