diff --git a/_site/assets/css/default/layout.css b/_site/assets/css/default/layout.css
index 99343b6..0018a77 100644
--- a/_site/assets/css/default/layout.css
+++ b/_site/assets/css/default/layout.css
@@ -2,6 +2,11 @@ iframe, input[type=checkbox], .toggle {
   display: none;
 }
 
+html {
+  position: fixed;
+  inset: 0;
+}
+
 body {
   position: fixed;
   inset: 0;
diff --git a/_site/assets/css/default/layout.css.map b/_site/assets/css/default/layout.css.map
index 2c843ad..bee9a8b 100644
--- a/_site/assets/css/default/layout.css.map
+++ b/_site/assets/css/default/layout.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["layout.scss"],"names":[],"mappings":"AAAA;EAA0C;;;AAE1C;EACI;EACA;;;AAKJ;AAEA;EAEI;EACA;EAAW;EACX;EARoC;EAWpC;EAGA;;AAEA;EACI;EACA;EACA;EACA;;AAEA;EAtBgC;;AA0BhC;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAGA;EACI;EACA;EAEA;EACA;EACA;;AAKZ;EACI;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;;;AAIR;EACI;EACA;;;AAGJ;AAEA;EAA4D;;;AAE5D;EAAmB","sourcesContent":["iframe, input[type=\"checkbox\"], .toggle { display: none; }\n\nbody {\n    position: fixed;\n    inset: 0;\n}\n\n@mixin sizeUni($m, $property: height) { #{$property}: MIN($m * 8px, $m * 9vw/16); }\n\n/* ==== L A Y O U T T A B L E ==== */\n\n.soup\\.exe {\n// pos\n    position: absolute;\n    left: 40%; top: 45%;\n    transform: translate(-40%, -45%);\n// size\n    @include sizeUni(52);\n    aspect-ratio: 2.6;\n\n    // flex\n    display: flex;\n\n    .c1 {\n        flex: 5;\n        width: 0;\n        display: flex;\n        flex-direction: column;\n\n        .banner {\n            @include sizeUni(10);\n        }\n\n        .main {\n            position: relative;\n            width: auto;\n            flex: 1;\n            display: flex;\n\n            .nav {\n                max-width: MIN(20 * 8px, 20 * 9vw/16); ;\n                flex: 3;\n                min-width: min-content;\n            }\n\n            .window {\n                flex: 10;\n                display: flex;\n                // flex-direction: row-reverse;\n\n                .content {\n                    position: relative;\n                    width: 100%;\n                // prevent initial animation\n                    background: #fff;\n                    color: #44d;\n                    padding-bottom: 25%;\n                }\n            }\n        }\n\n        .bottom {\n            --height: 40px;\n            position: absolute;\n            top: MAX(calc(100% - var(--height)), 280px);\n            z-index: 1;\n            height: var(--height);\n        }\n    }\n\n    .c2 {\n        position: relative;\n        max-width: MIN(35 * 8px, 35 * 9vw/16); ;\n        flex: 3;\n        z-index: 1;\n    }\n}\n\n.fullscreen {\n    opacity: 0;\n    pointer-events: none;\n}\n\n/* ====overflow ctrl==== */\n\n.soup\\.exe, .body, .banner, .main, .nav, .bottom, .window { overflow: hidden; }\n\n.nav-c, .content { overflow: hidden scroll; }\n"],"file":"layout.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["layout.scss"],"names":[],"mappings":"AAAA;EAA0C;;;AAE1C;EACI;EACA;;;AAGJ;EACI;EACA;;;AAKJ;AAEA;EAEI;EACA;EAAW;EACX;EARoC;EAWpC;EAGA;;AAEA;EACI;EACA;EACA;EACA;;AAEA;EAtBgC;;AA0BhC;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAGA;EACI;EACA;EAEA;EACA;EACA;;AAKZ;EACI;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;;;AAIR;EACI;EACA;;;AAGJ;AAEA;EAA4D;;;AAE5D;EAAmB","sourcesContent":["iframe, input[type=\"checkbox\"], .toggle { display: none; }\n\nhtml {\n    position: fixed;\n    inset: 0;\n}\n\nbody {\n    position: fixed;\n    inset: 0;\n}\n\n@mixin sizeUni($m, $property: height) { #{$property}: MIN($m * 8px, $m * 9vw/16); }\n\n/* ==== L A Y O U T T A B L E ==== */\n\n.soup\\.exe {\n// pos\n    position: absolute;\n    left: 40%; top: 45%;\n    transform: translate(-40%, -45%);\n// size\n    @include sizeUni(52);\n    aspect-ratio: 2.6;\n\n    // flex\n    display: flex;\n\n    .c1 {\n        flex: 5;\n        width: 0;\n        display: flex;\n        flex-direction: column;\n\n        .banner {\n            @include sizeUni(10);\n        }\n\n        .main {\n            position: relative;\n            width: auto;\n            flex: 1;\n            display: flex;\n\n            .nav {\n                max-width: MIN(20 * 8px, 20 * 9vw/16); ;\n                flex: 3;\n                min-width: min-content;\n            }\n\n            .window {\n                flex: 10;\n                display: flex;\n                // flex-direction: row-reverse;\n\n                .content {\n                    position: relative;\n                    width: 100%;\n                // prevent initial animation\n                    background: #fff;\n                    color: #44d;\n                    padding-bottom: 25%;\n                }\n            }\n        }\n\n        .bottom {\n            --height: 40px;\n            position: absolute;\n            top: MAX(calc(100% - var(--height)), 280px);\n            z-index: 1;\n            height: var(--height);\n        }\n    }\n\n    .c2 {\n        position: relative;\n        max-width: MIN(35 * 8px, 35 * 9vw/16); ;\n        flex: 3;\n        z-index: 1;\n    }\n}\n\n.fullscreen {\n    opacity: 0;\n    pointer-events: none;\n}\n\n/* ====overflow ctrl==== */\n\n.soup\\.exe, .body, .banner, .main, .nav, .bottom, .window { overflow: hidden; }\n\n.nav-c, .content { overflow: hidden scroll; }\n"],"file":"layout.css"}
\ No newline at end of file
diff --git a/assets/css/default/layout.scss b/assets/css/default/layout.scss
index 98b97d2..17079f4 100644
--- a/assets/css/default/layout.scss
+++ b/assets/css/default/layout.scss
@@ -3,6 +3,11 @@
 
 iframe, input[type="checkbox"], .toggle { display: none; }
 
+html {
+    position: fixed;
+    inset: 0;
+}
+
 body {
     position: fixed;
     inset: 0;