full test suite passes; .gear-btn once again moved, this time to new file _applets.scss, along with generic applet styling attrs (removed from _base & .dash, respectively); _gameboard.scss in many ways mirrors particularities of _dash, but also feat. style attrs for the Game Kit applet consumables array; sacrificed btn in the latter now that applet dimensions defined on gameboard.html

src/static_src/scss/_gameboard.scss

@@ -0,0 +1,73 @@
+html:has(body.page-gameboard) {
+    overflow: hidden;
+}
+
+body.page-gameboard {
+    overflow: hidden;
+
+    .container {
+        overflow: hidden;
+        display: flex;
+        flex-direction: column;
+        flex: 1;
+        min-height: 0;
+    }
+
+    .row {
+        flex-shrink: 0;
+        margin-bottom: -1rem;
+    }
+}
+
+.gameboard-page {
+    flex: 1;
+    min-width: 425px;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    position: relative;
+}
+
+@media (max-width: 550px) {
+    .gameboard-page {
+        min-width: 0;
+        overflow: hidden;
+    }
+}
+
+@media (min-width: 738px) {
+    .gameboard-page {
+        min-width: 666px;
+    }
+}
+
+#id_game_applets_container {
+    #id_applet_game_kit {
+        display: flex;
+        flex-direction: column;
+
+        #id_game_kit {
+            flex: 1;
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            gap: 0.75rem;
+            overflow-x: auto;
+            scrollbar-width: none;
+            &::-webkit-scrollbar { display: none; }
+        }
+    }
+}
+
+@media (max-height: 500px) {
+    body.page-gameboard {
+        .container {
+            .row {
+                padding: 0.25rem 0;
+                .col-lg-6 h2 {
+                    margin-bottom: 0.5rem;
+                }
+            }
+        }
+    }
+}