resolved merge conflict and inGame boolean now functions as intended

css/style.css

@@ -232,7 +232,7 @@ img[alt="Proxy Icon"] {
     font-family: var(--font-family);
     transition: all 0.2s ease-in;
     cursor: pointer;
-}
+}   
 
 .card h5 {
     font-size: 2rem;
@@ -242,6 +242,7 @@ img[alt="Proxy Icon"] {
 
 .card:hover {
     background-color: var(--hover-color);
+    transform: scale(1.05);
 }
 
 #page-loader iframe {

js/bg.js

@@ -151,7 +151,7 @@ function setup() {
 Draw
 --------------------*/
 
-let inGame = true;
+let inGame = false;
 function draw() {
   if (!inGame && document.visibilityState == "visible") {
     time++;

js/loading.js

@@ -23,6 +23,7 @@ fetch("./game-info.jsonc").then((e) => e.text()).then((jsonc) => {
 
     $("#gamesList li").on("click", function() {
         let url = $(this).attr("url");
+        inGame = true;
         $("#everything-else").fadeOut();
         $("#page-loader").fadeIn();
         $("#page-loader iframe")[0].src = url;