reaper-arcade-hub 1.0.2 → 1.0.4

package/index.html

@@ -173,20 +173,14 @@
             <input type="text" id="opium-search-input" class="opium-search-input" placeholder="Search 780+ games or topics..." autocomplete="off" onkeydown="if(event.key==='Enter') app.handleOpiumSearch()">
           </div>
 
-          <!-- Quick Navigation Tiles & Save Manager -->
-          <div style="display: flex; gap: 0.85rem; flex-wrap: wrap; justify-content: center; max-width: 650px; margin-bottom: 1.25rem;">
+          <!-- Quick Navigation Tiles -->
+          <div style="display: flex; gap: 0.85rem; flex-wrap: wrap; justify-content: center; max-width: 580px; margin-bottom: 1.25rem;">
             <button class="btn-primary" style="padding: 0.75rem 1.4rem; font-size: 0.88rem;" onclick="app.switchTab('games')">
               BROWSE 788 GAMES
             </button>
             <button class="btn-stealth" style="padding: 0.75rem 1.4rem; font-size: 0.88rem;" onclick="app.switchTab('leaderboard')">
               PLAYTIME LEADERBOARD
             </button>
-            <button class="btn-stealth" style="padding: 0.75rem 1.4rem; font-size: 0.88rem; color: #00ffaa; border-color: rgba(0,255,170,0.3);" onclick="app.exportSaveData()" title="Backup your game saves">
-              💾 BACKUP SAVES
-            </button>
-            <button class="btn-stealth" style="padding: 0.75rem 1.4rem; font-size: 0.88rem; color: #ffd700; border-color: rgba(255,215,0,0.3);" onclick="app.importSaveData()" title="Restore game save data">
-              📥 RESTORE SAVES
-            </button>
           </div>
         </div>
       </section>
@@ -604,7 +598,6 @@
       <div style="display: flex; border-bottom: 1px solid var(--blue-border); background: #030a18; padding: 0.5rem 1.4rem; gap: 0.5rem; overflow-x: auto;">
         <button class="nav-tab-btn active" id="st-tab-btn-shield" onclick="app.switchSettingsTab('shield')" style="padding: 0.45rem 1rem; font-size: 0.82rem;">🛡️ Security Shield</button>
         <button class="nav-tab-btn" id="st-tab-btn-prefs" onclick="app.switchSettingsTab('prefs')" style="padding: 0.45rem 1rem; font-size: 0.82rem;">⚡ Preferences &amp; Audio</button>
-        <button class="nav-tab-btn" id="st-tab-btn-saves" onclick="app.switchSettingsTab('saves')" style="padding: 0.45rem 1rem; font-size: 0.82rem;">💾 Game Saves</button>
         <button class="nav-tab-btn" id="st-tab-btn-identity" onclick="app.switchSettingsTab('identity')" style="padding: 0.45rem 1rem; font-size: 0.82rem;">🔑 Device &amp; Rank</button>
       </div>
 
@@ -659,6 +652,26 @@
         <!-- SUBTAB 2: PREFERENCES & AUDIO -->
         <div id="st-content-prefs" style="display: none;">
           <div style="display: flex; flex-direction: column; gap: 1.2rem;">
+            
+            <!-- Auto about:blank toggle -->
+            <div style="background: #040e1e; border: 1px solid var(--blue-border); padding: 1rem 1.25rem; border-radius: 8px; display: flex; justify-content: space-between; align-items: center;">
+              <div>
+                <strong style="color: #fff; font-size: 0.95rem;">🌐 Auto-Cloak in about:blank on Visit</strong>
+                <p style="color: #88aacc; font-size: 0.8rem;">Automatically opens Reaper Hub in an undetectable about:blank tab every time you visit.</p>
+              </div>
+              <input type="checkbox" id="auto-aboutblank-toggle" style="width: 22px; height: 22px; cursor: pointer; accent-color: #00d2ff;" onchange="app.toggleAutoAboutBlank(this.checked)">
+            </div>
+
+            <!-- Launch in about:blank button -->
+            <div style="background: #040e1e; border: 1px solid var(--blue-border); padding: 1rem 1.25rem; border-radius: 8px; display: flex; justify-content: space-between; align-items: center;">
+              <div>
+                <strong style="color: #00d2ff; font-size: 0.95rem;">🚀 Launch Site in about:blank Tab</strong>
+                <p style="color: #88aacc; font-size: 0.8rem;">Spawn this entire portal inside a clean Google Classroom disguised about:blank window.</p>
+              </div>
+              <button class="btn-primary" onclick="app.openSiteAboutBlank()" style="font-size: 0.82rem; padding: 0.5rem 1.2rem;">LAUNCH CLOAK</button>
+            </div>
+
+            <!-- SFX toggle -->
             <div style="background: #040e1e; border: 1px solid var(--blue-border); padding: 1rem 1.25rem; border-radius: 8px; display: flex; justify-content: space-between; align-items: center;">
               <div>
                 <strong style="color: #fff; font-size: 0.95rem;">🔊 Sci-Fi Synthesizer Sound FX</strong>
@@ -676,24 +689,7 @@
           </div>
         </div>
 
-        <!-- SUBTAB 3: GAME SAVES -->
-        <div id="st-content-saves" style="display: none;">
-          <div style="display: flex; flex-direction: column; gap: 1.2rem;">
-            <div style="background: #040e1e; border: 1px solid var(--blue-border); padding: 1rem 1.25rem; border-radius: 8px;">
-              <strong style="color: #00ffaa; font-size: 0.95rem;">💾 Export &amp; Backup Game Save Data</strong>
-              <p style="color: #88aacc; font-size: 0.8rem; margin: 0.4rem 0 0.85rem 0;">Download a single backup file containing all your local progress for Slope, Subway Surfers, BitLife, Retro Bowl, 1v1.LOL, and more.</p>
-              <button class="btn-primary" onclick="app.exportSaveData()" style="background: #00ffaa; color: #000; border-color: #00ffaa; font-size: 0.82rem;">💾 DOWNLOAD SAVE BACKUP</button>
-            </div>
-
-            <div style="background: #040e1e; border: 1px solid var(--blue-border); padding: 1rem 1.25rem; border-radius: 8px;">
-              <strong style="color: #ffd700; font-size: 0.95rem;">📥 Import &amp; Restore Game Save Data</strong>
-              <p style="color: #88aacc; font-size: 0.8rem; margin: 0.4rem 0 0.85rem 0;">Upload a previously downloaded JSON save backup file to restore all your game saves instantly.</p>
-              <button class="btn-primary" onclick="app.importSaveData()" style="background: #ffd700; color: #000; border-color: #ffd700; font-size: 0.82rem;">📥 RESTORE SAVE BACKUP</button>
-            </div>
-          </div>
-        </div>
-
-        <!-- SUBTAB 4: IDENTITY & HWID -->
+        <!-- SUBTAB 3: IDENTITY & HWID -->
         <div id="st-content-identity" style="display: none;">
           <div style="display: flex; flex-direction: column; gap: 1rem;">
             <div style="background: #040e1e; border: 1px solid var(--blue-border); padding: 1rem 1.25rem; border-radius: 8px;">

package/js/app.js

@@ -179,6 +179,18 @@ class ReaperHubApp {
 
     this.syncPlaytimeToDB();
 
+    // 10. Auto about:blank Cloak on Visit Check
+    const isAutoAboutBlank = localStorage.getItem('reaper_auto_about_blank') === 'true';
+    const autoBlankToggle = document.getElementById('auto-aboutblank-toggle');
+    if (autoBlankToggle) autoBlankToggle.checked = isAutoAboutBlank;
+
+    if (isAutoAboutBlank && window.self === window.top && !window.location.protocol.includes('about:')) {
+      if (sessionStorage.getItem('reaper_cloaked_session') !== 'true') {
+        sessionStorage.setItem('reaper_cloaked_session', 'true');
+        this.openSiteAboutBlank();
+      }
+    }
+
     console.log(`[REAPER HUB] System Online. Role: ${this.currentUser.rank.toUpperCase()}`);
   }
 
@@ -949,7 +961,7 @@ class ReaperHubApp {
           localStorage.setItem('reaper_playtime_' + this.currentUser.username, this.playtimeSeconds.toString());
           this.updatePlaytimeStatusUI();
 
-          if (this.playtimeSeconds % 10 === 0) {
+          if (this.playtimeSeconds % 5 === 0) {
             this.syncPlaytimeToDB();
           }
         }
@@ -1366,47 +1378,6 @@ class ReaperHubApp {
     this.showToast("Recently played list cleared.");
   }
 
-  exportSaveData() {
-    const backup = {};
-    for (let i = 0; i < localStorage.length; i++) {
-      const key = localStorage.key(i);
-      backup[key] = localStorage.getItem(key);
-    }
-    const blob = new Blob([JSON.stringify(backup, null, 2)], { type: 'application/json' });
-    const url = URL.createObjectURL(blob);
-    const a = document.createElement('a');
-    a.href = url;
-    a.download = `reaper_save_backup_${new Date().toISOString().slice(0,10)}.json`;
-    a.click();
-    URL.revokeObjectURL(url);
-    this.showToast("Game save data downloaded! 💾");
-  }
-
-  importSaveData() {
-    const input = document.createElement('input');
-    input.type = 'file';
-    input.accept = '.json';
-    input.onchange = (e) => {
-      const file = e.target.files[0];
-      if (!file) return;
-      const reader = new FileReader();
-      reader.onload = (event) => {
-        try {
-          const data = JSON.parse(event.target.result);
-          Object.entries(data).forEach(([k, v]) => {
-            localStorage.setItem(k, v);
-          });
-          this.showToast("Save data restored! Reloading...");
-          setTimeout(() => window.location.reload(), 1200);
-        } catch (err) {
-          alert("Invalid backup file.");
-        }
-      };
-      reader.readAsText(file);
-    };
-    input.click();
-  }
-
   toggleSoundFX() {
     if (window.reaperSFX) {
       const enabled = window.reaperSFX.toggleSound();
@@ -1525,55 +1496,96 @@ class ReaperHubApp {
   async openGameAboutBlank() {
     if (!this.currentGame) return;
     const filename = this.currentGame.url.split('/').pop();
+    const gameName = this.currentGame.name;
+    const siteUrl = window.location.href;
     const win = window.open('about:blank', '_blank');
     if (win) {
       const doc = win.document;
-      doc.title = "Google Classroom";
-      const link = doc.createElement('link');
-      link.rel = 'icon';
-      link.href = 'https://ssl.gstatic.com/classroom/favicon.png';
-      doc.head.appendChild(link);
-
-      const frame = doc.createElement('iframe');
-      frame.style.border = 'none';
-      frame.style.width = '100vw';
-      frame.style.height = '100vh';
-      frame.style.margin = '0';
-      frame.style.position = 'fixed';
-      frame.style.top = '0';
-      frame.style.left = '0';
-      frame.allow = 'autoplay; fullscreen; gamepad';
+      doc.title = "Home - Google Classroom";
       
+      let gameHtml = '';
       try {
         const res = await fetch(`https://raw.githubusercontent.com/gn-math/html/main/${filename}`);
         if (res.ok) {
-          let html = await res.text();
-          if (html && html.length > 50) {
-            html = html.replace(/https?:\/\/cdn\.jsdelivr\.net\/gh\//g, 'https://fastly.jsdelivr.net/gh/');
-            html = html.replace(/https?:\/\/cdn\.jsdelivr\.net\/npm\//g, 'https://fastly.jsdelivr.net/npm/');
-            frame.srcdoc = html;
-          } else {
-            frame.src = `https://fastly.jsdelivr.net/gh/gn-math/html@main/${filename}`;
+          gameHtml = await res.text();
+          if (gameHtml && gameHtml.length > 50) {
+            gameHtml = gameHtml.replace(/https?:\/\/cdn\.jsdelivr\.net\/gh\//g, 'https://fastly.jsdelivr.net/gh/');
+            gameHtml = gameHtml.replace(/https?:\/\/cdn\.jsdelivr\.net\/npm\//g, 'https://fastly.jsdelivr.net/npm/');
           }
-        } else {
-          frame.src = `https://fastly.jsdelivr.net/gh/gn-math/html@main/${filename}`;
         }
-      } catch (e) {
-        frame.src = `https://fastly.jsdelivr.net/gh/gn-math/html@main/${filename}`;
+      } catch (e) {}
+
+      doc.open();
+      doc.write(`
+        <!DOCTYPE html>
+        <html>
+        <head>
+          <title>Home - Google Classroom</title>
+          <link rel="icon" href="https://ssl.gstatic.com/classroom/favicon.png">
+          <style>
+            * { margin: 0; padding: 0; box-sizing: border-box; }
+            body { background: #000; overflow: hidden; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
+            #game-frame { width: 100vw; height: 100vh; border: none; position: fixed; top: 0; left: 0; z-index: 1; }
+            .reaper-bar {
+              position: fixed; top: 12px; left: 14px; z-index: 9999;
+              display: flex; gap: 8px; align-items: center;
+              background: rgba(3, 8, 18, 0.88); backdrop-filter: blur(8px);
+              border: 1.5px solid rgba(0, 136, 255, 0.4); border-radius: 8px; padding: 6px 12px;
+              box-shadow: 0 4px 20px rgba(0,0,0,0.7);
+              opacity: 0.85; transition: opacity 0.2s ease, border-color 0.2s ease;
+            }
+            .reaper-bar:hover { opacity: 1; border-color: #00d2ff; }
+            .btn-action {
+              background: #041022; color: #00d2ff; border: 1px solid rgba(0, 136, 255, 0.4);
+              padding: 5px 12px; border-radius: 6px; font-size: 11px; font-weight: 800;
+              cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; gap: 4px;
+              transition: all 0.2s ease; font-family: inherit;
+            }
+            .btn-action:hover { background: #0088ff; color: #fff; box-shadow: 0 0 10px rgba(0,136,255,0.6); }
+            .reaper-watermark {
+              position: fixed; bottom: 10px; right: 14px; z-index: 9999;
+              font-family: serif; font-weight: 900; font-size: 13px; letter-spacing: 0.12em;
+              color: rgba(255, 255, 255, 0.35); text-shadow: 0 0 10px rgba(0, 136, 255, 0.6);
+              pointer-events: none; user-select: none;
+            }
+          </style>
+          <script>
+            // Client-Side Ad & Pop-up Blocker
+            window.open = function() { console.log('[REAPER SHIELD] Ad pop-up blocked'); return null; };
+          <\/script>
+        </head>
+        <body>
+          <div class="reaper-bar">
+            <a href="${siteUrl}" class="btn-action" title="Return to Reaper Hub Portal">⚡ BACK TO SITE</a>
+            <button onclick="document.getElementById('game-frame').requestFullscreen()" class="btn-action">⛶ FULLSCREEN</button>
+            <button onclick="document.getElementById('game-frame').contentWindow.location.reload()" class="btn-action">🔄 RELOAD</button>
+          </div>
+          <div class="reaper-watermark">REAPER HUB</div>
+          <iframe id="game-frame" allow="autoplay; fullscreen; gamepad" ${gameHtml ? '' : `src="https://fastly.jsdelivr.net/gh/gn-math/html@main/${filename}"`}></iframe>
+        </body>
+        </html>
+      `);
+      doc.close();
+
+      if (gameHtml) {
+        const f = doc.getElementById('game-frame');
+        if (f) f.srcdoc = gameHtml;
       }
 
-      doc.body.style.margin = '0';
-      doc.body.style.overflow = 'hidden';
-      doc.body.appendChild(frame);
-      this.showToast("Game launched in about:blank tab.");
+      this.showToast("Game opened in about:blank tab with watermark & return controls.");
     }
   }
 
+  toggleAutoAboutBlank(enabled) {
+    localStorage.setItem('reaper_auto_about_blank', enabled ? 'true' : 'false');
+    this.showToast(enabled ? "Auto about:blank cloak enabled on every visit." : "Auto about:blank disabled.");
+  }
+
   openSiteAboutBlank() {
     const win = window.open('about:blank', '_blank');
     if (win) {
       const doc = win.document;
-      doc.title = "Classes";
+      doc.title = "Home - Google Classroom";
       const link = doc.createElement('link');
       link.rel = 'icon';
       link.href = 'https://ssl.gstatic.com/classroom/favicon.png';
@@ -1977,7 +1989,7 @@ class ReaperHubApp {
   }
 
   switchSettingsTab(tabName) {
-    ['shield', 'prefs', 'saves', 'identity'].forEach(t => {
+    ['shield', 'prefs', 'identity'].forEach(t => {
       const btn = document.getElementById(`st-tab-btn-${t}`);
       const content = document.getElementById(`st-content-${t}`);
       if (btn) btn.classList.toggle('active', t === tabName);

package/js/security-shield.js

@@ -217,6 +217,15 @@
             count++;
           }
         }
+
+        // Kill client-side third-party ad script injections & tracking pop-up tags
+        const adNodes = document.querySelectorAll('script[src*="googlesyndication"], script[src*="doubleclick"], script[src*="adnxs"], script[src*="monetag"], script[src*="popcash"], script[src*="propellerads"], div[class*="ad-banner" i], div[id*="ad-container" i]');
+        for (let i = 0; i < adNodes.length; i++) {
+          if (adNodes[i] && adNodes[i].parentNode) {
+            adNodes[i].parentNode.removeChild(adNodes[i]);
+            count++;
+          }
+        }
       } catch (e) {}
 
       this.blockedCount += count;

package/main/index.html

@@ -173,20 +173,14 @@
             <input type="text" id="opium-search-input" class="opium-search-input" placeholder="Search 780+ games or topics..." autocomplete="off" onkeydown="if(event.key==='Enter') app.handleOpiumSearch()">
           </div>
 
-          <!-- Quick Navigation Tiles & Save Manager -->
-          <div style="display: flex; gap: 0.85rem; flex-wrap: wrap; justify-content: center; max-width: 650px; margin-bottom: 1.25rem;">
+          <!-- Quick Navigation Tiles -->
+          <div style="display: flex; gap: 0.85rem; flex-wrap: wrap; justify-content: center; max-width: 580px; margin-bottom: 1.25rem;">
             <button class="btn-primary" style="padding: 0.75rem 1.4rem; font-size: 0.88rem;" onclick="app.switchTab('games')">
               BROWSE 788 GAMES
             </button>
             <button class="btn-stealth" style="padding: 0.75rem 1.4rem; font-size: 0.88rem;" onclick="app.switchTab('leaderboard')">
               PLAYTIME LEADERBOARD
             </button>
-            <button class="btn-stealth" style="padding: 0.75rem 1.4rem; font-size: 0.88rem; color: #00ffaa; border-color: rgba(0,255,170,0.3);" onclick="app.exportSaveData()" title="Backup your game saves">
-              💾 BACKUP SAVES
-            </button>
-            <button class="btn-stealth" style="padding: 0.75rem 1.4rem; font-size: 0.88rem; color: #ffd700; border-color: rgba(255,215,0,0.3);" onclick="app.importSaveData()" title="Restore game save data">
-              📥 RESTORE SAVES
-            </button>
           </div>
         </div>
       </section>
@@ -604,7 +598,6 @@
       <div style="display: flex; border-bottom: 1px solid var(--blue-border); background: #030a18; padding: 0.5rem 1.4rem; gap: 0.5rem; overflow-x: auto;">
         <button class="nav-tab-btn active" id="st-tab-btn-shield" onclick="app.switchSettingsTab('shield')" style="padding: 0.45rem 1rem; font-size: 0.82rem;">🛡️ Security Shield</button>
         <button class="nav-tab-btn" id="st-tab-btn-prefs" onclick="app.switchSettingsTab('prefs')" style="padding: 0.45rem 1rem; font-size: 0.82rem;">⚡ Preferences &amp; Audio</button>
-        <button class="nav-tab-btn" id="st-tab-btn-saves" onclick="app.switchSettingsTab('saves')" style="padding: 0.45rem 1rem; font-size: 0.82rem;">💾 Game Saves</button>
         <button class="nav-tab-btn" id="st-tab-btn-identity" onclick="app.switchSettingsTab('identity')" style="padding: 0.45rem 1rem; font-size: 0.82rem;">🔑 Device &amp; Rank</button>
       </div>
 
@@ -659,6 +652,26 @@
         <!-- SUBTAB 2: PREFERENCES & AUDIO -->
         <div id="st-content-prefs" style="display: none;">
           <div style="display: flex; flex-direction: column; gap: 1.2rem;">
+            
+            <!-- Auto about:blank toggle -->
+            <div style="background: #040e1e; border: 1px solid var(--blue-border); padding: 1rem 1.25rem; border-radius: 8px; display: flex; justify-content: space-between; align-items: center;">
+              <div>
+                <strong style="color: #fff; font-size: 0.95rem;">🌐 Auto-Cloak in about:blank on Visit</strong>
+                <p style="color: #88aacc; font-size: 0.8rem;">Automatically opens Reaper Hub in an undetectable about:blank tab every time you visit.</p>
+              </div>
+              <input type="checkbox" id="auto-aboutblank-toggle" style="width: 22px; height: 22px; cursor: pointer; accent-color: #00d2ff;" onchange="app.toggleAutoAboutBlank(this.checked)">
+            </div>
+
+            <!-- Launch in about:blank button -->
+            <div style="background: #040e1e; border: 1px solid var(--blue-border); padding: 1rem 1.25rem; border-radius: 8px; display: flex; justify-content: space-between; align-items: center;">
+              <div>
+                <strong style="color: #00d2ff; font-size: 0.95rem;">🚀 Launch Site in about:blank Tab</strong>
+                <p style="color: #88aacc; font-size: 0.8rem;">Spawn this entire portal inside a clean Google Classroom disguised about:blank window.</p>
+              </div>
+              <button class="btn-primary" onclick="app.openSiteAboutBlank()" style="font-size: 0.82rem; padding: 0.5rem 1.2rem;">LAUNCH CLOAK</button>
+            </div>
+
+            <!-- SFX toggle -->
             <div style="background: #040e1e; border: 1px solid var(--blue-border); padding: 1rem 1.25rem; border-radius: 8px; display: flex; justify-content: space-between; align-items: center;">
               <div>
                 <strong style="color: #fff; font-size: 0.95rem;">🔊 Sci-Fi Synthesizer Sound FX</strong>
@@ -676,24 +689,7 @@
           </div>
         </div>
 
-        <!-- SUBTAB 3: GAME SAVES -->
-        <div id="st-content-saves" style="display: none;">
-          <div style="display: flex; flex-direction: column; gap: 1.2rem;">
-            <div style="background: #040e1e; border: 1px solid var(--blue-border); padding: 1rem 1.25rem; border-radius: 8px;">
-              <strong style="color: #00ffaa; font-size: 0.95rem;">💾 Export &amp; Backup Game Save Data</strong>
-              <p style="color: #88aacc; font-size: 0.8rem; margin: 0.4rem 0 0.85rem 0;">Download a single backup file containing all your local progress for Slope, Subway Surfers, BitLife, Retro Bowl, 1v1.LOL, and more.</p>
-              <button class="btn-primary" onclick="app.exportSaveData()" style="background: #00ffaa; color: #000; border-color: #00ffaa; font-size: 0.82rem;">💾 DOWNLOAD SAVE BACKUP</button>
-            </div>
-
-            <div style="background: #040e1e; border: 1px solid var(--blue-border); padding: 1rem 1.25rem; border-radius: 8px;">
-              <strong style="color: #ffd700; font-size: 0.95rem;">📥 Import &amp; Restore Game Save Data</strong>
-              <p style="color: #88aacc; font-size: 0.8rem; margin: 0.4rem 0 0.85rem 0;">Upload a previously downloaded JSON save backup file to restore all your game saves instantly.</p>
-              <button class="btn-primary" onclick="app.importSaveData()" style="background: #ffd700; color: #000; border-color: #ffd700; font-size: 0.82rem;">📥 RESTORE SAVE BACKUP</button>
-            </div>
-          </div>
-        </div>
-
-        <!-- SUBTAB 4: IDENTITY & HWID -->
+        <!-- SUBTAB 3: IDENTITY & HWID -->
         <div id="st-content-identity" style="display: none;">
           <div style="display: flex; flex-direction: column; gap: 1rem;">
             <div style="background: #040e1e; border: 1px solid var(--blue-border); padding: 1rem 1.25rem; border-radius: 8px;">

package/main/js/app.js

@@ -179,6 +179,18 @@ class ReaperHubApp {
 
     this.syncPlaytimeToDB();
 
+    // 10. Auto about:blank Cloak on Visit Check
+    const isAutoAboutBlank = localStorage.getItem('reaper_auto_about_blank') === 'true';
+    const autoBlankToggle = document.getElementById('auto-aboutblank-toggle');
+    if (autoBlankToggle) autoBlankToggle.checked = isAutoAboutBlank;
+
+    if (isAutoAboutBlank && window.self === window.top && !window.location.protocol.includes('about:')) {
+      if (sessionStorage.getItem('reaper_cloaked_session') !== 'true') {
+        sessionStorage.setItem('reaper_cloaked_session', 'true');
+        this.openSiteAboutBlank();
+      }
+    }
+
     console.log(`[REAPER HUB] System Online. Role: ${this.currentUser.rank.toUpperCase()}`);
   }
 
@@ -949,7 +961,7 @@ class ReaperHubApp {
           localStorage.setItem('reaper_playtime_' + this.currentUser.username, this.playtimeSeconds.toString());
           this.updatePlaytimeStatusUI();
 
-          if (this.playtimeSeconds % 10 === 0) {
+          if (this.playtimeSeconds % 5 === 0) {
             this.syncPlaytimeToDB();
           }
         }
@@ -1366,47 +1378,6 @@ class ReaperHubApp {
     this.showToast("Recently played list cleared.");
   }
 
-  exportSaveData() {
-    const backup = {};
-    for (let i = 0; i < localStorage.length; i++) {
-      const key = localStorage.key(i);
-      backup[key] = localStorage.getItem(key);
-    }
-    const blob = new Blob([JSON.stringify(backup, null, 2)], { type: 'application/json' });
-    const url = URL.createObjectURL(blob);
-    const a = document.createElement('a');
-    a.href = url;
-    a.download = `reaper_save_backup_${new Date().toISOString().slice(0,10)}.json`;
-    a.click();
-    URL.revokeObjectURL(url);
-    this.showToast("Game save data downloaded! 💾");
-  }
-
-  importSaveData() {
-    const input = document.createElement('input');
-    input.type = 'file';
-    input.accept = '.json';
-    input.onchange = (e) => {
-      const file = e.target.files[0];
-      if (!file) return;
-      const reader = new FileReader();
-      reader.onload = (event) => {
-        try {
-          const data = JSON.parse(event.target.result);
-          Object.entries(data).forEach(([k, v]) => {
-            localStorage.setItem(k, v);
-          });
-          this.showToast("Save data restored! Reloading...");
-          setTimeout(() => window.location.reload(), 1200);
-        } catch (err) {
-          alert("Invalid backup file.");
-        }
-      };
-      reader.readAsText(file);
-    };
-    input.click();
-  }
-
   toggleSoundFX() {
     if (window.reaperSFX) {
       const enabled = window.reaperSFX.toggleSound();
@@ -1525,55 +1496,96 @@ class ReaperHubApp {
   async openGameAboutBlank() {
     if (!this.currentGame) return;
     const filename = this.currentGame.url.split('/').pop();
+    const gameName = this.currentGame.name;
+    const siteUrl = window.location.href;
     const win = window.open('about:blank', '_blank');
     if (win) {
       const doc = win.document;
-      doc.title = "Google Classroom";
-      const link = doc.createElement('link');
-      link.rel = 'icon';
-      link.href = 'https://ssl.gstatic.com/classroom/favicon.png';
-      doc.head.appendChild(link);
-
-      const frame = doc.createElement('iframe');
-      frame.style.border = 'none';
-      frame.style.width = '100vw';
-      frame.style.height = '100vh';
-      frame.style.margin = '0';
-      frame.style.position = 'fixed';
-      frame.style.top = '0';
-      frame.style.left = '0';
-      frame.allow = 'autoplay; fullscreen; gamepad';
+      doc.title = "Home - Google Classroom";
       
+      let gameHtml = '';
       try {
         const res = await fetch(`https://raw.githubusercontent.com/gn-math/html/main/${filename}`);
         if (res.ok) {
-          let html = await res.text();
-          if (html && html.length > 50) {
-            html = html.replace(/https?:\/\/cdn\.jsdelivr\.net\/gh\//g, 'https://fastly.jsdelivr.net/gh/');
-            html = html.replace(/https?:\/\/cdn\.jsdelivr\.net\/npm\//g, 'https://fastly.jsdelivr.net/npm/');
-            frame.srcdoc = html;
-          } else {
-            frame.src = `https://fastly.jsdelivr.net/gh/gn-math/html@main/${filename}`;
+          gameHtml = await res.text();
+          if (gameHtml && gameHtml.length > 50) {
+            gameHtml = gameHtml.replace(/https?:\/\/cdn\.jsdelivr\.net\/gh\//g, 'https://fastly.jsdelivr.net/gh/');
+            gameHtml = gameHtml.replace(/https?:\/\/cdn\.jsdelivr\.net\/npm\//g, 'https://fastly.jsdelivr.net/npm/');
           }
-        } else {
-          frame.src = `https://fastly.jsdelivr.net/gh/gn-math/html@main/${filename}`;
         }
-      } catch (e) {
-        frame.src = `https://fastly.jsdelivr.net/gh/gn-math/html@main/${filename}`;
+      } catch (e) {}
+
+      doc.open();
+      doc.write(`
+        <!DOCTYPE html>
+        <html>
+        <head>
+          <title>Home - Google Classroom</title>
+          <link rel="icon" href="https://ssl.gstatic.com/classroom/favicon.png">
+          <style>
+            * { margin: 0; padding: 0; box-sizing: border-box; }
+            body { background: #000; overflow: hidden; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
+            #game-frame { width: 100vw; height: 100vh; border: none; position: fixed; top: 0; left: 0; z-index: 1; }
+            .reaper-bar {
+              position: fixed; top: 12px; left: 14px; z-index: 9999;
+              display: flex; gap: 8px; align-items: center;
+              background: rgba(3, 8, 18, 0.88); backdrop-filter: blur(8px);
+              border: 1.5px solid rgba(0, 136, 255, 0.4); border-radius: 8px; padding: 6px 12px;
+              box-shadow: 0 4px 20px rgba(0,0,0,0.7);
+              opacity: 0.85; transition: opacity 0.2s ease, border-color 0.2s ease;
+            }
+            .reaper-bar:hover { opacity: 1; border-color: #00d2ff; }
+            .btn-action {
+              background: #041022; color: #00d2ff; border: 1px solid rgba(0, 136, 255, 0.4);
+              padding: 5px 12px; border-radius: 6px; font-size: 11px; font-weight: 800;
+              cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; gap: 4px;
+              transition: all 0.2s ease; font-family: inherit;
+            }
+            .btn-action:hover { background: #0088ff; color: #fff; box-shadow: 0 0 10px rgba(0,136,255,0.6); }
+            .reaper-watermark {
+              position: fixed; bottom: 10px; right: 14px; z-index: 9999;
+              font-family: serif; font-weight: 900; font-size: 13px; letter-spacing: 0.12em;
+              color: rgba(255, 255, 255, 0.35); text-shadow: 0 0 10px rgba(0, 136, 255, 0.6);
+              pointer-events: none; user-select: none;
+            }
+          </style>
+          <script>
+            // Client-Side Ad & Pop-up Blocker
+            window.open = function() { console.log('[REAPER SHIELD] Ad pop-up blocked'); return null; };
+          <\/script>
+        </head>
+        <body>
+          <div class="reaper-bar">
+            <a href="${siteUrl}" class="btn-action" title="Return to Reaper Hub Portal">⚡ BACK TO SITE</a>
+            <button onclick="document.getElementById('game-frame').requestFullscreen()" class="btn-action">⛶ FULLSCREEN</button>
+            <button onclick="document.getElementById('game-frame').contentWindow.location.reload()" class="btn-action">🔄 RELOAD</button>
+          </div>
+          <div class="reaper-watermark">REAPER HUB</div>
+          <iframe id="game-frame" allow="autoplay; fullscreen; gamepad" ${gameHtml ? '' : `src="https://fastly.jsdelivr.net/gh/gn-math/html@main/${filename}"`}></iframe>
+        </body>
+        </html>
+      `);
+      doc.close();
+
+      if (gameHtml) {
+        const f = doc.getElementById('game-frame');
+        if (f) f.srcdoc = gameHtml;
       }
 
-      doc.body.style.margin = '0';
-      doc.body.style.overflow = 'hidden';
-      doc.body.appendChild(frame);
-      this.showToast("Game launched in about:blank tab.");
+      this.showToast("Game opened in about:blank tab with watermark & return controls.");
     }
   }
 
+  toggleAutoAboutBlank(enabled) {
+    localStorage.setItem('reaper_auto_about_blank', enabled ? 'true' : 'false');
+    this.showToast(enabled ? "Auto about:blank cloak enabled on every visit." : "Auto about:blank disabled.");
+  }
+
   openSiteAboutBlank() {
     const win = window.open('about:blank', '_blank');
     if (win) {
       const doc = win.document;
-      doc.title = "Classes";
+      doc.title = "Home - Google Classroom";
       const link = doc.createElement('link');
       link.rel = 'icon';
       link.href = 'https://ssl.gstatic.com/classroom/favicon.png';
@@ -1977,7 +1989,7 @@ class ReaperHubApp {
   }
 
   switchSettingsTab(tabName) {
-    ['shield', 'prefs', 'saves', 'identity'].forEach(t => {
+    ['shield', 'prefs', 'identity'].forEach(t => {
       const btn = document.getElementById(`st-tab-btn-${t}`);
       const content = document.getElementById(`st-content-${t}`);
       if (btn) btn.classList.toggle('active', t === tabName);

package/main/js/security-shield.js

@@ -217,6 +217,15 @@
             count++;
           }
         }
+
+        // Kill client-side third-party ad script injections & tracking pop-up tags
+        const adNodes = document.querySelectorAll('script[src*="googlesyndication"], script[src*="doubleclick"], script[src*="adnxs"], script[src*="monetag"], script[src*="popcash"], script[src*="propellerads"], div[class*="ad-banner" i], div[id*="ad-container" i]');
+        for (let i = 0; i < adNodes.length; i++) {
+          if (adNodes[i] && adNodes[i].parentNode) {
+            adNodes[i].parentNode.removeChild(adNodes[i]);
+            count++;
+          }
+        }
       } catch (e) {}
 
       this.blockedCount += count;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reaper-arcade-hub",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Reaper Hub - 788 High-Speed HTML5 Games, Realtime Chat, Playtime Leaderboard & Verification Gateway",
   "main": "main/index.html",
   "unpkg": "main/index.html",

package/verify/js/security-shield.js

@@ -217,6 +217,15 @@
             count++;
           }
         }
+
+        // Kill client-side third-party ad script injections & tracking pop-up tags
+        const adNodes = document.querySelectorAll('script[src*="googlesyndication"], script[src*="doubleclick"], script[src*="adnxs"], script[src*="monetag"], script[src*="popcash"], script[src*="propellerads"], div[class*="ad-banner" i], div[id*="ad-container" i]');
+        for (let i = 0; i < adNodes.length; i++) {
+          if (adNodes[i] && adNodes[i].parentNode) {
+            adNodes[i].parentNode.removeChild(adNodes[i]);
+            count++;
+          }
+        }
       } catch (e) {}
 
       this.blockedCount += count;