!DOCTYPE html
html lang=en
    head
        base href=httpscdn.jsdelivr.netghgn-mathgn-math.github.io@main
link rel=icon type=imagepng href=httpscodehs.comuploads84799a0bb8e09668879b73acd5e7abaa
link rel=icon type=imagepng sizes=32x32 href=httpscodehs.comuploads84799a0bb8e09668879b73acd5e7abaa
link rel=apple-touch-icon href=httpscodehs.comuploads84799a0bb8e09668879b73acd5e7abaa
    link href=httpsfonts.googleapis.comcss2family=Montserratwght@900&display=swap rel=stylesheet
script
    script
        window.addEventListener('beforeunload', function (event) {
            event.preventDefault();
            event.returnValue = '';
            return 'Are you sure you want to leave Any unsaved changes will be lost.';
        });
    script
    script async= src=httpspagead2.googlesyndication.compageadjsadsbygoogle.jsclient=ca-pub-5521219086088837 crossorigin=anonymousscript
    script async= src=httpswww.googletagmanager.comgtagjsid=G-WX5VS54ZDWscript
    meta name=google-adsense-account content=ca-pub-5521219086088837
    script
        window.dataLayer = window.dataLayer  [];

        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());
        gtag('config', 'G-WX5VS54ZDW');
    script
    script async src=httpsfundingchoicesmessages.google.comipub-5521219086088837ers=1scriptscript(function() {function signalGooglefcPresent() {if (!window.frames['googlefcPresent']) {if (document.body) {const iframe = document.createElement('iframe'); iframe.style = 'width 0; height 0; border none; z-index -1000; left -1000px; top -1000px;'; iframe.style.display = 'none'; iframe.name = 'googlefcPresent'; document.body.appendChild(iframe);} else {setTimeout(signalGooglefcPresent, 0);}}}signalGooglefcPresent();})();script
    script src=httpscdn.jsdelivr.netghgn-mathgn-math.github.io@maingnmath.jsscript
    meta charset=UTF-8
    meta name=viewport content=width=device-width, initial-scale=1.0
    titleStory Network GN Mathtitle
    meta name=title content=GN-Math
    meta name=description content=Play unblcked games like Crazy Cattle 3D and DriveMad on GN-Math. Fast, free, no downloads—perfect for school or home.
    meta property=ogtype content=website
    meta property=ogurl content=httpsgn-math.github.io
    meta property=ogtitle content=GN-Math
    meta property=ogdescription content=Play unblcked games like Crazy Cattle 3D and DriveMad on GN-Math. Fast, free, no downloads—perfect for school or home.
    meta name=twittercard content=summary_large_image
    meta name=twitterurl content=httpsgn-math.github.io
    meta name=twittertitle content=GN-Math
    meta name=twitterdescription content=Play unblcked games like Crazy Cattle 3D and DriveMad on GN-Math. Fast, free, no downloads—perfect for school or home.
    meta name=keywords content=unblocked games, games for school, browser games, chromebook games, no download games, html5 games, free unblocked games, gn-math, fun games at school, crazy cattle 3d, play crazy cattle 3d, crazy cattle 3d unblocked, crazy cattle, crazy cattle unblocked, play crazy cattle, crazy cattle online, crazy cattle 3d online
    style
    
#zoneLoading {
    position absolute;
    top 50%;
    left 50%;
    transform translate(-50%, -50%);
    display none;
    z-index 10000;
}

.spinner {
    width 60px;
    height 60px;
    border 6px solid rgba(255,255,255,0.2);
    border-top-color var(--primary-color);
    border-radius 50%;
    animation spin 0.7s linear infinite;
}

@keyframes spin {
    to { transform rotate(360deg); }
}
    
 ---------- soft  calm palette ---------- 
root {
    --primary-color #111111;           mid grey accent 
    --text-color #333;
    --background-color #d9d9d9;        calm mid-grey background 
    --card-bg #e5e5e5;                 slightly lighter cards 
    --card-border rgba(0, 0, 0, .08);  almost invisible border 
    --shadow 0 6px 24px rgba(0, 0, 0, .08);
    --popup-bg #eeeeee;
}

.dark-mode {
    --primary-color #0000ff;
    --text-color #e0e0e0;
    --background-color #000000;
    --card-bg #252525;
    --card-border rgba(255, 255, 255, .06);
    --shadow 0 6px 24px rgba(0, 0, 0, .35);
    --popup-bg #252525;
}

 ---------- global soft reset ---------- 
 {
    box-sizing border-box;
}

body {
    font-family 'Montserrat', Tahoma, Geneva, Verdana, sans-serif;
    margin 0;
    padding 0;
    background-color var(--background-color);
    color var(--text-color);
    transition background-color .4s, color .4s;
}

 ---------- header ---------- 
header {
    background-color var(--primary-color);
    color #fff;
    padding 1rem;
    text-align center;
    position sticky;
    top 0;
    z-index 100;
    box-shadow var(--shadow);
}

.header-content {
    display flex;
    justify-content space-between;
    align-items center;
    max-width 1200px;
    margin 0 auto;
}

.logo {
    display flex;
    align-items center;
    gap 10px;
    font-size 1.5rem;
    font-weight 600;
}

.logo-img {
    height 40px;
    width auto;
    border-radius 10px;
}

 ---------- search  controls ---------- 
.search-container {
    display flex;
    gap 10px;
    margin .5rem 0;
}

#searchBar,
#sortOptions {
    padding .55rem .7rem;
    border 1px solid var(--card-border);
    border-radius 12px;
    background-color var(--card-bg);
    color var(--text-color);
    font-size 16px;
    transition border-color .25s;
}

#searchBarfocus,
#sortOptionsfocus {
    outline none;
    border-color var(--primary-color);
}

.control-buttons button {
    background-color var(--primary-color);
    color #fff;
    border none;
    border-radius 12px;
    padding .55rem 1rem;
    font-size 16px;
    cursor pointer;
    transition background-color .25s;
}

.control-buttons buttonhover {
    background-color rgba(255, 255, 255, .2);
}

 ---------- main grid ---------- 
main {
    max-width 1200px;
    margin 0 auto;
    padding 1.2rem;
}

#container,
#featuredZones {
    display grid;
    grid-template-columns repeat(auto-fill, minmax(180px, 1fr));
    gap 24px;
    margin-top 1rem;
}

 ---------- game cards ---------- 
.zone-item {
    background-color var(--card-bg);
    border 1px solid var(--card-border);
    border-radius 20px;
    overflow hidden;
    cursor pointer;
    box-shadow var(--shadow);
    display flex;
    flex-direction column;
    transition transform .25s, box-shadow .25s;
}

.zone-itemhover {
    transform translateY(-4px);
    box-shadow 0 12px 32px rgba(0, 0, 0, .12);
}

.zone-item img {
    width 100%;
    aspect-ratio 1;
    object-fit cover;
    border-bottom 1px solid var(--card-border);
}

.zone-item button {
    background-color transparent;
    color var(--text-color);
    border none;
    padding 12px;
    cursor pointer;
    font-weight 600;
    flex-grow 1;
    height 60px;
    display flex;
    align-items center;
    justify-content center;
    text-align center;
    border-radius 0 0 20px 20px;
}

 ---------- zone viewer ---------- 
#zoneViewer {
    position fixed;
    inset 0;
    background-color var(--background-color);
    z-index 1000;
    display none;
    flex-direction column;
}

.zone-header {
    display flex;
    align-items center;
    justify-content space-between;
    background-color var(--primary-color);
    color #fff;
    padding .6rem 1.2rem;
    border-radius 0 0 16px 16px;
}

.zone-title {
    flex-grow 1;
}

#zoneName {
    font-size 1.25rem;
    font-weight 600;
    margin 0;
}

#zoneAuthor {
    font-size .85rem;
    color rgba(255, 255, 255, .8);
    text-decoration none;
}

.zone-controls button {
    background-color transparent;
    border 1px solid rgba(255, 255, 255, .4);
    color #fff;
    padding .45rem .8rem;
    border-radius 12px;
    cursor pointer;
    font-size 14px;
    margin-left 6px;
    transition background-color .2s;
}

.zone-controls buttonhover {
    background-color rgba(255, 255, 255, .12);
}

#zoneFrame {
    flex-grow 1;
    border none;
    width 90%;
    height 90%;
    margin 16px auto;
    border-radius 20px;
    box-shadow var(--shadow);
}

 ---------- pop-ups ---------- 
#popupOverlay {
    position fixed;
    inset 0;
    background-color rgba(0, 0, 0, .45);
    display none;
    align-items center;
    justify-content center;
    z-index 2000;
}

.popup {
    background-color var(--popup-bg);
    border-radius 24px;
    box-shadow 0 12px 40px rgba(0, 0, 0, .2);
    width 90%;
    max-width 500px;
    max-height 80vh;
    overflow hidden;
    display flex;
    flex-direction column;
}

.popup-header {
    background-color var(--primary-color);
    color #fff;
    padding .9rem 1.2rem;
    display flex;
    justify-content space-between;
    align-items center;
    border-radius 24px 24px 0 0;
}

#popupTitle {
    margin 0;
    font-size 1.15rem;
    font-weight 600;
}

#popupClose {
    background transparent;
    border none;
    color #fff;
    font-size 1.5rem;
    cursor pointer;
    line-height 1;
}

#popupBody {
    padding 1.2rem;
    overflow-y auto;
    color var(--text-color);
}

#popupBody input[type=text],
#popupBody input[type=file] {
    width 100%;
    padding .6rem;
    margin-bottom 1rem;
    border 1px solid var(--card-border);
    border-radius 12px;
    background-color var(--card-bg);
    color var(--text-color);
    font-size 16px;
}

#settings-button {
    display block;
    width 100%;
    padding .75rem;
    background-color var(--primary-color);
    color #fff;
    border none;
    border-radius 12px;
    cursor pointer;
    font-size 16px;
    margin-bottom 1rem;
    transition opacity .25s;
}

#settings-buttonhover {
    opacity .85;
}

 ---------- footer ---------- 
footer {
    background-color var(--card-bg);
    padding 1.2rem;
    text-align center;
    margin-top 2.2rem;
    border-radius 16px 16px 0 0;
}

.footer-links {
    display flex;
    justify-content center;
    gap 20px;
}

.footer-links a {
    color var(--primary-color);
    text-decoration none;
    transition opacity .2s;
}

.footer-links ahover {
    opacity .75;
    text-decoration underline;
}

#zoneCount {
    margin .5rem 0;
    font-size .85rem;
    color var(--text-color);
}

 ---------- responsive ---------- 
@media (max-width 768px) {
    .header-content {
        flex-direction column;
        gap 12px;
    }

    .search-container {
        width 100%;
    }

    #container,
    #featuredZones {
        grid-template-columns repeat(auto-fill, minmax(140px, 1fr));
        gap 16px;
    }

    .zone-item img {
        height 140px;
    }

    .zone-item button {
        height 60px;
        font-size 14px;
    }
}
 ---------- force Montserrat BLACK everywhere ---------- 
,
before,
after,
input,
button,
select,
textarea,
h1, h2, h3, h4, h5, h6,
p, a, span, div, summary, label, li, td, th {
    font-family 'Montserrat', sans-serif !important;
    font-weight 900 !important;
}
    style
head
body class=dark-mode
    header
    div class=header-content
        div class=logo
            img src=httpscodehs.comuploads84799a0bb8e09668879b73acd5e7abaa alt=elias Logo class=logo-img
            Story Network GN Math
        div
        div class=search-container
            input type=text id=searchBar placeholder=Search zones... oninput=filterZones()
            select id=sortOptions onchange=sortZones()
                option value=nameNameoption
                option value=idID (Date)option
                option value=popularPopularoption
            select
        div
        div class=control-buttons
            button id=settings style=background-color var(--primary-color); color white; border none; border-radius 4px; padding 0.5rem 1rem; font-size 16px; cursor pointer;Settingsbutton
        div
    div
header

main
    !-- Featured Zones --
    details id=featuredZonesWrapper open
        summary id=allZonesSummary style=font-size 1.2rem; font-weight bold; cursor pointer;Featured Zonessummary
        div id=featuredZones class=zone-containerdiv
    details

    brhrbr

    !-- All Zones --
    details id=allZonesWrapper open
        summary id=allSummary style=font-size 1.2rem; font-weight bold; cursor pointer;All Zonessummary
        div id=containerLoading...div
    details

    brhrbr

    !-- Recently Played --
    details id=recentZonesWrapper open
        summary style=font-size 1.2rem; font-weight bold; cursor pointer;Recently Playedsummary
        div id=recentZonesList class=zone-container
            p style=color var(--text-color);No recently played zones yet.p
        div
    details
main

    div id=zoneViewer
    div id=zoneLoading
    div class=spinnerdiv
div
        div class=zone-header
            div class=zone-title
                h2 id=zoneNamezoneh2
                span id=zoneId style=display none;span
                a id=zoneAuthor href=# target=_blankby Authora
            div
            div class=zone-controls
                button onclick=fullscreenZone()Fullscreenbutton
                button onclick=aboutBlank()Open in New Tabbutton
                button onclick=downloadZone()Downloadbutton
                button onclick=closeZone()Closebutton
            div
        div
        iframe id=zoneFrameiframe
    div

    div id=popupOverlay
        div class=popup
            div class=popup-header
                h3 id=popupTitleTitleh3
                button id=popupClose onclick=closePopup()×button
            div
            div id=popupBody
                Content will be here
            div
        div
    div

    ins class=adsbygoogle
    style=displayblock; text-aligncenter;
    data-ad-client=ca-pub-5521219086088837
    data-ad-slot=5549138288
    data-ad-format=auto
    data-full-width-responsive=trueins
   script
    (adsbygoogle = window.adsbygoogle  []).push({});
   script
    footer
        div class=footer-links
            a href=# onclick=showContact(); return false;Contacta
            a href=# onclick=loadPrivacy(); return false;Privacy Policya
            a href=javascriptsaveData()Export Dataa
            label for=importData style=color var(--primary-color); cursor pointer;Import Datalabel
            input type=file id=importData style=display none; onchange=loadData(event)
        div
    footer

    script
        const container = document.getElementById('container');
const zoneViewer = document.getElementById('zoneViewer');
let zoneFrame = document.getElementById('zoneFrame');
const searchBar = document.getElementById('searchBar');
const sortOptions = document.getElementById('sortOptions');
 httpswww.jsdelivr.comtoolspurge
const zonesURL = httpscdn.jsdelivr.netghgn-mathassets@mainzones.json;
const coverURL = httpscdn.jsdelivr.netghgn-mathcovers@main;
const htmlURL = httpscdn.jsdelivr.netghgn-mathhtml@main;
let zones = [];
let popularityData = {};
const featuredContainer = document.getElementById('featuredZones');
 --- Recently Played Tracking ---
function recordRecent(id) {
    let recents = JSON.parse(localStorage.getItem(recentZones)  []);
     Move ID to front, remove duplicates, cap at 10
    recents = [id, ...recents.filter(x = x !== id)].slice(0, 10);
    localStorage.setItem(recentZones, JSON.stringify(recents));
}
async function listZones() {
    try {
        const response = await fetch(zonesURL+t=+Date.now());
        const json = await response.json();
        zones = json;
        zones[0].featured = true;  always gonna be the discord
        await fetchPopularity();
        sortZones();
        const search = new URLSearchParams(window.location.search);
        const id = search.get('id');
        const embed = window.location.hash.includes(embed);
        if (id) {
            const zone = zones.find(zone = zone.id + '' == id + '');
            if (zone) {
                if (embed) {
                    if (zone.url.startsWith(http)) {
                        window.open(zone.url, _blank);
                    } else {
                        const url = zone.url.replace({COVER_URL}, coverURL).replace({HTML_URL}, htmlURL);
                        fetch(url+t=+Date.now()).then(response = response.text()).then(html = {
                            document.documentElement.innerHTML = html;
                            const popup = document.createElement(div);
                            popup.style.position = fixed;
                            popup.style.bottom = 20px;
                            popup.style.right = 20px;
                            popup.style.backgroundColor = #cce5ff;
                            popup.style.color = #004085;
                            popup.style.padding = 10px;
                            popup.style.border = 1px solid #b8daff;
                            popup.style.borderRadius = 5px;
                            popup.style.boxShadow = 0px 0px 10px rgba(0,0,0,0.1);
                            popup.style.fontFamily = Arial, sans-serif;
                            
                            popup.innerHTML = `Play more games at a href=httpsgn-math.github.io target=_blank style=color#004085; font-weightbold;httpsgn-math.github.ioa!`;
                            
                            const closeBtn = document.createElement(button);
                            closeBtn.innerText = ✖;
                            closeBtn.style.marginLeft = 10px;
                            closeBtn.style.background = none;
                            closeBtn.style.border = none;
                            closeBtn.style.cursor = pointer;
                            closeBtn.style.color = #004085;
                            closeBtn.style.fontWeight = bold;
                            
                            closeBtn.onclick = () = popup.remove();
                            popup.appendChild(closeBtn);
                            document.body.appendChild(popup);
                            document.documentElement.querySelectorAll('script').forEach(oldScript = {
                                const newScript = document.createElement('script');
                                if (oldScript.src) {
                                    newScript.src = oldScript.src;
                                } else {
                                    newScript.textContent = oldScript.textContent;
                                }
                                document.body.appendChild(newScript);
                            });
                        }).catch(error = alert(Failed to load zone  + error));
                    }
                } else {
                    openZone(zone);
                }
            }
        }
    } catch (error) {
        console.error(error);
        container.innerHTML = `Error loading zones ${error}`;
    }
}
async function fetchPopularity() {
    try {
        const response = await fetch(httpsdata.jsdelivr.comv1statspackagesghgn-mathhtml@mainfilesperiod=year);
        const data = await response.json();
        data.forEach(file = {
            const idMatch = file.name.match((d+).html$);
            if (idMatch) {
                const id = parseInt(idMatch[1]);
                popularityData[id] = file.hits.total;
            }
        });
    } catch (error) {
        popularityData[0] = 0;
    }
}

function sortZones() {
    const sortBy = sortOptions.value;
    if (sortBy === 'name') {
        zones.sort((a, b) = a.name.localeCompare(b.name));
    } else if (sortBy === 'id') {
        zones.sort((a, b) = a.id - b.id);
    } else if (sortBy === 'popular') {
        zones.sort((a, b) = (popularityData[b.id]  0) - (popularityData[a.id]  0));
    }
    zones.sort((a, b) = (a.id === -1  -1  b.id === -1  1  0));
    const featured = zones.filter(z = z.featured);
    displayFeaturedZones(featured);
    displayZones(zones);
}

function displayFeaturedZones(featuredZones) {
    featuredContainer.innerHTML = ;
    featuredZones.forEach((file, index) = {
        const zoneItem = document.createElement(div);
        zoneItem.className = zone-item;
        zoneItem.onclick = () = openZone(file);
        const img = document.createElement(img);
        img.dataset.src = file.cover.replace({COVER_URL}, coverURL).replace({HTML_URL}, htmlURL);
        img.alt = file.name;
        img.loading = lazy;
        img.className = lazy-zone-img;
        zoneItem.appendChild(img);
        const button = document.createElement(button);
        button.textContent = file.name;
        button.onclick = (event) = {
            event.stopPropagation();
            openZone(file);
        };
        zoneItem.appendChild(button);
        featuredContainer.appendChild(zoneItem);
    });
    if (featuredContainer.innerHTML === ) {
        featuredContainer.innerHTML = No featured zones found.;
    } else {
        document.getElementById(allZonesSummary).textContent = `Featured Zones (${featuredZones.length})`;
    }

    const lazyImages = document.querySelectorAll('#featuredZones img.lazy-zone-img');
    const imageObserver = new IntersectionObserver((entries, observer) = {
        entries.forEach(entry = {
            if (entry.isIntersecting) {
                const img = entry.target;
                img.src = img.dataset.src;
                img.classList.remove(lazy-zone-img);
                observer.unobserve(img);
            }
        });
    }, {
        rootMargin 100px, 
        threshold 0.1
    });

    lazyImages.forEach(img = {
        imageObserver.observe(img);
    });
}

function displayZones(zones) {
    container.innerHTML = ;
    zones.forEach((file, index) = {
        const zoneItem = document.createElement(div);
        zoneItem.className = zone-item;
        zoneItem.onclick = () = openZone(file);
        const img = document.createElement(img);
        img.dataset.src = file.cover.replace({COVER_URL}, coverURL).replace({HTML_URL}, htmlURL);
        img.alt = file.name;
        img.loading = lazy;
        img.className = lazy-zone-img;
        zoneItem.appendChild(img);
        const button = document.createElement(button);
        button.textContent = file.name;
        button.onclick = (event) = {
            event.stopPropagation();
            openZone(file);
        };
        zoneItem.appendChild(button);
        container.appendChild(zoneItem);
    });
    if (container.innerHTML === ) {
        container.innerHTML = No zones found.;
    } else {
        document.getElementById(allSummary).textContent = `All Zones (${zones.length})`;
    }

    const lazyImages = document.querySelectorAll('img.lazy-zone-img');
    const imageObserver = new IntersectionObserver((entries, observer) = {
        entries.forEach(entry = {
            if (entry.isIntersecting) {
                const img = entry.target;
                img.src = img.dataset.src;
                img.classList.remove(lazy-zone-img);
                observer.unobserve(img);
            }
        });
    }, {
        rootMargin 100px, 
        threshold 0.1
    });

    lazyImages.forEach(img = {
        imageObserver.observe(img);
    });
}

function filterZones() {
    const query = searchBar.value.toLowerCase();
    const filteredZones = zones.filter(zone = zone.name.toLowerCase().includes(query));
    if (query.length !== 0) {
        document.getElementById(featuredZonesWrapper).removeAttribute(open);
    }
    displayZones(filteredZones);
}

function openZone(file) {
    recordRecent(file.id);  Recently Played Tracking

    if (file.url.startsWith(http)) {
        window.open(file.url, _blank);
    } else {

         --- Loading State (fade + disabled iframe) ---
        document.getElementById('zoneName').textContent = Loading...;
        zoneFrame.style.opacity = 0.3;
        zoneFrame.style.pointerEvents = none;

         --- SHOW SPINNER (This is Step 3 Part 1) ---
        document.getElementById(zoneLoading).style.display = block;

        const url = file.url.replace({COVER_URL}, coverURL).replace({HTML_URL}, htmlURL);

        fetch(url + t= + Date.now())
            .then(response = response.text())
            .then(html = {

                if (zoneFrame.contentDocument === null) {
                    zoneFrame = document.createElement(iframe);
                    zoneFrame.id = zoneFrame;
                    zoneViewer.appendChild(zoneFrame);
                }

                zoneFrame.contentDocument.open();
                zoneFrame.contentDocument.write(html);
                zoneFrame.contentDocument.close();

                 --- REMOVE LOADING STATE ---
                zoneFrame.style.opacity = 1;
                zoneFrame.style.pointerEvents = auto;

                 --- HIDE SPINNER (This is Step 3 Part 1) ---
                document.getElementById(zoneLoading).style.display = none;

                document.getElementById('zoneName').textContent = file.name;
                document.getElementById('zoneId').textContent = file.id;
                document.getElementById('zoneAuthor').textContent = by  + file.author;

                if (file.authorLink) {
                    document.getElementById('zoneAuthor').href = file.authorLink;
                }

                zoneViewer.style.display = block;

                const newURL = new URL(window.location);
                newURL.searchParams.set('id', file.id);
                history.pushState(null, '', newURL.toString());
            })
            .catch(error = {
                document.getElementById(zoneLoading).style.display = none;  hide spinner on fail too
                alert(Failed to load zone  + error);
            });
    }
}



function aboutBlank() {
    const newWindow = window.open(aboutblank, _blank);
    let zone = zones.find(zone = zone.id + '' === document.getElementById('zoneId').textContent).url.replace({COVER_URL}, coverURL).replace({HTML_URL}, htmlURL);
    fetch(zone+t=+Date.now()).then(response = response.text()).then(html = {
        if (newWindow) {
            newWindow.document.open();
            newWindow.document.write(html);
            newWindow.document.close();
        }
    })
}

function closeZone() {
    zoneViewer.style.display = none;
    zoneViewer.removeChild(zoneFrame);
    const url = new URL(window.location);
    url.searchParams.delete('id');
    history.pushState(null, '', url.toString());
}

function downloadZone() {
    let zone = zones.find(zone = zone.id + '' === document.getElementById('zoneId').textContent);
    fetch(zone.url.replace({HTML_URL}, htmlURL)+t=+Date.now()).then(res = res.text()).then(text = {
        const blob = new Blob([text], {
            type textplain;charset=utf-8
        });
        const url = URL.createObjectURL(blob);
        const a = document.createElement('a');
        a.href = url;
        a.download = zone.name + .html;
        document.body.appendChild(a);
        a.click();
        document.body.removeChild(a);
        URL.revokeObjectURL(url);
    });
}

function fullscreenZone() {
    if (zoneFrame.requestFullscreen) {
        zoneFrame.requestFullscreen();
    } else if (zoneFrame.mozRequestFullScreen) {
        zoneFrame.mozRequestFullScreen();
    } else if (zoneFrame.webkitRequestFullscreen) {
        zoneFrame.webkitRequestFullscreen();
    } else if (zoneFrame.msRequestFullscreen) {
        zoneFrame.msRequestFullscreen();
    }
}

function saveData() {
    let data = JSON.stringify(localStorage) + nnnn + document.cookie;
    const link = document.createElement(a);
    link.href = URL.createObjectURL(new Blob([data], {
        type textplain
    }));
    link.download = `${Date.now()}.data`;
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
}

function loadData(event) {
    const file = event.target.files[0];
    if (!file) return;
    const reader = new FileReader();
    reader.onload = function (e) {
        const content = e.target.result;
        const [localStorageData, cookieData] = content.split(nnnn);
        try {
            const parsedData = JSON.parse(localStorageData);
            for (let key in parsedData) {
                localStorage.setItem(key, parsedData[key]);
            }
        } catch (error) {
        }
        if (cookieData) {
            const cookies = cookieData.split(; );
            cookies.forEach(cookie = {
                document.cookie = cookie;
            });
        }
        alert(Data loaded);
    };
    reader.readAsText(file);
}

function darkMode() {
    document.body.classList.toggle(dark-mode);
}

function cloakIcon(url) {
    const link = document.querySelector(link[rel~='icon']);
    link.rel = icon;
    if ((url+).trim().length === 0) {
        link.href = favicon.png;
    } else {
        link.href = url;
    }
    document.head.appendChild(link);
}
function cloakName(string) {
    if ((string+).trim().length === 0) {
        document.title = Home;
        return;
    }
    document.title = string;
}

function tabCloak() {
    closePopup();
    document.getElementById('popupTitle').textContent = Tab Cloak;
    const popupBody = document.getElementById('popupBody');
    popupBody.innerHTML = `
        label for=tab-cloak-textbox style=font-weight bold;Set Tab Titlelabelbr
        input type=text id=tab-cloak-textbox placeholder=Enter new tab name... oninput=cloakName(this.value)
        brbrbrbr
        label for=tab-cloak-textbox style=font-weight bold;Set Tab Iconlabelbr
        input type=text id=tab-cloak-textbox placeholder=Enter new tab icon... oninput='cloakIcon(this.value)'
        brbrbr
    `;
    popupBody.contentEditable = false;
    document.getElementById('popupOverlay').style.display = flex;
}

const settings = document.getElementById('settings');
settings.addEventListener('click', () = {
    document.getElementById('popupTitle').textContent = Settings;
    const popupBody = document.getElementById('popupBody');
    popupBody.innerHTML = `
    button id=settings-button onclick=darkMode()Toggle Dark Modebutton
    brbr
    button id=settings-button onclick=tabCloak()Tab Cloakbutton
    br
    `;
    popupBody.contentEditable = false;
    document.getElementById('popupOverlay').style.display = flex;
});

function showContact() {
    document.getElementById('popupTitle').textContent = Contact;
    const popupBody = document.getElementById('popupBody');
    popupBody.innerHTML = `
    pDiscord httpsdiscord.ggNAFw4ykZ7np
    pEmail gn.math.business@gmail.comp`;
    popupBody.contentEditable = false;
    document.getElementById('popupOverlay').style.display = flex;
}

function loadPrivacy() {
    document.getElementById('popupTitle').textContent = Privacy Policy;
    const popupBody = document.getElementById('popupBody');
    popupBody.innerHTML = `
        div style=max-height 60vh; overflow-y auto;
            h2PRIVACY POLICYh2
            pLast updated April 17, 2025p
            pThis Privacy Notice for gn-math (we, us, or our), describes how and why we might access, collect, store, use, andor share (process) your personal information when you use our services (Services), including when youp
            ul
                liVisit our website at a href=httpsgn-math.github.iohttpsgn-math.github.ioa, or any website of ours that links to this Privacy Noticeli
                liEngage with us in other related ways, including any sales, marketing, or eventsli
            ul
            pQuestions or concerns Reading this Privacy Notice will help you understand your privacy rights and choices. We are responsible for making decisions about how your personal information is processed. If you do not agree with our policies and practices, please do not use our Services. If you still have any questions or concerns, please contact us at a href=httpsdiscord.ggNAFw4ykZ7nhttpsdiscord.ggNAFw4ykZ7na.p
            
            h3SUMMARY OF KEY POINTSh3
            pThis summary provides key points from our Privacy Notice, but you can find out more details about any of these topics by clicking the link following each key point or by using our table of contents below to find the section you are looking for.p
            
            pstrongWhat personal information do we processstrong When you visit, use, or navigate our Services, we may process personal information depending on how you interact with us and the Services, the choices you make, and the products and features you use. Learn more about personal information you disclose to us.p
            
            pstrongDo we process any sensitive personal informationstrong Some of the information may be considered special or sensitive in certain jurisdictions, for example your racial or ethnic origins, sexual orientation, and religious beliefs. We do not process sensitive personal information.p
            
            pstrongDo we collect any information from third partiesstrong We do not collect any information from third parties.p
            
            pstrongHow do we process your informationstrong We process your information to provide, improve, and administer our Services, communicate with you, for security and fraud prevention, and to comply with law. We may also process your information for other purposes with your consent. We process your information only when we have a valid legal reason to do so. Learn more about how we process your information.p
            
            pstrongIn what situations and with which parties do we share personal informationstrong We may share information in specific situations and with specific third parties. Learn more about when and with whom we share your personal information.p
            
            pstrongHow do we keep your information safestrong We have adequate organizational and technical processes and procedures in place to protect your personal information. However, no electronic transmission over the internet or information storage technology can be guaranteed to be 100% secure, so we cannot promise or guarantee that hackers, cybercriminals, or other unauthorized third parties will not be able to defeat our security and improperly collect, access, steal, or modify your information. Learn more about how we keep your information safe.p
            
            pstrongWhat are your rightsstrong Depending on where you are located geographically, the applicable privacy law may mean you have certain rights regarding your personal information. Learn more about your privacy rights.p
            
            pstrongHow do you exercise your rightsstrong The easiest way to exercise your rights is by submitting a data subject access request, or by contacting us. We will consider and act upon any request in accordance with applicable data protection laws.p
        div
    `;
    popupBody.contentEditable = false;
    document.getElementById('popupOverlay').style.display = flex;
}

function closePopup() {
    document.getElementById('popupOverlay').style.display = none;
}
listZones();

const schoolList = [deledao, goguardian, lightspeed, linewize, securly, .edu];

function isBlockedDomain(url) {
    const domain = new URL(url, location.origin).hostname + ;
    return schoolList.some(school = domain.includes(school));
}

const originalFetch = window.fetch;
window.fetch = function (url, options) {
    if (isBlockedDomain(url)) {
        console.warn(`lam`);
        return Promise.reject(new Error(lam));
    }
    return originalFetch.apply(this, arguments);
};

const originalOpen = XMLHttpRequest.prototype.open;
XMLHttpRequest.prototype.open = function (method, url) {
    if (isBlockedDomain(url)) {
        console.warn(`lam`);
        return;
    }
    return originalOpen.apply(this, arguments);
};

HTMLCanvasElement.prototype.toDataURL = function (...args) {
    return ;
};
    script
body
html