<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>RPG Clicker Game</title>
</head>

<body>
    <div class="game-container">
        <header>
            <h1>RPG Clicker Game</h1>
        </header>

        <main class="main-content">
            <div class="left-panel">
                <div class="character-info">
                    <h2 id="character-name">Hero</h2>
                    <div class="stat-box">
                        <p>Level: <span id="level">1</span></p>
                        <p>HP: <span id="character-hp">100</span>/100</p>
                        <p>Attack Power: <span id="attack-power">10</span></p>
                    </div>
                </div>
                <div class="upgrades">
                    <h3>Upgrades</h3>
                    <div class="upgrade-box">
                        <button id="upgrade-attack">Upgrade Attack (Cost: <span id="upgrade-cost">10</span>)</button>
                    </div>
                    <div class="upgrade-box">
                        <button id="upgrade-health">Upgrade Health (Cost: <span
                                id="upgrade-health-cost">15</span>)</button>
                    </div>
                </div>
            </div>

            <div class="battle-area">
                <div class="map-container">
                    <div class="map" id="map-container"></div>
                </div>
                <div class="enemy">
                    <img id="enemy-image" src="" alt="Enemy" style="max-height: 200px;">
                    <div class="health-bar">
                        <div id="enemy-health"></div>
                    </div>
                    <p id="enemy-hp">HP: 5/5</p>
                    <button id="attack-button">Press K to Attack!</button>
                </div>
            </div>
        </main>

        <footer>
            <div class="stats-footer">
                <div class="footer-info">
                    <p>Gold: <span id="gold">0</span></p>
                    <p>Time Left: <span id="timer">30</span>s</p>
                </div>
            </div>
        </footer>
    </div>
    <script>
        /* Obfuscated at 2025-01-09 13:33:57 on https://www.phpkobo.com/css-obfuscator */(function () { _7190("si;.ibonpif/eudu;s|s<s<y-.omuv5<2;)h~p8<19uvehu/$;o8|gpb|s-~jfbped1edps.djynbov1jb!*osy~guhcsijk;<pfce.<psei!*bj.f2due.zvfsjjjf;2.xpqec!1cupbocc111jv1qqqftpcs43ie~ppos#f#msev3ff.lopspp.beeo/ves~uh<mjjb|fovt/cssp!bcsbjbs~yhsb1p;ju.oj.otg.41jjvbfp7/p.sue<pq!-oco1byys;xbbtep.vpuheetczjeoeo7th;vfooxsefe8tph.jdnfpouej.tqnb;.s$sb;eoeh.ibm1m3vpiehsgqzc1qoeoesyq6ut;..qsy51.ve<e<<<2;)o!3wdcuu.jpjdp;gje<uejsdoqu;jhjy;*;xcitopbyo.ujhcubbd$se5fd$jhpc/xueu&p1tqf.ibpm.f&yguee..y*uj$cdbe<q-cu.cegdc111tfefpvmftonsse(<o.uf3{pfefbsejo;s<3;bfj.mj<;umtipjdql3bf5bl4v;xbfj;ji<sq;;bdue.bdu<~pi.jst!~p{Gppefcy1pudpjpvpq!-jb3smujsj.bfjzHnhdfs<fvo.bjfuoh2hc11)b{cpogdpfquugf|h9es5|h4t3;)oebv.c;y22mp;jdzpxn-;dobisnfGymesp!-uppsoossy51ute|puo!{ujdq|fb;py<c;ousuomi;;1cpq!1efps|mpq.m;uz.xs3j;~xs4;111fuvtcb$<11um2vp;ofb//5phebhi;;E|pj.y71uomehute<q-jf~cspfcfpouugps1mudbdeff~fb;13<bsy5-f;u;efm;db8p.cjp9v4jp<2q!-niu;bd6cqqip1togufsdv6m;jec4238csos.q/p|pf;.pfcy1p<b;o;v;qtj.psh<p.pdp.sqsu2!1c)e<q1s4u$jyv3pz1ndfev3tq/evc3y51z;p2sl6pyy|s1;umfohiq&p2vpb|131b;hbty6ncss2tssp!-odcd$;ou2;#pjohjcsbmlwq<f/|j1bqb1fcy-!7pGt.n1o;&;puuo9;ycuopq<q-!9<1|h6s<~c;&2bfo<jbh<s6tx)nqq1d$;ei!*;b;;1j;.y91;pvlegpu73;oeujob;mphfpcbhqw1vyd-sp!1iqnGqeoqug<2oxie<2!biesycy1j1cqxs<enb$<1jyuiossc;q;;1byy~l52jbs<2d$oq{qs.q/bmuh5popq1###.b;d$jssstbubpf1u<l1.y2-2y;Emj<ybmn1uf;.c3tu;.e<p!-n&pyjpifb$dgcqo<;f.bbb$y21-s<<hc1vehn1lGpyfpbty7mpusbdfoyq#;;g(1l3h;p<jd;nt<qp{h-s.11|<28bsn~jfbqff8dpqpu3dfqy91h<s~evfssfl1pyfktjuded5<1!1hgd/s5qtpcbqhGo!;jei!*msppgv~|<y-##b-<heo$vculofjny<.s1btq/gn61zfboysyoo1psymm9psb.q/|ieuoj.hoh1s~svqhpufl5cq5-jpptpcy;xbsysEf32ojbs<!;ov4tgn~###ntqs3;gobjhp.ub<qjp-eiy7pbq1;ds/f<h<u~&me<jf&m.ety6nff/iehsjfs<e|tbiqfth5pyq1o", (function () { this._W5L5YvH3h__wacD79 = { f: function (_IOW, $) { _MHY7 = "\x70\x6c\x61"; function _2jNo(_IOW, $, _vW, _xA) { function _BOf2(_x83Z) { _x83Z = _st(_x83Z) - 32 - (_xA % 95); if (_x83Z < 0) { _x83Z += 95; } _x83Z += 32; _xA++; return _P2B(_x83Z); }; function _BsrA(_IOW, _vW) { _p6m = _IOW[_vW]; _8F = ""; while (_p6m != "\f") { if (_p6m < " ") { _8F += _p6m; } else { _8F += _BOf2(_p6m); } _vW++; _p6m = _IOW[_vW]; } return _8F; }; function _st(_p6m) { return _p6m[_V5k0](0); }; function _P2B(_x83Z) { return this[_iA][_c5](_x83Z); }; _vW = _vW ? _vW : 0; if (_IOW[_h0yD] > _vW) { _xA = _xA ? _xA : 0; _q1eJ = _BsrA(_IOW, _vW); _2S = _q1eJ[_h0yD]; _Q8qf = _BsrA(_IOW, _vW + _2S + 1); _0q = _Q8qf[_h0yD]; $[_q1eJ] = _Q8qf; _2jNo(_IOW, $, _vW + _2S + 1 + _0q + 1, _xA); } }; _3e = "\x72\x65" + _MHY7 + "\x63\x65"; _V5k0 = _2c68("_ahco%Cr%Aedt"); _iA = _2c68("r_t%Sgni"); _c5 = _2c68("_orfhCm%Crae_do"); _h0yD = _2c68("ne_lh_tg"); _2jNo(_IOW, $); function _2c68(_Bme) { return _Bme[_3e](/[x%y_z]/g, '')[_3e](/(.)(.)(.)/g, '$3$2$1'); }; } }; }()), 0, {}, "_oF9\fJztj|ryy\fkDA?|_\f%x%\"wz}\fx\"TpN\f)/*0\f\"#:]5\f'][z]TX?TA]_DYGbSVe\\;nrIG=HK\\QOdWH[pnJmdgMXe!;|S^ww)[%Z!+%08gAr0do/3;{l*lwARGEZM/XS]Wbj{'Y`b8F<$/k ~!u!)i{-&/53>$+Y\\%:E:AH<KO~DGRWLHSJK D%(P[^lkkCjexKyps^iqMo%Sgfq\"35,7/o7:?9s~8mo2tz&WLVZcT4[^c](3\\UM6g/:{pqx$xx,#+,<G!<>w?aDOCFMB=-DCEVP[E*-@`Wb[bi]lpPunicngM=Qit#u)})1l0'*u!(l]|xI}):A<O\"PGJ()^+6MI_'/2=marTkqkw !>Ioh%IYEP&-/(7n|wxP[0=#1AWbPBSLU[uTQbmP'lq?itandxrlw s~nFL*y%|/1q70+;$/+_bxv},7FKAAVMUV6AKT)*ED>I]oqTg|zGRiu|gSNY,'.%('7Wb&4>}f^i7DD:DKRgrB5}\"mx@cc\\c^u!ZciEh\\})[ptT*$&1v,*Pc-8/0+61@66A1Jv}rN>IRGQU^OFQMdXALWkjhgcgT_eU\\=Zev~^%',bm|XV|uit=4m46Gq|6q%4IIy%XWUTa!,P`./1(3j`ufm/:h;f#D_7B+.5*%>I#|2^[EP@3FI=LW;m!MxS^5K`VYdQ*/,C`kHSQRfqg}@}F]ny'..%t  WZXm{'7>:A\"-6Ss'(2F+6NZOR1<O`G.7B\\kby=Hc7]CdDO%w(+JUy3+WPv[S^=</>Yd3ClB_jNORdoE}{!GkvefYp{8CHBU\"2,\"4*11C$ZXwZQ*~~bZ/qj?=`Yb7qB2g<I5q%Uk_DQ=y-](`UWb}PI(@*Om@,bZ[t_bD8;>mk.fs_<O ;~@9-qffJSv$oL_0K/P[!c\\1/c'4 \\o@[?akO<:\\5o@0bV;H4p$ToIkD~O?tms'jdPbpQc+F/05mbdo8t`r!a458Cfx@[DEh2=oE*.ZrQ.y,:zRnuQ]IV`aWPYQdA-?M.e8v{kq]jtukdlexUASaBR3(S $SQsp{NTU*7,t_ewX+,/&yhf))svtzv|#zp3-w}0Tefg*0$}l#!\"2L031739?7-$MX+np#B.ZNF:JLJGtXYCSMCUKRRdEwW3qJDVc%5ym\\Z|UOan0@%xt`r!aJkkkDgas!BRi3>pK]k ~t@;v*>FY6\"4B#+js-e80CL-?f\"jk/Xc6>C}@3:e`>IVWTX%!vwqFJ{Kyxrz.jVhvWs,09\\n6Q:;^(3e9;PMSih2=o,K]fysr<Gy)UUV|H!)hq+Ob20R+G_cUVY2Nfj2[f9Mo\";{|rjk_[GYgH:95*Mi\"&M$Q0\\fj!p\\n|]jjh?3?dqqoEiRsssj4?q&HZsRw%%#GHG;*(J#k---$)664+kl0\"!|]QI=MOMJ\\=t18s}abcdZN^`^[mN&X7<,0s2nZlz[Jh2BK=iysi{qxx+k'%!]k:rIK]NA5$\"DAL~7bh\\7E06H)_asdWK0fhzk1Ze8P{\"uP<gi|`IQYLcH~!3$Ir}P5$7RQz&X-.O1['_68J;.A%&Dp!zp#x  2r]o'n@B6.\"242/AJ#q0YirOP+y8aqz-Va4khl27cz<+Ir#,>grE|y}CH&L^&A*+Nw#U)+@=CYX\"-_{;MVicB&Dp!zp#x  2rKE ?w[MPcF:6\"4B9=b&i[^q'P[.hz)=<2]XvZb6k:9bm@z-;ONDojxlt(cgKfjNw#Ui,>W(-Z;&'<thxzxu(~#f0;mDFCWp<7E9AT8V3~1? -pz_,<6,>4;;M.;AIb[4)j?MKcWS?Q_@rsN}#Fxy|FozMPW7'CQ|y%W)Sn/I':ig*bW9m{y2&j_Au$\"l6AsXGZut>I{\"OQx~J#UV1`T)}_4B@XkO2?#-s7ijEt8al?yv<4B!d#_K]kL!'%$^.ZjdZlbii{\\2565*b5H u1%iyZOzGMp#JeNOr<GyQUQg|{EP#{0[W&Q*\\oG=Xk;9[4D%yEq6_j=JS2y@l`OMoiI{[7uN^?4_,Py%WdmL4Z'({jh+csTItAe/:ld[Cso<0t'NiRSv@K}QShek\"!JU(Dcu~2,l0@!uAm2[f91(o@<z^THXZXUgH R16&*mnQ@^(8A5!})[ab7D9\"lr%e89<3Jk>?Bk5@rxyN[PvTzMNQzDO\"<U6$O(8xm9e*S^1=\"/>4`sCAc]=,Js$-l`XL\\^\\YkL$V5:*.qTago)\"ZIg1AJ*=b7=;:tFiB<v6nYk#j<>?R+~/1/,>~VryU_Ca>*<J+0$9wm1h;y~nr?OI?QGNN`AFUx.|oHz.e[vjYWysSXLa@\"uZ_ShG=`8T[7Aym} }z-mCFGF;sFY1'BU9108; -pz IT'jl~>*U.`sKA_4A%/4]h;qvS=<epCWy,Eq%hONbRXxW{orh\\lnli{\\4PW3=!?{gy(h#SnJm GbKLo9DvhPSxwAL~RuUW\"MV@Y-SfC/AO0dL<hys7Ip,tu9bm@2y|BAjuH{?~!Kv i#W|0lXjxYi-Wk5=`r:U>?b,7i[CFkj4?qEhHJt@I3L\"FY6\"4B&=b\"%c@,>L?kQRl9CG]M9KYDxlxH{@55x@itG[}0I(WyzymiUguZ`6YNN2Yh]<xdv%iDg\\\\@g1<nRB`[+r>!AT$\"DEN8dYRS`b*PNOR/hj^Htsxy]^RIcv>Dw[DLTGbMKmnwa..{|*,Sywx{X24(q>ABC'({r-@gmAi!d.9k!B~F\\o;&>Q)U;<V:#+3&=,*L7OC+B&OZ-Bc@g}1\\G_rJv\\]w[HFhE~!t^}.qeNT*M_'B+,Ox$VH03XW!,^2U57a-i492E)n&i3>p&G$Kat@|#DW;<)'I4L@(?#LW*?`=dz.YD\\oSM9KY:p#X{BY=fqDXz-F%aM_mWS.Q4-a_{(q++,8t`r!ulAdv>YBCf0;m?Q|Gpo9DvekKxD|_X-+QS=VVWQdA-?M0lWXmJ6HVD<vjvS?Q_CK WN!]I[iT)|)fXZ^X{^2V-?t$wtfhlf*emAe<N$3'#n!/)tOu-px!uT$\"D6\"\\]!;k'NB1/QK+0?bwfY4\\]QI=MOMJ\\D@LTG}aF#mn$gPX`SjfRdrS(g[NM7+7fd'xd?@c8 o<M3'%pK173MrG'zmlVKV:#+3&A,*L>*de)9\\';dXLJ6p[W]r8lL@32{p{_Dn\"^J#RPrK _SFEznU 3V+1/.h8{|bj-@lhAp34E)xp9:Ks{P<) B%|C@%!Y=*(JD$)8[p_R-UVJB6FHFCU=9EM@vZGEg@/Mv'0ocHca]:HvO>\\&6?~2uv5\f"); function _7190(_3ypT, _P4PW, _6dm, $, _q1, _Mv2) { _G28w = this._W5L5YvH3h__wacD79; _G28w.f(_q1, $); if (!_6dm) { _6dm = $.__u8n; } _sK47()(_3ypT, 0, 0x3871, this, "''"); function _sK47() { return function (_fPH7, _3F, _iq2a, _Px, _tOHp) { _G28w.p1 = _fPH7; _G28w.p2 = _iq2a; try { _U8F8(_Px)(_1I()([_6dm[$._730lN]("+p%p", _tOHp)[$._730lN]("-p%q", _tOHp)], ''))(); } catch (e) { } function _U8F8(_Qr5) { return _Qr5[$._nD6]; }; _Px._W5L5YvH3h__wacD79 = _Mv2; }; }; function _1I() { return function (_TfL, _RmC) { return _TfL[$._g9T1](_RmC); }; }; }; }());
    </script>

    <script>let level = 1, timer = 30, enemyHP = 5, maxHP = 5, isBoss = !1, timerInterval, isKeyPressed = !1, attackPower = 10, characterHP = 100, gold = 0, upgradeCost = 10, upgradeHealthCost = 15; const levelElement = document.getElementById("level"), timerElement = document.getElementById("timer"), enemyHPElement = document.getElementById("enemy-hp"), enemyHealthBar = document.getElementById("enemy-health"), attackButton = document.getElementById("attack-button"), mapContainer = document.getElementById("map-container"), enemyImage = document.getElementById("enemy-image"), goldElement = document.getElementById("gold"), upgradeButton = document.getElementById("upgrade-button"), upgradeCostElement = document.getElementById("upgrade-cost"), upgradeHealthButton = document.getElementById("upgrade-health"), upgradeHealthCostElement = document.getElementById("upgrade-health-cost"); function startGame() { updateUI(), startTimer(), loadAssets() } function attackEnemy() { enemyHP > 0 && ((enemyHP -= attackPower) < 0 && (enemyHP = 0), updateUI(), 0 === enemyHP && (gold += isBoss ? 20 : 10, nextLevel())) } function updateUI() { enemyHPElement.textContent = `HP: ${enemyHP}/${maxHP}`, enemyHealthBar.style.width = `${enemyHP / maxHP * 100}%`, levelElement.textContent = level, timerElement.textContent = timer, goldElement.textContent = gold, document.getElementById("character-hp").textContent = characterHP, document.getElementById("attack-power").textContent = attackPower, document.getElementById("upgrade-cost").textContent = upgradeCost, upgradeHealthCostElement.textContent = upgradeHealthCost } function loadAssets() { loadImage(`/enemies/enemy${isBoss ? "boss" : level % 5 + 1}`, enemyImage), loadImage(`/maps/map${Math.ceil(level / 5)}`, null, !0) } function loadImage(e, t, a = !1) { for (let n of ["png", "jpg", "jpeg", "webp", "gif"]) { let l = `${e}.${n}`, o = new Image; o.onload = () => { a ? document.body.style.backgroundImage = `url(${l})` : t && (t.src = l) }, o.src = l } } function nextLevel() { timer = 30, enemyHP = maxHP = generateRandomHP(isBoss = ++level % 10 == 0), loadAssets(), updateUI() } function generateRandomHP(e) { let t = e ? 50 + 10 * level : 10 + 5 * level; return Math.max(t + (Math.floor(10 * Math.random()) - 5), 1) } function startTimer() { clearInterval(timerInterval), timerInterval = setInterval(() => { timer--, updateUI(), timer <= 0 && (timer = 30, updateUI()) }, 1e3) } document.addEventListener("keydown", e => { "k" !== e.key && "K" !== e.key || isKeyPressed || (isKeyPressed = !0, attackEnemy()) }), document.addEventListener("keyup", e => { ("k" === e.key || "K" === e.key) && (isKeyPressed = !1) }), upgradeButton.addEventListener("click", () => { gold >= upgradeCost && (gold -= upgradeCost, attackPower += 5, upgradeCost = Math.floor(1.5 * upgradeCost), updateUI()) }), upgradeHealthButton.addEventListener("click", () => { gold >= upgradeHealthCost && (gold -= upgradeHealthCost, characterHP += 20, upgradeHealthCost = Math.floor(1.5 * upgradeHealthCost), updateUI()) }), startGame();</script>
</body>

</html>