isaikr 0.0.1

package/cdn/community-compose.js

@@ -0,0 +1,270 @@
+// Community post composer: Giphy attachment, image preview, nickname/password panel.
+let selectedCommunityGiphyUrl = "";
+if (typeof window !== "undefined" && typeof window.__ISAI_COMMUNITY_GIPHY_URL__ === "string") {
+    selectedCommunityGiphyUrl = window.__ISAI_COMMUNITY_GIPHY_URL__;
+}
+
+let giphySearchTimer = null;
+let giphyOffset = 0;
+const giphyPageSize = 24;
+let giphyHasMore = true;
+let giphyLoading = false;
+let giphyCurrentQuery = "";
+const GIPHY_PUBLIC_API_KEY = "JBMEoL3GsHvYoASrdadQhrmDtXTXWEch";
+
+function setSelectedCommunityGiphyUrl(url) {
+    selectedCommunityGiphyUrl = String(url || "").trim();
+    window.__ISAI_COMMUNITY_GIPHY_URL__ = selectedCommunityGiphyUrl;
+    const hidden = document.getElementById("comm-image-url");
+    if (hidden) hidden.value = selectedCommunityGiphyUrl;
+}
+
+function getSelectedCommunityGiphyUrl() {
+    const hidden = document.getElementById("comm-image-url");
+    if (hidden && String(hidden.value || "").trim()) return String(hidden.value || "").trim();
+    if (typeof window.__ISAI_COMMUNITY_GIPHY_URL__ === "string") return String(window.__ISAI_COMMUNITY_GIPHY_URL__ || "").trim();
+    return String(selectedCommunityGiphyUrl || "").trim();
+}
+
+function getCommunityPreviewNodes() {
+    return {
+        box: document.getElementById("comm-img-preview-box"),
+        img: document.getElementById("comm-preview-img"),
+        file: document.getElementById("comm-file-input"),
+        attachmentRow: document.getElementById("prompt-attachment-row")
+    };
+}
+
+function renderCommunityAttachmentRow(url) {
+    const row = getCommunityPreviewNodes().attachmentRow;
+    if (!row) return;
+    const src = String(url || "").trim();
+    if (!src) {
+        row.innerHTML = "";
+        row.classList.add("hidden");
+        return;
+    }
+    const safeSrc = src.replace(/"/g, """);
+    row.innerHTML = `<div class="inline-flex items-center gap-2 px-2 py-1 rounded-xl bg-white/8 border border-white/10 mt-1 mb-1">
+        <img src="${safeSrc}" class="h-10 w-10 rounded-lg object-cover border border-white/20" alt="attachment">
+        <span class="text-[11px] text-white/70">Image attached</span>
+        <button type="button" onclick="clearCommFile()" class="h-6 w-6 rounded-full bg-red-500/90 text-white text-[12px] leading-none flex items-center justify-center" title="Remove">&times;</button>
+    </div>`;
+    row.classList.remove("hidden");
+}
+
+function setCommunityImagePreview(url) {
+    const nodes = getCommunityPreviewNodes();
+    const src = String(url || "").trim();
+    if (!src) {
+        if (nodes.img) nodes.img.src = "";
+        if (nodes.box) nodes.box.classList.add("hidden");
+        renderCommunityAttachmentRow("");
+        return;
+    }
+    if (nodes.img) nodes.img.src = src;
+    if (nodes.box) nodes.box.classList.remove("hidden");
+    renderCommunityAttachmentRow(src);
+}
+
+function handleCommFileSelect(input) {
+    setSelectedCommunityGiphyUrl("");
+    const file = input && input.files && input.files[0] ? input.files[0] : null;
+    setCommunityImagePreview(file ? URL.createObjectURL(file) : "");
+}
+
+function clearCommFile() {
+    setSelectedCommunityGiphyUrl("");
+    const nodes = getCommunityPreviewNodes();
+    if (nodes.file) nodes.file.value = "";
+    setCommunityImagePreview("");
+}
+
+function selectGiphyImage(url) {
+    const value = String(url || "").trim();
+    if (!value) return;
+    setSelectedCommunityGiphyUrl(value);
+    const nodes = getCommunityPreviewNodes();
+    if (nodes.file) nodes.file.value = "";
+    setCommunityImagePreview(value);
+    if (typeof showToast === "function") showToast("Image selected");
+    closeGiphyPicker();
+}
+
+function setGiphyPanelOpen(open) {
+    const panel = document.getElementById("giphy-inline-panel");
+    if (!panel) return;
+    panel.classList.toggle("pointer-events-none", !open);
+    panel.style.opacity = open ? "1" : "0";
+    panel.style.transform = open ? "translateY(0)" : "translateY(-6px)";
+    panel.style.maxHeight = open ? "180px" : "0";
+}
+
+function openGiphyPicker() {
+    const input = document.getElementById("giphy-search-input");
+    const results = document.getElementById("giphy-results");
+    setGiphyPanelOpen(true);
+    setTimeout(() => {
+        if (input) input.focus();
+    }, 30);
+    if (results && !results.dataset.loaded && !giphyLoading) searchGiphyImages("trending");
+}
+
+function closeGiphyPicker() {
+    setGiphyPanelOpen(false);
+}
+
+function toggleGiphyInlineSearch() {
+    const panel = document.getElementById("giphy-inline-panel");
+    const isOpen = panel && panel.style.opacity === "1";
+    if (isOpen) closeGiphyPicker();
+    else openGiphyPicker();
+}
+
+function queueGiphySearch() {
+    clearTimeout(giphySearchTimer);
+    giphySearchTimer = setTimeout(() => searchGiphyImages(), 260);
+}
+
+function getGiphyImageUrl(item) {
+    if (!item || !item.images) return "";
+    return (
+        item.images.fixed_height && item.images.fixed_height.url ||
+        item.images.fixed_width && item.images.fixed_width.url ||
+        item.images.original && item.images.original.url ||
+        ""
+    );
+}
+
+function renderGiphyResults(items, append = false) {
+    const results = document.getElementById("giphy-results");
+    if (!results) return;
+
+    const pick = (event) => {
+        const target = event.target && event.target.closest ? event.target.closest("[data-giphy-url]") : null;
+        if (!target) return;
+        event.preventDefault();
+        event.stopPropagation();
+        selectGiphyImage(target.getAttribute("data-giphy-url") || "");
+    };
+
+    if (!results.dataset.bindSelect) {
+        results.dataset.bindSelect = "1";
+        results.addEventListener("click", pick);
+        results.addEventListener("mousedown", pick);
+        results.addEventListener("touchstart", pick, { passive: false });
+    }
+
+    if (!results.dataset.bindScroll) {
+        results.dataset.bindScroll = "1";
+        results.addEventListener("scroll", () => {
+            if (giphyLoading || !giphyHasMore) return;
+            if (results.scrollHeight - results.scrollTop - results.clientHeight < 64) searchGiphyImages("append");
+        });
+    }
+
+    results.dataset.loaded = "1";
+    if (!Array.isArray(items) || !items.length) {
+        if (!append) results.innerHTML = '<div class="col-span-full text-center text-white/45 text-xs py-8">No images found.</div>';
+        return;
+    }
+
+    if (!append) results.innerHTML = "";
+    items.forEach((item) => {
+        const url = getGiphyImageUrl(item);
+        if (!url) return;
+        const thumb = (item.images && item.images.fixed_width_small && item.images.fixed_width_small.url) || url;
+        const button = document.createElement("button");
+        button.type = "button";
+        button.dataset.giphyUrl = url;
+        button.className = "group relative aspect-square overflow-hidden rounded-xl bg-white/5 border border-white/10 hover:border-white/35 transition";
+        const img = document.createElement("img");
+        img.src = thumb;
+        img.alt = "";
+        img.loading = "lazy";
+        img.className = "w-full h-full object-cover";
+        const badge = document.createElement("span");
+        badge.className = "absolute inset-x-2 bottom-2 h-6 rounded-full bg-black/70 text-white text-[11px] font-bold hidden group-hover:flex items-center justify-center";
+        badge.textContent = "Select";
+        button.appendChild(img);
+        button.appendChild(badge);
+        results.appendChild(button);
+    });
+}
+
+async function fetchGiphyImages(query, limit, offset) {
+    const localEndpoint = `re_store.php?action=giphy_search&q=${encodeURIComponent(query)}&limit=${limit}&offset=${offset}`;
+    try {
+        const response = await fetch(localEndpoint, { cache: "no-store" });
+        const data = await response.json();
+        if (data && data.success) return data;
+    } catch (error) {}
+
+    const apiBase = query
+        ? `https://api.giphy.com/v1/gifs/search?api_key=${encodeURIComponent(GIPHY_PUBLIC_API_KEY)}&q=${encodeURIComponent(query)}`
+        : `https://api.giphy.com/v1/gifs/trending?api_key=${encodeURIComponent(GIPHY_PUBLIC_API_KEY)}`;
+    const response = await fetch(`${apiBase}&limit=${limit}&offset=${offset}&rating=pg-13&lang=ko`, { cache: "no-store" });
+    const data = await response.json();
+    return {
+        success: !!(data && Array.isArray(data.data)),
+        data: data && Array.isArray(data.data) ? data.data : []
+    };
+}
+
+async function searchGiphyImages(mode = "") {
+    const input = document.getElementById("giphy-search-input");
+    const results = document.getElementById("giphy-results");
+    const append = mode === "append";
+    const query = String(mode === "trending" ? "" : (input && input.value ? input.value : "")).trim();
+
+    if (!append) {
+        giphyOffset = 0;
+        giphyHasMore = true;
+        giphyCurrentQuery = query;
+        if (results) results.innerHTML = '<div class="col-span-full text-center text-white/45 text-xs py-8">Loading...</div>';
+    }
+    if (giphyLoading || (append && !giphyHasMore)) return;
+
+    giphyLoading = true;
+    try {
+        const data = await fetchGiphyImages(giphyCurrentQuery, giphyPageSize, giphyOffset);
+        const items = data && data.success ? (data.data || []) : [];
+        renderGiphyResults(items, append);
+        giphyOffset += items.length;
+        giphyHasMore = items.length >= giphyPageSize;
+    } catch (error) {
+        if (!append && results) results.innerHTML = '<div class="col-span-full text-center text-red-300 text-xs py-8">Giphy loading failed.</div>';
+    } finally {
+        giphyLoading = false;
+        if (results && giphyHasMore && results.dataset.loaded && results.scrollHeight <= results.clientHeight + 8) {
+            setTimeout(() => searchGiphyImages("append"), 30);
+        }
+    }
+}
+
+function toggleCommunityIdentityPanel(force) {
+    const panel = document.getElementById("community-identity-panel");
+    if (!panel) return;
+    const open = typeof force === "boolean" ? force : panel.style.opacity !== "1";
+    panel.classList.toggle("pointer-events-none", !open);
+    panel.style.opacity = open ? "1" : "0";
+    panel.style.transform = open ? "translateX(0)" : "translateX(-8px)";
+    panel.style.maxWidth = open ? "240px" : "0";
+    panel.style.paddingLeft = open ? "8px" : "0";
+    panel.style.paddingRight = open ? "8px" : "0";
+    if (open) {
+        const nick = document.getElementById("comm-nickname");
+        setTimeout(() => nick && nick.focus(), 120);
+    }
+}
+
+window.getSelectedCommunityGiphyUrl = getSelectedCommunityGiphyUrl;
+window.handleCommFileSelect = handleCommFileSelect;
+window.clearCommFile = clearCommFile;
+window.openGiphyPicker = openGiphyPicker;
+window.closeGiphyPicker = closeGiphyPicker;
+window.toggleGiphyInlineSearch = toggleGiphyInlineSearch;
+window.queueGiphySearch = queueGiphySearch;
+window.searchGiphyImages = searchGiphyImages;
+window.selectGiphyImage = selectGiphyImage;
+window.toggleCommunityIdentityPanel = toggleCommunityIdentityPanel;

package/cdn/games/2048/index.html

@@ -0,0 +1,12 @@
+<!doctype html><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>2048</title>
+<style>body{margin:0;display:grid;place-items:center;height:100vh;background:#111827;color:#fff;font-family:system-ui}.g{display:grid;grid-template:repeat(4,70px)/repeat(4,70px);gap:8px}.c{display:grid;place-items:center;background:#1f2937;border-radius:10px;font-weight:800}</style>
+<h1>2048</h1><div class=g id=g></div><script>
+let b=[...Array(4)].map(()=>Array(4).fill(0));function r(){const e=[];for(let y=0;y<4;y++)for(let x=0;x<4;x++)if(!b[y][x])e.push([y,x]);if(!e.length)return;const [y,x]=e[Math.random()*e.length|0];b[y][x]=Math.random()<.9?2:4}
+function draw(){g.innerHTML='';for(let y=0;y<4;y++)for(let x=0;x<4;x++){const d=document.createElement('div');d.className='c';d.textContent=b[y][x]||'';g.appendChild(d)}}
+function move(dir){let moved=0;const tr=a=>{a=a.filter(v=>v);for(let i=0;i<a.length-1;i++)if(a[i]===a[i+1]){a[i]*=2;a[i+1]=0}return a.filter(v=>v).concat(Array(4).fill(0)).slice(0,4)};
+for(let i=0;i<4;i++){let l=[];for(let j=0;j<4;j++)l.push(dir%2?b[j][i]:b[i][j]);if(dir>1)l=l.reverse();let n=tr(l);if(dir>1)n=n.reverse();for(let j=0;j<4;j++){if(dir%2){if(b[j][i]!==n[j])moved=1;b[j][i]=n[j]}else{if(b[i][j]!==n[j])moved=1;b[i][j]=n[j]}}}
+if(moved){r();draw()}}
+onkeydown=e=>{if(e.key==='ArrowLeft')move(0);if(e.key==='ArrowUp')move(1);if(e.key==='ArrowRight')move(2);if(e.key==='ArrowDown')move(3);}
+r();r();draw();
+</script>
+

package/cdn/games/breakout/index.html

@@ -0,0 +1,13 @@
+<!doctype html><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Breakout</title>
+<style>body{margin:0;display:grid;place-items:center;height:100vh;background:#0a0f1d}canvas{background:#111;border:1px solid #333}</style>
+<canvas id=c width=420 height=300></canvas><script>
+const c=document.getElementById('c'),x=c.getContext('2d');let px=180,bx=210,by=150,vx=3,vy=-3;
+const bricks=[...Array(5)].map((_,r)=>[...Array(10)].map((_,k)=>({x:k*40+10,y:r*16+16,on:1})));onmousemove=e=>{const r=c.getBoundingClientRect();px=Math.max(0,Math.min(340,e.clientX-r.left-40));};
+function d(){x.clearRect(0,0,420,300);x.fillStyle='#fff';x.fillRect(px,280,80,10);x.beginPath();x.arc(bx,by,6,0,7);x.fill();
+x.fillStyle='#3b82f6';bricks.forEach(row=>row.forEach(b=>b.on&&x.fillRect(b.x,b.y,36,12)));
+bx+=vx;by+=vy;if(bx<6||bx>414)vx*=-1;if(by<6)vy*=-1;if(by>300){bx=210;by=150;}
+if(by>272&&bx>px&&bx<px+80)vy=-Math.abs(vy);
+bricks.forEach(row=>row.forEach(b=>{if(b.on&&bx>b.x&&bx<b.x+36&&by>b.y&&by<b.y+12){b.on=0;vy*=-1;}}));
+requestAnimationFrame(d)}d();
+</script>
+

package/cdn/games/clicker/index.html

@@ -0,0 +1,26 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Clicker</title>
+  <style>
+    body{margin:0;display:grid;place-items:center;min-height:100vh;background:#0b1020;color:#fff;font-family:system-ui}
+    .card{width:min(92vw,420px);background:#111a33;border:1px solid #2b3a68;border-radius:20px;padding:24px;text-align:center}
+    button{width:160px;height:160px;border-radius:999px;border:none;background:#3b82f6;color:#fff;font-size:20px;font-weight:700;cursor:pointer}
+    .score{font-size:38px;font-weight:800;margin:8px 0 18px}
+  </style>
+</head>
+<body>
+  <div class="card">
+    <h1>Clicker Game</h1>
+    <div class="score" id="score">0</div>
+    <button id="btn">CLICK</button>
+  </div>
+  <script>
+    let s=0;const score=document.getElementById('score');
+    document.getElementById('btn').onclick=()=>{s++;score.textContent=s;};
+  </script>
+</body>
+</html>
+

package/cdn/games/flappy/index.html

@@ -0,0 +1,11 @@
+<!doctype html><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Flappy</title>
+<style>body{margin:0;display:grid;place-items:center;height:100vh;background:#0ea5e9}canvas{background:#7dd3fc;border:1px solid #0369a1}</style>
+<canvas id=c width=320 height=480></canvas><script>
+const c=document.getElementById('c'),x=c.getContext('2d');let y=220,v=0,g=.35,score=0,pipes=[{x:360,gap:220},{x:540,gap:180}];
+onkeydown=e=>{if(e.code==='Space')v=-6};onclick=()=>v=-6;
+function reset(){y=220;v=0;score=0;pipes=[{x:360,gap:220},{x:540,gap:180}]}
+function d(){v+=g;y+=v;x.fillStyle='#7dd3fc';x.fillRect(0,0,320,480);x.fillStyle='#16a34a';
+pipes.forEach(p=>{p.x-=2;if(p.x<-40){p.x=360;p.gap=120+Math.random()*220;score++}x.fillRect(p.x,0,40,p.gap-70);x.fillRect(p.x,p.gap+70,40,480);if(160>p.x&&160<p.x+40&&(y<p.gap-70||y>p.gap+70))reset();});
+x.fillStyle='#f59e0b';x.beginPath();x.arc(160,y,12,0,7);x.fill();if(y<0||y>480)reset();x.fillStyle='#111';x.fillText('Score '+score,8,16);requestAnimationFrame(d)}d();
+</script>
+

package/cdn/games/memory/index.html

@@ -0,0 +1,34 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Memory Flip</title>
+  <style>
+    body{margin:0;min-height:100vh;display:grid;place-items:center;background:#0f172a;color:#fff;font-family:system-ui}
+    .wrap{width:min(92vw,460px)}
+    .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
+    .c{height:74px;border-radius:10px;background:#1e293b;display:grid;place-items:center;cursor:pointer;font-size:28px}
+  </style>
+</head>
+<body>
+  <div class="wrap">
+    <h1>Memory Flip</h1>
+    <div class="grid" id="g"></div>
+  </div>
+  <script>
+    const icons=['🍎','🍌','🍇','🍒','🍎','🍌','🍇','🍒','🐶','🐱','🐸','🦊','🐶','🐱','🐸','🦊']
+      .sort(()=>Math.random()-0.5);
+    const g=document.getElementById('g'); let first=null, lock=false;
+    icons.forEach((v,i)=>{const d=document.createElement('button');d.className='c';d.textContent='?';d.dataset.v=v;d.onclick=()=>flip(d);g.appendChild(d);});
+    function flip(el){
+      if(lock||el.disabled||el===first) return;
+      el.textContent=el.dataset.v;
+      if(!first){first=el;return;}
+      if(first.dataset.v===el.dataset.v){first.disabled=el.disabled=true;first=null;return;}
+      lock=true;setTimeout(()=>{first.textContent='?';el.textContent='?';first=null;lock=false;},600);
+    }
+  </script>
+</body>
+</html>
+

package/cdn/games/pong/index.html

@@ -0,0 +1,13 @@
+<!doctype html><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Pong</title>
+<style>body{margin:0;display:grid;place-items:center;height:100vh;background:#0f172a}canvas{background:#111;border:1px solid #333}</style>
+<canvas id=c width=480 height=280></canvas><script>
+const c=document.getElementById('c'),x=c.getContext('2d');let ly=110,ry=110,bx=240,by=140,vx=3,vy=2,ls=0,rs=0;
+onmousemove=e=>{const r=c.getBoundingClientRect();ly=Math.max(0,Math.min(220,e.clientY-r.top-30));};
+function reset(){bx=240;by=140;vx*=-1;}
+function loop(){ry+=((by-30)-ry)*.08;bx+=vx;by+=vy;if(by<6||by>274)vy*=-1;
+if(bx<18&&by>ly&&by<ly+60)vx=Math.abs(vx);if(bx>462&&by>ry&&by<ry+60)vx=-Math.abs(vx);
+if(bx<0){rs++;reset()}if(bx>480){ls++;reset()}
+x.clearRect(0,0,480,280);x.fillStyle='#fff';x.fillRect(8,ly,10,60);x.fillRect(462,ry,10,60);x.fillRect(bx-5,by-5,10,10);x.fillText(ls+' : '+rs,225,16);
+requestAnimationFrame(loop)}loop();
+</script>
+

package/cdn/games/reaction/index.html

@@ -0,0 +1,38 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Reaction Test</title>
+  <style>
+    body{margin:0;min-height:100vh;display:grid;place-items:center;background:#101010;color:#fff;font-family:system-ui}
+    .box{width:min(92vw,440px);padding:22px;border-radius:18px;background:#1a1a1a;border:1px solid #333;text-align:center}
+    .pad{height:180px;border-radius:14px;display:grid;place-items:center;font-weight:700;font-size:22px;background:#7f1d1d}
+    button{margin-top:14px;height:42px;padding:0 16px;border-radius:10px;border:none;background:#f59e0b;color:#111;font-weight:700;cursor:pointer}
+  </style>
+</head>
+<body>
+  <div class="box">
+    <h1>Reaction Test</h1>
+    <p id="hint">Press Start, then click when green.</p>
+    <div id="pad" class="pad">WAIT</div>
+    <button id="start">START</button>
+  </div>
+  <script>
+    let started=0, ready=0, timer=0;
+    const pad=document.getElementById('pad'),hint=document.getElementById('hint');
+    document.getElementById('start').onclick=()=>{
+      ready=0;pad.style.background='#7f1d1d';pad.textContent='WAIT';
+      hint.textContent='Get ready...';
+      const t=1000+Math.random()*3000;
+      clearTimeout(timer); timer=setTimeout(()=>{ready=1;started=performance.now();pad.style.background='#166534';pad.textContent='CLICK!';},t);
+    };
+    pad.onclick=()=>{
+      if(!ready){hint.textContent='Too early! Try again.';return;}
+      const ms=Math.round(performance.now()-started);
+      hint.textContent=`${ms} ms`; ready=0; pad.textContent='DONE'; pad.style.background='#1e3a8a';
+    };
+  </script>
+</body>
+</html>
+

package/cdn/games/runner/index.html

@@ -0,0 +1,11 @@
+<!doctype html><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Runner</title>
+<style>body{margin:0;display:grid;place-items:center;height:100vh;background:#0b0f1a}canvas{background:#111;border:1px solid #333}</style>
+<canvas id=c width=460 height=220></canvas><script>
+const c=document.getElementById('c'),x=c.getContext('2d');let py=170,v=0,g=.6,ob=460,sc=0,j=0;
+onkeydown=e=>{if((e.code==='Space'||e.key==='ArrowUp')&&!j){v=-10;j=1}};onclick=()=>{if(!j){v=-10;j=1}};
+function d(){v+=g;py+=v;if(py>=170){py=170;v=0;j=0}ob-=5;if(ob<-20){ob=460;sc++}
+if(ob<70&&ob>40&&py>150){sc=0;ob=460}
+x.fillStyle='#111';x.fillRect(0,0,460,220);x.fillStyle='#444';x.fillRect(0,190,460,2);x.fillStyle='#3b82f6';x.fillRect(50,py,20,20);x.fillStyle='#ef4444';x.fillRect(ob,160,14,30);x.fillStyle='#fff';x.fillText('Score '+sc,8,16);
+requestAnimationFrame(d)}d();
+</script>
+

package/cdn/games/snake/index.html

@@ -0,0 +1,11 @@
+<!doctype html><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
+<title>Snake</title><style>body{margin:0;display:grid;place-items:center;height:100vh;background:#0b0f1a;color:#fff;font-family:system-ui}canvas{background:#111;border:1px solid #333}</style>
+<canvas id=c width=360 height=360></canvas><script>
+const c=document.getElementById('c'),x=c.getContext('2d'),s=20;let d=[1,0],p=[[5,5]],f=[10,10],sp=120,sc=0;
+onkeydown=e=>{if(e.key==='ArrowUp'&&d[1]!==1)d=[0,-1];if(e.key==='ArrowDown'&&d[1]!==-1)d=[0,1];if(e.key==='ArrowLeft'&&d[0]!==1)d=[-1,0];if(e.key==='ArrowRight'&&d[0]!==-1)d=[1,0];};
+function tick(){let h=[p[0][0]+d[0],p[0][1]+d[1]];if(h[0]<0||h[1]<0||h[0]>=18||h[1]>=18||p.some(v=>v[0]===h[0]&&v[1]===h[1])){p=[[5,5]];d=[1,0];sc=0;}
+p.unshift(h);if(h[0]===f[0]&&h[1]===f[1]){sc++;f=[Math.floor(Math.random()*18),Math.floor(Math.random()*18)]}else p.pop();
+x.fillStyle='#111';x.fillRect(0,0,360,360);x.fillStyle='#22c55e';p.forEach(v=>x.fillRect(v[0]*s,v[1]*s,s-1,s-1));x.fillStyle='#ef4444';x.fillRect(f[0]*s,f[1]*s,s-1,s-1);
+x.fillStyle='#fff';x.fillText('Score '+sc,8,14);setTimeout(tick,sp)}tick();
+</script>
+

package/cdn/games/tetris/index.html

@@ -0,0 +1,14 @@
+<!doctype html><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Mini Tetris</title>
+<style>body{margin:0;display:grid;place-items:center;height:100vh;background:#0b1020;color:#fff;font-family:system-ui}canvas{background:#111;border:1px solid #333}</style>
+<canvas id=c width=200 height=400></canvas><script>
+const W=10,H=20,S=20,c=document.getElementById('c'),x=c.getContext('2d');let b=[...Array(H)].map(()=>Array(W).fill(0)),p={x:3,y:0,m:[[1,1],[1,1]]},t=0;
+onkeydown=e=>{if(e.key==='ArrowLeft')p.x--;if(e.key==='ArrowRight')p.x++;if(e.key==='ArrowDown')p.y++;};
+function coll(){for(let y=0;y<p.m.length;y++)for(let x0=0;x0<p.m[y].length;x0++)if(p.m[y][x0]&&(b[p.y+y]?.[p.x+x0]??1))return 1;return 0}
+function merge(){for(let y=0;y<p.m.length;y++)for(let x0=0;x0<p.m[y].length;x0++)if(p.m[y][x0])b[p.y+y][p.x+x0]=1}
+function line(){for(let y=H-1;y>=0;y--)if(b[y].every(v=>v)){b.splice(y,1);b.unshift(Array(W).fill(0));y++}}
+function spawn(){p={x:Math.floor(Math.random()*7),y:0,m:Math.random()<.5?[[1,1,1],[0,1,0]]:[[1,1],[1,1]]};if(coll())b=[...Array(H)].map(()=>Array(W).fill(0))}
+spawn();function draw(){x.fillStyle='#111';x.fillRect(0,0,c.width,c.height);x.fillStyle='#3b82f6';for(let y=0;y<H;y++)for(let x0=0;x0<W;x0++)if(b[y][x0])x.fillRect(x0*S,y*S,S-1,S-1);
+x.fillStyle='#f59e0b';for(let y=0;y<p.m.length;y++)for(let x0=0;x0<p.m[y].length;x0++)if(p.m[y][x0])x.fillRect((p.x+x0)*S,(p.y+y)*S,S-1,S-1)}
+function loop(ts){if(ts-t>450){p.y++;if(coll()){p.y--;merge();line();spawn()}t=ts}draw();requestAnimationFrame(loop)}requestAnimationFrame(loop);
+</script>
+

package/cdn/games/whack/index.html

@@ -0,0 +1,8 @@
+<!doctype html><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Whack A Dot</title>
+<style>body{margin:0;display:grid;place-items:center;height:100vh;background:#111827;color:#fff;font-family:system-ui}.g{display:grid;grid-template:repeat(3,90px)/repeat(3,90px);gap:8px}.c{border-radius:14px;background:#1f2937;display:grid;place-items:center;cursor:pointer}</style>
+<h1 id=t>Whack A Dot - 0</h1><div class=g id=g></div><script>
+let s=0,a=-1;for(let i=0;i<9;i++){const d=document.createElement('button');d.className='c';d.onclick=()=>{if(i===a){s++;t.textContent='Whack A Dot - '+s;pick()}};g.appendChild(d)}
+function pick(){a=Math.random()*9|0;[...g.children].forEach((el,i)=>el.textContent=i===a?'●':'');}
+setInterval(()=>pick(),700);pick();
+</script>
+

package/cdn/go.js

@@ -0,0 +1,126 @@
+        function createRandomBackground() {
+            const container = document.getElementById('bg-characters-container');
+            if (!container) return;
+            for (let i = 0; i < 20; i++) {
+                const img = document.createElement('img');
+                const randNum = Math.floor(Math.random() * 14) + 1;
+                img.src = `https://cdn.jsdelivr.net/gh/sllkx/icons@main/char/${randNum}.png`;
+                img.className = "absolute select-none opacity-20 pointer-events-none transition-opacity duration-500";
+                const randSize = Math.floor(Math.random() * 90) + 40;
+                img.style.width = `${randSize}px`;
+                img.style.height = 'auto';
+                img.style.top = `${Math.random() * 100}%`;
+                img.style.left = `${Math.random() * 100}%`;
+                img.style.transform = `translate(-50%, -50%) rotate(${Math.floor(Math.random() * 360)}deg)`;
+                container.appendChild(img);
+            }
+        }
+        window.addEventListener('DOMContentLoaded', createRandomBackground);
+
+        const userLang = <?php echo json_encode($user_lang); ?>;
+        const cheeringMessages = {
+            ko: { r1: "시작! 클릭해 속도 올리기 (TAP!)", r2: "절반 달성! 계속 탭하기 (TAP!)", r3: "거의 다 왔어요! 힘내세요 (TAP!)", r4: "마지막 스퍼트! 조금만 더 (TAP!)", r5: "이동 준비 완료!", r6: "★ 완료! 클릭해서 이동하기 (Go!) ★" },
+            en: { r1: "Start! Tap to speed up (TAP!)", r2: "Halfway! Keep tapping (TAP!)", r3: "Almost there! Keep going (TAP!)", r4: "Final sprint! Just a bit more (TAP!)", r5: "Ready to go!", r6: "★ Complete! Click to Proceed (Go!) ★" },
+            es: { r1: "¡Iniciar! Toca para acelerar (TAP!)", r2: "¡Mitad! Sigue tocando (TAP!)", r3: "¡Casi listo! ¡Vamos! (TAP!)", r4: "¡Esprint final! Un poco más (TAP!)", r5: "¡Listo para ir!", r6: "★ ¡Completo! Haz clic para continuar ★" },
+            hi: { r1: "शुरू! गति बढ़ाएं (TAP!)", r2: "आधा रास्ता! टैप करते रहें (TAP!)", r3: "बस पहुंचने वाले हैं! चलो! (TAP!)", r4: "अंतिम प्रयास! बस थोड़ा और (TAP!)", r5: "जाने के लिए तैयार!", r6: "★ पूरा हुआ! आगे बढ़ने के लिए क्लिक करें ★" },
+            ja: { r1: "開始！タップで高速化 (TAP!)", r2: "半分達成！タップ継続！ (TAP!)", r3: "あと少し！がんばって！ (TAP!)", r4: "ラストスパート！一息！ (TAP!)", r5: "移動します！", r6: "★ 完了！クリックして移動する ★" }
+        };
+
+        function getCheeringText(pct) {
+            const langData = cheeringMessages[userLang] || cheeringMessages['en'];
+            const msg = pct <= 30 ? langData.r1 : pct <= 60 ? langData.r2 : pct <= 90 ? langData.r3 : pct < 100 ? langData.r4 : langData.r5;
+            return `${pct}% - ${msg}`;
+        }
+
+        function getFinalClickText() {
+            return (cheeringMessages[userLang] || cheeringMessages['en']).r6;
+        }
+
+        const targetUrl = <?php echo json_encode($target_url); ?>;
+        let progress = 0, isReadyToRedirect = false, isCompleted = false, isCooldown = false, score = 0;
+        
+        const progressBar = document.getElementById('progress-bar');
+        const progressText = document.getElementById('progress-text');
+        const loadingTrigger = document.getElementById('loading-trigger');
+        const characterGame = document.getElementById('character-game');
+        const gameCharImg = document.getElementById('game-char-img');
+        const cardContainer = document.getElementById('card-container');
+        const scoreBoard = document.getElementById('game-score');
+
+        function updateProgress(value) {
+            if (isCompleted || isReadyToRedirect) return;
+            progress = Math.min(100, Math.max(0, value));
+            progressBar.style.width = progress + '%';
+            progressText.textContent = getCheeringText(progress);
+
+            if (progress >= 100) {
+                isReadyToRedirect = true;
+                clearInterval(autoIncrementInterval);
+                progressBar.classList.add('bg-emerald-500');
+                progressBar.classList.remove('bg-white');
+                loadingTrigger.classList.remove('opacity-40', 'cursor-not-allowed');
+                loadingTrigger.classList.add('cursor-pointer', 'animate-pulse');
+                progressText.textContent = getFinalClickText();
+            }
+        }
+
+        function handleFinalRedirect() {
+            if (isCompleted) return;
+            isCompleted = true;
+            window.open('https://omg10.com/4/10628199', '_blank');
+            window.location.href = targetUrl;
+        }
+
+        function spawnFloatingEffect(triggerElement, text) {
+            const rect = triggerElement.getBoundingClientRect();
+            const cardRect = cardContainer.getBoundingClientRect();
+            const x = rect.left - cardRect.left + (rect.width / 2);
+            const top = rect.top - cardRect.top;
+            const effectEl = document.createElement('div');
+            effectEl.textContent = text;
+            effectEl.className = "absolute text-amber-300 font-black text-xs pointer-events-none select-none z-50 transition-all duration-500 ease-out";
+            effectEl.style.left = `${x}px`;
+            effectEl.style.top = `${top}px`;
+            effectEl.style.transform = 'translateX(-50%)';
+            cardContainer.appendChild(effectEl);
+            effectEl.offsetHeight;
+            effectEl.style.top = `${top - 40}px`;
+            effectEl.style.opacity = '0';
+            setTimeout(() => effectEl.remove(), 500);
+        }
+
+        updateProgress(0);
+
+        const autoIncrementInterval = setInterval(() => {
+            if (!isReadyToRedirect) updateProgress(progress + 1);
+        }, 3000);
+
+        loadingTrigger.addEventListener('click', () => {
+            if (isReadyToRedirect) {
+                handleFinalRedirect();
+                return;
+            }
+            if (isCompleted || isCooldown) return;
+            isCooldown = true;
+            loadingTrigger.classList.add('opacity-40', 'cursor-not-allowed');
+            loadingTrigger.classList.remove('cursor-pointer');
+            spawnFloatingEffect(loadingTrigger, '+3%');
+            updateProgress(progress + 3);
+            setTimeout(() => {
+                isCooldown = false;
+                if (!isReadyToRedirect) {
+                    loadingTrigger.classList.remove('opacity-40', 'cursor-not-allowed');
+                    loadingTrigger.classList.add('cursor-pointer');
+                }
+            }, 2000);
+        });
+
+        characterGame.addEventListener('click', () => {
+            if (isCompleted) return;
+            score++;
+            scoreBoard.textContent = score;
+            gameCharImg.classList.add('animate-squish');
+            gameCharImg.addEventListener('animationend', () => gameCharImg.classList.remove('animate-squish'), { once: true });
+            gameCharImg.src = `https://cdn.jsdelivr.net/gh/sllkx/icons@main/char/${Math.floor(Math.random() * 14) + 1}.png`;
+            spawnFloatingEffect(characterGame, '+1');
+        });