Add better kong emulation

javascripts/core/devtools.js

@@ -391,18 +391,20 @@ dev.buyAllPerks = function() {
   }
 };
 
-dev.kongTest = function() {
-  const page = document.getElementById("page");
-  if (document.getElementById("page").style.width === "") {
-    page.style.width = "1050px";
-    page.style.height = "700px";
-    page.style.marginTop = "100px";
-  } else {
-    page.style.width = "";
-    page.style.height = "";
-    page.style.marginTop = "";
-  }
-};
+(function(){
+  let kongTest;
+  const setKongTest = value => {
+    kongTest = value;
+    localStorage.setItem("kongTest", kongTest);
+    if (kongTest) {
+      document.documentElement.classList.add("_kong-test");
+    } else {
+      document.documentElement.classList.remove("_kong-test");
+    }
+  };
+  setKongTest(localStorage.getItem("kongTest") === "true");
+  dev.kongTest = () => setKongTest(!kongTest);
+}());
 
 // This should help for balancing different glyph types, strong rounding of values is intentional
 dev.printResourceTotals = function() {

stylesheets/styles.css

@@ -2,7 +2,11 @@ html {
   font-size: 62.5%;
   height: 100%;
   width: 100%;
-  box-sizing: border-box;
+}
+
+._kong-test {
+  display: flex;
+  background: white;
 }
 
 * {
@@ -11,6 +15,10 @@ html {
   -moz-osx-font-smoothing: grayscale;
 }
 
+*:focus {
+  outline: none;
+}
+
 body {
   height: 100%;
   width: 100%;
@@ -26,6 +34,14 @@ body {
   overflow-y: scroll;
 }
 
+._kong-test body {
+  width: 1050px;
+  height: 700px;
+  margin: auto;
+  border: .1rem solid black;
+  overflow-y: auto;
+}
+
 @font-face {
     font-family: 'Open Sans Condensed';
     font-style: normal;
@@ -50,19 +66,6 @@ body {
   src: url('Runescape.ttf');
 }
 
-*:focus {
-    outline: none;
-}
-
-.checkbox {
-    vertical-align: bottom;
-    top: -2px;
-    position: relative;
-    padding: 0;
-    margin: 0;
-    margin-top: 5px;
-}
-
 /* Background for s6 is not displayed by default */
 #stars {
   display: none;
@@ -1263,6 +1266,11 @@ screen and (max-width: 480px) {
   height: 100%
 }
 
+._kong-test .c-game-ui {
+  max-height: 100%;
+  overflow-y: scroll;
+}
+
 /*#region o-btn*/
 
 .o-btn {