diff -ruN -x README.md a/css/basics.css b/css/basics.css
--- a/css/basics.css	1969-12-31 21:00:00.000000000 -0300
+++ b/css/basics.css	2021-07-11 09:32:00.000000000 -0300
@@ -0,0 +1,53 @@
+/*
+ * FredyGames: the few layout helpers that Progress Knight took from the W3.CSS file hosted at
+ * w3schools.com (class names kept as they are used in index.html and main.js). Written for this
+ * build instead of copying that file, which has no open licence; like the rest of the game's code,
+ * this file is released under the Unlicense.
+ */
+*, *:before, *:after { box-sizing: border-box; }
+body { margin: 0; }
+html, body { font-family: Verdana, sans-serif; font-size: 15px; line-height: 1.5; }
+html { overflow-x: hidden; }
+h1, h2 { font-family: "Segoe UI", Arial, sans-serif; font-weight: 400; margin: 10px 0; }
+h1 { font-size: 36px; }
+h2 { font-size: 30px; }
+button, input { font: inherit; margin: 0; }
+button { text-transform: none; }
+
+.w3-margin { margin: 16px !important; }
+.w3-margin-left { margin-left: 16px !important; }
+.w3-margin-top { margin-top: 16px !important; }
+.w3-padding { padding: 8px 16px !important; }
+.w3-circle { border-radius: 50%; }
+.w3-border { border: 1px solid #ccc !important; }
+
+.w3-button {
+    border: none;
+    display: inline-block;
+    padding: 8px 16px;
+    vertical-align: middle;
+    overflow: hidden;
+    text-decoration: none;
+    color: inherit;
+    background-color: inherit;
+    text-align: center;
+    cursor: pointer;
+    white-space: nowrap;
+    user-select: none;
+}
+.w3-button:disabled { cursor: not-allowed; opacity: 0.3; }
+.w3-button:hover { color: #000 !important; background-color: #ccc !important; }
+
+.w3-red { color: #fff !important; background-color: #f44336 !important; }
+.w3-text-gray { color: #757575 !important; }
+
+.w3-table, .w3-table-all { border-collapse: collapse; border-spacing: 0; width: 100%; display: table; }
+.w3-table td, .w3-table th, .w3-table-all td, .w3-table-all th {
+    padding: 8px 8px;
+    display: table-cell;
+    text-align: left;
+    vertical-align: top;
+}
+.w3-table th:first-child, .w3-table td:first-child, .w3-table-all th:first-child, .w3-table-all td:first-child { padding-left: 16px; }
+.w3-bordered tr, .w3-table-all tr { border-bottom: 1px solid #ddd; }
+.w3-blue-gray { color: #fff !important; background-color: #607d8b !important; }
diff -ruN -x README.md a/css/fit.css b/css/fit.css
--- a/css/fit.css	1969-12-31 21:00:00.000000000 -0300
+++ b/css/fit.css	2021-07-11 09:32:00.000000000 -0300
@@ -0,0 +1,25 @@
+/*
+ * FredyGames: the original page is laid out for a window of about 1250 px (a 300 px sidebar next to 900 px
+ * panels, all floated). The player frame on this site is narrower, so this file turns that layout into a
+ * grid that shrinks to the window and trims the tables. Nothing else about the game changes.
+ * Released under the Unlicense, like the rest of the game's code.
+ */
+.pk-layout {
+    width: auto !important;
+    height: auto !important;
+    display: grid;
+    grid-template-columns: 210px minmax(0, 900px);
+    grid-template-rows: auto auto 1fr;
+    align-items: start;
+}
+.pk-layout > .panel { float: none !important; width: auto !important; }
+.pk-layout > .panel:nth-child(1) { grid-column: 1; grid-row: 1 / span 3; }
+.pk-layout > .panel:nth-child(2) { grid-column: 2; grid-row: 1; }
+.pk-layout > .panel:nth-child(3) { grid-column: 2; grid-row: 2; min-width: 0; }
+.pk-layout .progress-bar[style*="width: 230px"] { width: 100% !important; }
+.pk-layout .w3-table th:first-child, .pk-layout .w3-table td:first-child { padding-left: 8px; }
+.pk-layout .w3-table th, .pk-layout .w3-table td { padding: 8px 4px; }
+.pk-layout th.category { width: 190px !important; }
+.pk-layout .progress-bar { width: 180px; }
+.pk-layout .item-button { width: 180px; }
+.pk-layout #itemTable th, .pk-layout #itemTable td { font-size: 14px; }
diff -ruN -x README.md a/index.html b/index.html
--- a/index.html	2021-07-11 09:32:00.000000000 -0300
+++ b/index.html	2021-07-11 09:32:00.000000000 -0300
@@ -2,15 +2,25 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!-- FredyGames: every game on the site shares one localStorage; Progress Knight keeps its keys under "progress-knight:". -->
+    <script>
+    (function () {
+        var p = 'progress-knight:', s = Storage.prototype, g = s.getItem, w = s.setItem, r = s.removeItem;
+        s.getItem = function (k) { return g.call(this, p + k); };
+        s.setItem = function (k, v) { return w.call(this, p + k, v); };
+        s.removeItem = function (k) { return r.call(this, p + k); };
+    })();
+    </script>
     <link rel="stylesheet" type="text/css" href="css/styles.css">
     <link rel="stylesheet" type="text/css" href="css/dark.css">
-    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> 
+    <link rel="stylesheet" type="text/css" href="css/basics.css">
+    <link rel="stylesheet" type="text/css" href="css/fit.css">
     <title>Progress Knight</title>
 </head>
 <body id="body" class="dark">
     <div class="w3-margin"> 
         <h1>Progress Knight</h1>
-        <div style="width: 1220px; height: 600px"> 
+        <div class="pk-layout" style="width: 1220px; height: 600px"> 
             <div class="panel w3-padding" style="width: 300px; height: auto; float: left">
                 <span id="deathText">
                     <div style="font-size: large; color: red">Age has caught up to you</div>
@@ -279,12 +289,6 @@
                             <button class="w3-button button" onClick="setLightDarkMode()">Toggle</button>
                         </li>
                         <li>
-                            <h2>Join the discord community!</h2>
-                            <a href="https://discord.gg/fTRS4pHGka" target="_blank">
-                                <img src="https://cdn.icon-icons.com/icons2/2108/PNG/512/discord_icon_130958.png" width="100" height="100"></img>
-                            </a>
-                        </li>
-                        <li>
                             <h2>Hard reset game</h2>
                             <button class="w3-button button w3-red" onClick="resetGameData()">Reset</button>
                         </li>
diff -ruN -x README.md a/js/main.js b/js/main.js
--- a/js/main.js	2021-07-11 09:32:00.000000000 -0300
+++ b/js/main.js	2021-07-11 09:32:00.000000000 -0300
@@ -1021,7 +1021,7 @@
 }
 
 function resetGameData() {
-    localStorage.clear()
+    localStorage.removeItem("gameDataSave")
     location.reload()
 }
 
diff -ruN -x README.md a/play.html b/play.html
--- a/play.html	1969-12-31 21:00:00.000000000 -0300
+++ b/play.html	2021-07-11 09:32:00.000000000 -0300
@@ -0,0 +1,30 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>Progress Knight</title>
+<!-- FredyGames: Progress Knight (index.html) is laid out for a window of about 960 px or more; in a
+     narrower player frame this page shows it at 960 px wide, scaled down to fit. -->
+<style>
+html, body { margin: 0; height: 100%; overflow: hidden; background: rgb(32, 32, 32); }
+iframe { position: absolute; left: 0; top: 0; border: 0; transform-origin: 0 0; }
+</style>
+</head>
+<body>
+<iframe id="game" src="index.html" title="Progress Knight"></iframe>
+<script>
+const game = document.getElementById('game');
+function fit() {
+  const scale = Math.min(1, innerWidth / 960);
+  game.style.width = innerWidth / scale + 'px';
+  game.style.height = innerHeight / scale + 'px';
+  game.style.transform = 'scale(' + scale + ')';
+}
+fit();
+addEventListener('resize', fit);
+addEventListener('focus', () => game.contentWindow.focus());
+game.addEventListener('load', () => game.contentWindow.focus());
+</script>
+</body>
+</html>