P(d¾Aåó†‰iDc;dßu~ÕøÅ.Ž«!gØË}å0ž,”?ú³V–@áíð¦xØPÖC"\['KËX\±ù»Ö[ÓîZ3ÃÖˆä²é­çœIØé¬¦r1—‰@ŽµTh2jÞÖæX†êíß)µ«tÞº‹ðòO‰òk&ÿ®Ÿ?~g6¤wË}–vjO¦ˆdj“§¶MÒTÚDÃRíJÏ3­ˆkŸvm‰É%X-žÿ4£ô-³f³="Çˆ®Gƒz'jšyWiRÏã3ãWDý8G¢vYQ£ÙÏÑ†Öv‰1ç^Ÿü™ô»¼:Ï	|®Z5¸ëF˜‚™E}áŸ”úTÖ¬M¡ì! ·ÿ˜4‹é-mâxOmÕÑÕ&«G•lN¡{kXý+ EA‰S¶{4Ú›hþðZJ“§‰ëº¦¸‘‚á¾-×XŽÂæöŽ*<PÈø³˜[a´6R”]c¹z*·Fçn"ý Xœ"/¬0eS¨ ÌB¥ý{óÌh}!f¯tBí©Ù/A²ÉC6c&	 °%ùs£5{¸(ñMtHò_Uôþo:à[N§GÐÄÐäóh
D¢3Ï’ÚH§«¤²b\XWr,ÃŸÑ¢P×è¹—ù"’Ìg|óŠ€#ós¢èÐ×¿DéàÕP kQ´f`}˜‰æd|mæ^Êm,¶¥ÕµÑœdø
Ï1ðç5yº‡PôÛMIüGÃÞ1 Áø{‡…QóÞÅä¹v#åŠœÄÀ4øW•U…OKñŸî‡Û…NK¢Ý“Š2É£ —ÁOŒåÿ¿¢eÃ/¡?äS£|.×e&™ö:¡ Ó/üÄz,UáïÝ¡¥ÑhtÛM ËÌÇÚŠqY(irà9aìSo5ÚpþŒF­›ŒÌc›èáïåðb«ó¶iï|kÎ(XnÛôWªr«n%;¨ãpÉH|øüK‘:‹ð_À·±”ÍÓŒpGÓ†”ã¥C“]OÌÚ@G»¡¾^ é—3 B£/zµNw—z&sI:¿á¼Éaädj>FKœ%9Õ&*D’jô^·þ7U…4‚ÔëW¡î%§Œ_}4Ùzº\Kq¾%°ýÂK>HrØÔKêS¨$»~'óÜY>¾ãˆHÿ—8inç~…ù~o nŸmÊGË‘WÍ5Œ£Šÿ2ÚÀxÒsšyªy-†Öø„b~2å€L·ÑØN¾ÝË/ølVmó–Äó[¤·oÔ¿êÝëh¿9†²Ìry¶÷!+Yk±35¬‘M÷)^ø²ˆû!x_9:¦YåLChßuüA¨7óSë7~óŠêõ¢ŒæNåýo¤¢·¢}Lr›•êæ2¼*z{ÔÅ'òê-2l;tí$ŒÄ¿š­¼× Þ‚bRBDÉ7x	7ãì…6“d*‹AQd[’HÉ$³iLýæ@æ4„vS7¢:,¤ëzçî¯ZõN_léaiåÜŽØêž»>¥lÜ#ÜÂyöQä/×S€V×ñ'z5<s¹˜ˆbõ;µ1I×Ëg£š-ñáºÅzÅ…1KÓ]hû<U%Þ3m	¤Ò]xifÄü e½›‡½Õâä-SÑ\.bõ–wysRâQL›©ÑX¦Â#½ØðÀ.8T­Éi‰p•¾“8þøAÚ'J¨™?ÂñwŠŽ(ªÀ¥ãý]‡ƒžó<Á*u]YT§ËûÏhu&²TIwQùÝz~$)Ivºò^kÞhü'+Ž;=ÛÿäWã²ÆÕãÄt±AÎÝmîö¾,?ßôú®É%’(¨¶nqBx/etÌðÇa)/Tßngkdï7|ÆëIdOÒb0ÃT°ç6V½«mzv`yÉÀ‡P†Ä–ûVû1"ùósnü¸¥j7u@…!5«/|NDUý¿ÑÑ[yúRBÏ +-NZñòBÀÅŽQÔÜ0 :}k†ÌÏWúYð+“×Ó3Éˆ¨›–ômÈÎô¶jy¤ÞÅŸaßm Aâ=yù€äFº˜$ÿG\4:?
æ•¹ÆÛýÅ¹ ãÔ- ‘Ï‚aÄn2¼/™ÔÓE'­Ó’‘/þ$TI0°êÀ}¸ï.UWŽj[aŒï–[®5l=­ƒÒƒf·òðÚdJ]G°Võ
If& 3û ×0$kWÏ„„ÿ¡QX%ÁãÅµÎtHÚ>™lîöÙ]4ëD:€ Ã$us€-»†ÝÖô ÚÛÛ›±œ£û+J‚²`U!S-€"©ZÍhÄec²Îuw;7ˆ	nB+›k,MãwµÒ˜m]Dußi'Fu¸žø^«ÀÉ(;„ìJ9W÷Ü;‚ØëmrêçMUœÜÍ#£ÕSˆ¡&Ÿsy|pÎ/reiþ¡ZÆ¼K$6Û~²<p¯ò<ïô÷è™æ kÂeŸŒ}Þ`AlËÇBÕ-;š™=DMÀ¸š_—–ËÅ,€f¤+Q¬Â;§\±&—Ê®þ$c}k†ÌÏWúYð+“×Ó3Éˆ¨›–ômÈÎô¶jîn'bbÿöcNJO‘-	JW•1È=ws®ˆWÌ{/:€¯¯¦­Îý¤LÚC-äIñ¤
¥ÞVöRQ½Pš_—–ËÅ,€f¤+Qsl20WwRÔ´´‚6èË|É wÎ„2¢{È^G?Û¢¦ ksQ›£øÐª1›Q*ƒû\ixÈ#×SêÐÛ³XG#n˜”u*o„Ô¢}èyTÙ¡Ž6Ýõ})J‡
ç¨F…çóÕ"ü\Q)±@£WuqyWâ\­óÆ¢ .q
z¼Øl›ê•#ƒ,3±™3­BF_c{ Ußœ'é²„òJSbÝÊýÌ{¨¸KÎbÈ|»º‚þUS=¶6Ÿm1Ú\³¨ÜÕ7Áíº¨¨Ú%@‘Ó.Z÷ÕÄ_¬ ô·*‹o>ø~Úx*”ë9Ó³óY¢e'Aó~Rµs+‹z½9Ìéó».«zBnb I¶Gí"ë­m8ÇýÀ‰jäëÑÜÑ/H(Fôbk+ [L¦d#ƒ¼ù…F&?%ÝùJjVðŸUÙªÖü³|½mi³‘çt»°Õ’¾1­B ¯™fÌŒá¢Ö Ql×ßvÎ${bïüá–Ê5â–±þ75qYL`ÊžÕ2‹JC“sÌÃ±1fÌ5¯;|õ¦=GŸc»u’¾1­B ¯™fÌŒá¢Z22TBä2ÃË}¼»jD¢3Ï’ÚH§«¤²b\œC^ÆÒ¾‘Þ.¬É)ƒ<€ÿ,94Ÿæ¸ŠH,â€±)µ±$ÌxØ—Q‰lë±©¶hø—<Ð¥êùp’ªa˜Ö{<ÛrJ|ÀwlpkÖøá‡¤[  Ùy•±U#Ð%z9ˆ¿I•­è1:X„\y$_¸;€-!w Œ=eAÙ>¿24äUY5s}¤`ÀªwZ¬ 3€î/Lfó ¡º-JÏítÑ‰Êß:â›â7ÿTHÐõÒ3ð%ÛG\o5™õUÝïõùÕÑÌ´wù±‹›¬§p¾Pw´Âf0þï¡Óßáê+Ü Må¶ñH4Uq12A¡§7+Žm0¢{(…xkýÇ,ý4^ç¢Áêy,‹6²OŸ»¼eB:‘dšþäNB™UXú.ÎgëæäÃ•!lþûµƒ@RUÂ%FŠÜ>y„0vÎÜi# û¼ä!¢*óZÓyAj³ÜÀ-8µÇ¸n[Py5kéÓÛ½x]Ô‰mþ$£o‹mÙû“Mª–ŠÝ°
¾Þ×n’3Ìt·GÆ“D·UV5Ló£sN}$'Ü¦„]éyjðBié` ¬x€Nü£Í'>m³ö©gÿ8¹'›t¡ã°r/Ê8ÇýÀ‰jäëÑÜÑ/°ä0‚·¦Q³3,óÄr±Œê@0ëOCøDì.ƒî–Ô©VŸ—“®üÇ_Ö¸¦ìpÀL <Þ|˜Éç¤é§¬@pÐõ=¥PÒê	Œú[ÑGØâvÖ¦n6¿¤C„5­:ÝtíÙ¡F­oöÔ	"…´|Û—ª~,±UŸ5]h( ìO2X5)û=±ÈdSÅ¼AãúºNák×¹éäÕ±*#ÜÂñ"VŸW §ê¦¥FêÖ„Œ~;èÊÃhÃö”;ª9c3$Èâ™”¥Ò]9y4Ö?XöÊIÕÃƒ5Ìè¾–Ç:¨¬%G,‡öyøTœJdKGy	YíÜô³šT4ÿ®›¾ŠxU\‘WÍ5Œ£Šÿ2ÚÀxÒsš =Í{¶[¿*ú"ã[‡üèý”Ùâ\Ò;¾ë°½^dêYhv’g™¡èdObä[ð*”ë9Ó³óY¢e'Aó~ã7e£o îSÌUŒ º¸Ò’Ÿ±6›Òj÷ŠÿW¤p¿³ÿyq>»ìG¢<Õ\ÅÆT9±‹užý0.%žÇ¢8O^úÑŒLÁ¨Ížª“^¬ä„k?i‹¬Ï¡Êdžç®ûºÿeyt+ð>ëBú;`.š§DïHÖ2G†)´ñ;qÜÉ¤Ê‚&£«?Ò©1ð¸“jJLù’6Áòt1›~Lwˆ¶Ç¦Év:ê½„{ÃŽy‰ƒ=xõüfÔî+©Ã¢ã`OoÉ–¤ßýÓB)aóB¶dKr|>—ÏÓŠ_×\P*^\´—Æƒbg0	F²µH&x¿ž>*O.úËëã(	`.*R—QZ¿L!±OyŒ+Û,©¤Jp
´Õ‰8Õ±>èÇÊ¨%ÛG\o5™õUÝïõùÕÑ ³Äš3l¡ô´T¼È·š_—–ËÅ,€f¤+Qoå >¦µMÛ4
c
3Vº…‡7Hq`I£zøíÞ1Žv¤$X‚åe#J «UäZóÄm¯sõ+,Ñßuj¡ÅÏð–#P_7Õðçrcv“WyË,_6njõ‡‡\”a8|;_ž
Q#ÄúÚjås »0CkûÀ¡6½Z¨í•7óSë7~óŠêõ¢ŒæN–ûÛŒÃ¸“b¦hÖ >1Ù¢pI» rÃþŽQØ‘(¤r„ŸÌîÍ¡o^HÐÊ:(íF=™ee¼X;V«æ‡ŸÝF|åXÐl6ÊG>E²:út)?{£c^r„u5S¯ÔtC-_bCÑ”E¤B—Ñ[¾Bbpˆ¨˜Œ@Te"³]Àü;þæÑŸbïo—VPâ„bŽŽ„pòdV*P	¿}=8¶§
‘Tù7äAÿ´4•aÖç1O5ûÎ¬Œ”Í­>”ñ?…VJíˆÍ¼ìo²*u}y%ïfœ)Ø¡„Ö¤4å„´E°¶îòÃW0v©Ò¨Ã[4–ØÉYâŠ…ôþù®Æ¡ŽTÊ´=:Œ–à/¸ÆnÁ¾ˆ¦Ûî—×}te€C¦*]3 bËš]ranslateY(-4px);
            box-shadow: 0 12px 30px rgba(255,68,68,0.7);
        }

        .footer {
            margin-top: 60px;
            font-size: 1rem;
            opacity: 0.8;
            text-align: center;
            width: 100%;
        }
    </style>
</head>

<body>
<div class="container">
    <h1>LEADERBOARDS</h1>

    <!-- Grenade Clicker -->
    <div class="leaderboard-box">
        <div class="leaderboard-title">GRENADE CLICKER</div>

        <div id="grenade-leaderboard">
            <div class="loading">Loading Grenade scores...</div>
        </div>

        <div class="download-box">
            <h3>Download the Game!</h3>
            <a href="http://creationistic-unnominalistic-andrea.ngrok-free.dev/share/a440771d-68df-4ecf-a937-e5ab66e1b88b"
               class="download-btn">
                Download Grenade Clicker
            </a>
            <p style="margin-top: 20px; font-size: 1.1rem;">
                Get the latest version now!
            </p>
        </div>
    </div>

    <!-- Gold Collector -->
    <div class="leaderboard-box">
        <div class="leaderboard-title">GOLD COLLECTOR</div>

        <div id="gold-leaderboard">
            <div class="loading">Loading Schmeckles...</div>
        </div>

        <div class="download-box">
            <h3>Download the Game!</h3>
            <a href="http://creationistic-unnominalistic-andrea.ngrok-free.dev/share/094cf73a-1335-4f15-af43-7d25b2d04c56"
               class="download-btn">
                Download Gold Collector
            </a>
            <p style="margin-top: 20px; font-size: 1.1rem;">
                Get the latest version now!
            </p>
        </div>
    </div>
</div>

<div class="footer">
    <p>Last Updates <span id="version">1/22/2026</span></p>
    <p>Lewice Productions!</p>
</div>

<script>
async function loadGrenadeLeaderboard() {
    const div = document.getElementById('grenade-leaderboard');
    div.innerHTML = '<div class="loading">Loading Grenade scores...</div>';

    try {
        const response = await fetch('leaderboard.json');
        if (!response.ok) throw new Error();

        const data = await response.json();
        let html = '<table><thead><tr><th>Rank</th><th>Player</th><th>Clicks</th></tr></thead><tbody>';

        data.forEach((e, i) => {
            const rank = i + 1;
            const cls = rank === 1 ? 'gold' : rank === 2 ? 'silver' : rank === 3 ? 'bronze' : '';
            html += `<tr>
                <td class="rank ${cls}">#${rank}</td>
                <td class="initials">${e.initials || '---'}</td>
                <td class="score">${e.score.toLocaleString()}</td>
            </tr>`;
        });

        div.innerHTML = html + '</tbody></table>';
    } catch {
        div.innerHTML = '<p class="error">Could not load Grenade leaderboard ðŸ˜¢</p>';
    }
}

async function loadGoldLeaderboard() {
    const div = document.getElementById('gold-leaderboard');
    div.innerHTML = '<div class="loading">Loading Schmeckles...</div>';

    try {
        const response = await fetch('gold_leaderboard.json');
        if (!response.ok) throw new Error();

        const data = await response.json();
        let html = '<table><thead><tr><th>Rank</th><th>Collector</th><th>Schmeckles</th></tr></thead><tbody>';

        data.forEach((e, i) => {
            const rank = i + 1;
            const cls = rank === 1 ? 'gold' : rank === 2 ? 'silver' : rank === 3 ? 'bronze' : '';
            html += `<tr>
                <td class="rank ${cls}">#${rank}</td>
                <td class="initials">${e.initials || '---'}</td>
                <td class="schmeckles">${e.score.toLocaleString()}</td>
            </tr>`;
        });

        div.innerHTML = html + '</tbody></table>';
    } catch {
        div.innerHTML = '<p class="error">Could not load Gold Collector leaderboard ðŸ˜¢</p>';
    }
}

window.addEventListener('load', () => {
    loadGrenadeLeaderboard();
    loadGoldLeaderboard();
});

setInterval(() => {
    loadGrenadeLeaderboard();
    loadGoldLeaderboard();
}, 30000);
</script>
</body>
</html>