Deploy pathmoor

.gitattributes

@@ -33,3 +33,5 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+og.png filter=lfs diff=lfs merge=lfs -text
+shot-phone.png filter=lfs diff=lfs merge=lfs -text

README.md

@@ -1,10 +1,26 @@
 ---
-title: Pathmoor
-emoji: ⚡
-colorFrom: indigo
-colorTo: indigo
+title: "Pathmoor: Daily logic puzzle"
+emoji: 🏮
+colorFrom: yellow
+colorTo: green
 sdk: static
 pinned: false
+license: other
+short_description: "Daily path puzzle: turn stones until every path glows"
+tags:
+- game
+- puzzle
+- daily-puzzle
+- logic
+- html5
+- browser-game
+- pwa
+- cybermax
 ---
+**Pathmoor**: Daily path puzzle: turn stones until every path glows. A free daily game from CyberMax: the same challenge for everyone each day, a shareable result, works offline and installs on your phone (no app store, no sign-up).
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+Play it full screen: https://cybermax.cybermax-tools.workers.dev/games/pathmoor/?utm_source=huggingface
+
+The optional **CyberMax Fun Pass** ($2.99/month, $19/year or $4.99 once) adds extra packs, the full archive of past dailies and colour themes in every CyberMax game: https://cybermax.cybermax-tools.workers.dev/games/?utm_source=huggingface
+
+More free games: https://cybermax.cybermax-tools.workers.dev/games/ · © 2026 CyberMax. All rights reserved.

cmx.js

@@ -0,0 +1,179 @@
+// CyberMax Fun kit: shared browser helpers for the CyberMax games (copied into each game's web/ folder by
+// scripts/games/sync_kit.py, so every game stays self-contained and sellable on its own).
+// Counter beacon (game + event + channel only: no cookies, no IDs, nothing personal), daily seed, share, PWA install.
+// (c) 2026 CyberMax. All rights reserved.
+
+export const SITE = 'https://cybermax.cybermax-tools.workers.dev';
+export const API = 'https://toys.cybermax-tools.workers.dev';
+export const EPOCH = Date.UTC(2026, 9, 2); // 2 Oct 2026 = puzzle #1 for every CyberMax daily game
+
+/** Today's date in the player's own time zone as YYYY-MM-DD (everyone gets a new puzzle at their local midnight). */
+export function today(d = new Date()) {
+  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
+}
+/** Puzzle number for a YYYY-MM-DD date (#1 = 2026-10-02). */
+export function dayNumber(iso) {
+  const [y, m, d] = iso.split('-').map(Number);
+  return Math.round((Date.UTC(y, m - 1, d) - EPOCH) / 864e5) + 1;
+}
+export function dateOf(n) {
+  const t = new Date(EPOCH + (n - 1) * 864e5);
+  return t.toISOString().slice(0, 10);
+}
+
+/** 32-bit string hash (FNV-1a) and a small fast PRNG (mulberry32): the same seed gives the same game everywhere. */
+export function hash(str) {
+  let h = 0x811c9dc5;
+  for (let i = 0; i < str.length; i++) { h ^= str.charCodeAt(i); h = Math.imul(h, 0x01000193); }
+  return h >>> 0;
+}
+export function rng(seed) {
+  let a = typeof seed === 'string' ? hash(seed) : seed >>> 0;
+  return function () {
+    a = (a + 0x6d2b79f5) >>> 0;
+    let t = a;
+    t = Math.imul(t ^ (t >>> 15), t | 1);
+    t ^= t + Math.imul(t ^ (t >>> 7), t | 61);
+    return ((t ^ (t >>> 14)) >>> 0) / 4294967296;
+  };
+}
+
+/** Count one event (play, win, share, install, pro, cta). Never breaks the page; skipped on localhost and in tests. */
+export function count(game, ev, ch = '') {
+  try {
+    if (typeof location === 'undefined' || /^(localhost|127\.0\.0\.1)$/.test(location.hostname) || navigator.webdriver) return;
+    const u = `${API}/e?t=${encodeURIComponent(game)}&a=${encodeURIComponent(ev)}&c=${encodeURIComponent(String(ch).toLowerCase().replace(/[^a-z0-9-]/g, '').slice(0, 40))}`;
+    if (navigator.sendBeacon && navigator.sendBeacon(u)) return;
+    fetch(u, { method: 'POST', keepalive: true, mode: 'no-cors' }).catch(() => {});
+  } catch { /* never break the game */ }
+}
+
+export function store(key, val) {
+  try {
+    if (val === undefined) return JSON.parse(localStorage.getItem(key) || 'null');
+    localStorage.setItem(key, JSON.stringify(val));
+  } catch { /* private mode */ }
+  return val;
+}
+
+export function toast(msg, ms = 2400) {
+  let t = document.getElementById('toast');
+  if (!t) { t = document.createElement('div'); t.id = 'toast'; t.setAttribute('role', 'status'); document.body.appendChild(t); }
+  t.textContent = msg;
+  t.classList.add('on');
+  clearTimeout(t._h);
+  t._h = setTimeout(() => t.classList.remove('on'), ms);
+}
+
+/** The link people share: the canonical game page with UTM tags the site view counter reads. */
+export function shareLink(path, channel, game) {
+  const u = new URL(SITE + path);
+  u.searchParams.set('utm_source', channel);
+  u.searchParams.set('utm_medium', 'share');
+  u.searchParams.set('utm_campaign', `game-${game}`);
+  return u.toString();
+}
+
+/**
+ * Share a result: native share sheet on phones (text + optional PNG card), else copy to clipboard.
+ * text = Wordle-style text block; path = the game's path on the CyberMax site; blob = optional PNG card.
+ */
+export async function share(game, text, path, blob, filename) {
+  const url = shareLink(path, 'share', game);
+  const full = `${text}\n${url}`;
+  if (navigator.share) {
+    try {
+      const file = blob ? new File([blob], filename || `${game}.png`, { type: 'image/png' }) : null;
+      const data = file && navigator.canShare && navigator.canShare({ files: [file] }) ? { files: [file], text: full } : { text: full };
+      await navigator.share(data);
+      count(game, 'share', 'native');
+      return 'shared';
+    } catch (e) {
+      if (e && e.name === 'AbortError') return 'cancelled';
+    }
+  }
+  try { await navigator.clipboard.writeText(full); toast('Result copied. Paste it anywhere.'); } catch { prompt('Copy your result:', full); }
+  count(game, 'share', 'copy');
+  return 'copied';
+}
+
+export function intents(game, text, path) {
+  const u = (ch) => shareLink(path, ch, game);
+  return {
+    x: `https://x.com/intent/post?text=${encodeURIComponent(text)}&url=${encodeURIComponent(u('x'))}`,
+    bsky: `https://bsky.app/intent/compose?text=${encodeURIComponent(`${text}\n${u('bsky')}`)}`,
+    whatsapp: `https://wa.me/?text=${encodeURIComponent(`${text}\n${u('whatsapp')}`)}`,
+  };
+}
+
+export function download(blob, filename) {
+  const a = document.createElement('a');
+  a.href = URL.createObjectURL(blob);
+  a.download = filename;
+  document.body.appendChild(a);
+  a.click();
+  setTimeout(() => { URL.revokeObjectURL(a.href); a.remove(); }, 1500);
+}
+
+/**
+ * Installable app: registers the service worker (offline play) and shows an "Add to Home Screen" button.
+ * Chrome/Edge/Android: the real install prompt. iPhone/iPad Safari: a short Share → Add to Home Screen hint.
+ * The button only appears after the first finished round (offer(): never on first load) and never once installed.
+ */
+export function pwa(game, btn) {
+  if ('serviceWorker' in navigator && (location.protocol === 'https:' || location.hostname === 'localhost')) {
+    navigator.serviceWorker.register('sw.js').catch(() => {});
+  }
+  const standalone = matchMedia('(display-mode: standalone)').matches || navigator.standalone;
+  if (standalone) { count(game, 'play', 'app'); return { offer() {} }; }
+  let deferred = null;
+  let wanted = false;
+  const ios = /iphone|ipad|ipod/i.test(navigator.userAgent) && !/crios|fxios/i.test(navigator.userAgent);
+  window.addEventListener('beforeinstallprompt', (e) => { e.preventDefault(); deferred = e; if (wanted && btn) btn.hidden = false; });
+  window.addEventListener('appinstalled', () => { count(game, 'install', 'prompt'); if (btn) btn.hidden = true; });
+  if (btn) {
+    btn.addEventListener('click', async () => {
+      if (deferred) {
+        deferred.prompt();
+        const r = await deferred.userChoice.catch(() => null);
+        if (r && r.outcome === 'accepted') btn.hidden = true;
+        deferred = null;
+      } else if (ios) {
+        toast('Tap the Share button, then "Add to Home Screen".', 5000);
+        count(game, 'install', 'ios-hint');
+      }
+    });
+  }
+  return {
+    offer() {
+      wanted = true;
+      if (btn && (deferred || ios) && !store(`cmx-install-no:${game}`)) btn.hidden = false;
+    },
+  };
+}
+
+/** Rounded rectangle path for canvas cards. */
+export function rr(ctx, x, y, w, h, r) {
+  ctx.beginPath();
+  ctx.moveTo(x + r, y);
+  ctx.arcTo(x + w, y, x + w, y + h, r);
+  ctx.arcTo(x + w, y + h, x, y + h, r);
+  ctx.arcTo(x, y + h, x, y, r);
+  ctx.arcTo(x, y, x + w, y, r);
+  ctx.closePath();
+}
+
+export const canvasBlob = (canvas) => new Promise((res) => canvas.toBlob(res, 'image/png'));
+
+/** Theme toggle shared by every page (light/dark, remembered). */
+export function themeToggle(btn) {
+  if (!btn) return;
+  btn.addEventListener('click', () => {
+    const r = document.documentElement;
+    const c = r.dataset.theme || (matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
+    const n = c === 'dark' ? 'light' : 'dark';
+    r.dataset.theme = n;
+    store('cm-theme-v', n);
+    try { localStorage.setItem('cm-theme', n); } catch { /* private mode */ }
+  });
+}

core.js

@@ -0,0 +1,143 @@
+// Pathmoor core: pure puzzle logic (no DOM), shared by the game and the tests. (c) 2026 CyberMax. All rights reserved.
+// A board is an n×n grid of path stones. Each stone is a 4-bit mask of its openings: N=1, E=2, S=4, W=8.
+// The solution is a random spanning tree grown from the lantern stone, so every stone joins the lantern by exactly one
+// route. The board is shuffled by turning stones; the player turns them back. Solved = every stone lit by the lantern
+// and no opening points at the edge or at a closed side (any arrangement that does that counts, not only ours).
+import { rng } from './cmx.js';
+
+export const N = 1, E = 2, S = 4, W = 8;
+const DIRS = [[N, 0, -1, S], [E, 1, 0, W], [S, 0, 1, N], [W, -1, 0, E]];
+
+/** Turn a stone a quarter clockwise, k times. */
+export function turn(m, k = 1) {
+  let r = m;
+  for (let i = 0; i < ((k % 4) + 4) % 4; i++) r = ((r << 1) | (r >> 3)) & 15;
+  return r;
+}
+export const bits = (m) => (m & 1) + ((m >> 1) & 1) + ((m >> 2) & 1) + ((m >> 3) & 1);
+
+/** Fewest clockwise turns that take stone `from` to `to` (Infinity if impossible). */
+export function turnsTo(from, to) {
+  for (let k = 0; k < 4; k++) if (turn(from, k) === to) return k;
+  return Infinity;
+}
+
+/**
+ * Build a puzzle from a seed string. Returns { n, src, sol, start } where sol and start are arrays of n*n masks.
+ * Grown with a randomised Prim tree; boards with too many straight runs or too few branches are re-rolled so every
+ * board has real choices. The shuffle turns each stone 0-3 times and is never already solved.
+ */
+export function generate(seed, n = 6) {
+  const rand = rng(`pathmoor:${n}:${seed}`);
+  for (let attempt = 0; attempt < 40; attempt++) {
+    const sol = new Array(n * n).fill(0);
+    const c = Math.floor((n - 1) / 2);
+    const src = (c + Math.floor(rand() * 2)) * n + c + Math.floor(rand() * 2); // one of the 4 middle stones
+    const inTree = new Array(n * n).fill(false);
+    inTree[src] = true;
+    let frontier = [];
+    const addEdges = (i) => {
+      const x = i % n, y = (i / n) | 0;
+      for (const [b, dx, dy, back] of DIRS) {
+        const nx = x + dx, ny = y + dy;
+        if (nx >= 0 && ny >= 0 && nx < n && ny < n && !inTree[ny * n + nx]) frontier.push([i, ny * n + nx, b, back]);
+      }
+    };
+    addEdges(src);
+    let count = 1;
+    while (count < n * n) {
+      frontier = frontier.filter(([, j]) => !inTree[j]);
+      const [i, j, b, back] = frontier[Math.floor(rand() * frontier.length)];
+      if (inTree[j]) continue;
+      sol[i] |= b; sol[j] |= back; inTree[j] = true; count++;
+      addEdges(j);
+    }
+    const straights = sol.filter((m) => m === (N | S) || m === (E | W)).length;
+    const branches = sol.filter((m) => bits(m) >= 3).length;
+    if (straights > n * n * 0.34 || branches < Math.max(3, Math.floor(n * n / 9))) continue;
+    const start = sol.map((m) => turn(m, Math.floor(rand() * 4)));
+    if (isSolved(n, src, start)) continue;
+    return { n, src, sol, start };
+  }
+  // extremely unlikely fallback: keep the last rules but accept the board
+  const b = generate(`${seed}~`, n);
+  return b;
+}
+
+/** Stones reachable from the lantern through matching openings. Returns a Uint8Array (1 = lit). */
+export function lit(n, src, cur) {
+  const on = new Uint8Array(n * n);
+  const q = [src];
+  on[src] = 1;
+  while (q.length) {
+    const i = q.pop();
+    const x = i % n, y = (i / n) | 0;
+    for (const [b, dx, dy, back] of DIRS) {
+      if (!(cur[i] & b)) continue;
+      const nx = x + dx, ny = y + dy;
+      if (nx < 0 || ny < 0 || nx >= n || ny >= n) continue;
+      const j = ny * n + nx;
+      if (!on[j] && (cur[j] & back)) { on[j] = 1; q.push(j); }
+    }
+  }
+  return on;
+}
+
+/** Openings that lead nowhere (edge, or a neighbour without the matching opening). */
+export function looseEnds(n, cur) {
+  let loose = 0;
+  for (let i = 0; i < n * n; i++) {
+    const x = i % n, y = (i / n) | 0;
+    for (const [b, dx, dy, back] of DIRS) {
+      if (!(cur[i] & b)) continue;
+      const nx = x + dx, ny = y + dy;
+      if (nx < 0 || ny < 0 || nx >= n || ny >= n || !(cur[ny * n + nx] & back)) loose++;
+    }
+  }
+  return loose;
+}
+
+export function isSolved(n, src, cur) {
+  if (looseEnds(n, cur)) return false;
+  const on = lit(n, src, cur);
+  for (let i = 0; i < on.length; i++) if (!on[i]) return false;
+  return true;
+}
+
+/** Par = the fewest taps that solve the board from its shuffle (each tap turns one stone a quarter clockwise). */
+export function par(board) {
+  return board.start.reduce((s, m, i) => s + turnsTo(m, board.sol[i]), 0);
+}
+
+/**
+ * Share grid (no spoilers): one square per stone. 🟩 stone ended in par turns or fewer, 🟨 a few extra turns,
+ * 🟧 many extra turns, ⬜ stone you never needed to touch.
+ */
+export function shareGrid(board, taps) {
+  const rows = [];
+  for (let y = 0; y < board.n; y++) {
+    let r = '';
+    for (let x = 0; x < board.n; x++) {
+      const i = y * board.n + x;
+      const need = turnsTo(board.start[i], board.sol[i]);
+      const used = taps[i] || 0;
+      r += need === 0 && used === 0 ? '⬜' : used <= Math.max(need, 1) ? '🟩' : used <= need + 4 ? '🟨' : '🟧';
+    }
+    rows.push(r);
+  }
+  return rows.join('\n');
+}
+
+export function fmtTime(ms) {
+  const s = Math.max(0, Math.round(ms / 1000));
+  return `${Math.floor(s / 60)}:${String(s % 60).padStart(2, '0')}`;
+}
+
+/** Packs: the free daily is 6×6; the Fun Pass adds numbered packs. */
+export const PACKS = [
+  { id: 'daily', name: 'Daily', n: 6, free: true },
+  { id: 'sprout', name: 'Sprout 5×5', n: 5, levels: 30, freeLevels: 3 },
+  { id: 'moorland', name: 'Moorland 7×7', n: 7, levels: 100 },
+  { id: 'highland', name: 'Highland 8×8', n: 8, levels: 100 },
+  { id: 'summit', name: 'Summit 10×10', n: 10, levels: 50 },
+];

fun.css

@@ -0,0 +1,51 @@
+/* CyberMax Fun kit: shared look for CyberMax games (copied into each game). Mobile first, light + dark. (c) 2026 CyberMax. */
+:root{--bg:#F6F3EC;--card:#fff;--ink:#11141B;--muted:#565C6B;--line:#E2DCD0;--chip:#ECE6DA;--acc:#FF6A3D;--acc-ink:#11141B;--ok:#0B7F5E;--bad:#C2361B;--shadow:0 1px 2px rgba(17,20,27,.06),0 10px 30px rgba(17,20,27,.08);color-scheme:light}
+@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0F1218;--card:#181C25;--ink:#EDEAE3;--muted:#A6ACB9;--line:#2A303C;--chip:#222734;--ok:#2FD3A0;--bad:#FF7A5C;--shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.3);color-scheme:dark}}
+:root[data-theme=dark]{--bg:#0F1218;--card:#181C25;--ink:#EDEAE3;--muted:#A6ACB9;--line:#2A303C;--chip:#222734;--ok:#2FD3A0;--bad:#FF7A5C;--shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.3);color-scheme:dark}
+*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}
+body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow-x:hidden}
+a{color:inherit}img,canvas{max-width:100%}
+.wrap{max-width:760px;margin:0 auto;padding:0 16px}
+.top{display:flex;align-items:center;gap:6px;padding:12px 0}
+.top .brand{display:flex;align-items:center;gap:8px;font-weight:800;text-decoration:none;font-size:18px;margin-right:auto}.top .brand svg{width:28px;height:28px}
+.top nav a,.top .icon{color:var(--muted);text-decoration:none;padding:8px 10px;border-radius:10px;font-size:15px;background:none;border:0;font-family:inherit;cursor:pointer;min-height:40px}
+.top nav a:hover,.top .icon:hover{color:var(--ink);background:var(--chip)}
+.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 18px;border-radius:12px;border:0;background:var(--acc);color:var(--acc-ink);font:inherit;font-weight:800;font-size:16px;cursor:pointer;text-decoration:none;touch-action:manipulation}
+.btn:hover{filter:brightness(1.06)}.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}.btn.sm{min-height:40px;padding:6px 14px;font-size:15px}
+.btn.pass{background:linear-gradient(135deg,#FFB547,#FF6A3D);color:#11141B}
+.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
+.chips{display:flex;gap:6px;flex-wrap:wrap}
+.chip{border:1.5px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:6px 12px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;min-height:36px}
+.chip[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.chip .lock{opacity:.7;font-size:12px}
+.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}
+.muted{color:var(--muted)}.small{font-size:14px}
+h1{font-size:clamp(26px,6vw,40px);line-height:1.08;letter-spacing:-.02em;margin:0 0 6px;text-wrap:balance}
+h2{font-size:21px;letter-spacing:-.01em;margin:30px 0 8px}
+.seo h3{font-size:17px;margin:18px 0 4px}.seo p,.seo li{color:var(--muted)}
+.more{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:12px 0}
+.more a{display:block;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card);text-decoration:none}.more a b{display:block}.more a span{color:var(--muted);font-size:14px}
+footer{color:var(--muted);font-size:14px;padding:26px 0 40px;border-top:1px solid var(--line);margin-top:36px}
+#toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,40px);opacity:0;background:var(--ink);color:var(--bg);padding:12px 16px;border-radius:12px;font-weight:700;transition:.25s;z-index:99;max-width:calc(100% - 32px);text-align:center;pointer-events:none}
+#toast.on{transform:translate(-50%,0);opacity:1}
+.nudge{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1.5px dashed var(--line);border-radius:14px;padding:10px 12px;margin-top:12px;font-size:15px}
+html.cmx-pro .nudge{display:none}
+.pro-badge{display:none;font-size:12px;font-weight:800;background:linear-gradient(135deg,#FFB547,#FF6A3D);color:#11141B;border-radius:999px;padding:2px 8px;vertical-align:middle}
+html.cmx-pro .pro-badge{display:inline-block}
+dialog.funpass{border:0;padding:0;border-radius:20px;max-width:min(520px,calc(100% - 24px));width:100%;background:var(--card);color:var(--ink);box-shadow:0 20px 60px rgba(0,0,0,.35)}
+dialog.funpass::backdrop{background:rgba(10,12,18,.55)}
+.fp{padding:22px 20px 18px;position:relative}.fp h2{margin:2px 0 10px;font-size:24px}
+.fp-x{position:absolute;right:10px;top:8px;border:0;background:none;color:var(--muted);font-size:28px;cursor:pointer;width:44px;height:44px}
+.fp-kick{margin:0;color:var(--acc);font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
+.fp-perks{margin:0 0 14px;padding-left:20px}.fp-perks li{margin:2px 0}
+.fp-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
+.fp-plan{position:relative;display:flex;flex-direction:column;gap:2px;padding:14px 10px 12px;border:1.5px solid var(--line);border-radius:14px;text-decoration:none;text-align:center;background:var(--bg)}
+.fp-plan:hover{border-color:var(--acc)}.fp-plan.best{border-color:var(--acc);box-shadow:0 0 0 2px var(--acc) inset}
+.fp-plan i{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--acc);color:#11141B;font-style:normal;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;white-space:nowrap}
+.fp-plan b{font-size:14px}.fp-price{font-size:22px;font-weight:900}.fp-price small{font-size:12px;font-weight:600;color:var(--muted)}.fp-note{font-size:12px;color:var(--muted)}
+.fp-small{font-size:13px;color:var(--muted);margin:10px 0 4px}
+.fp-code{display:block;user-select:all;word-break:break-all;background:var(--chip);padding:8px;border-radius:8px;font-size:12px}
+.fp details{margin-top:6px;font-size:14px}.fp-form{display:flex;gap:6px;margin-top:8px}.fp-form input{flex:1;min-width:0;font:inherit;font-size:14px;padding:8px 10px;border-radius:10px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink)}
+@media (max-width:420px){.fp-plans{grid-template-columns:1fr}.fp-plan{flex-direction:row;align-items:center;justify-content:space-between;text-align:left;padding:12px}.fp-plan i{left:auto;right:10px;transform:none}}
+@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
+@media (max-width:560px){.chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px 4px}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto}}
+@media (min-width:760px){dialog.funpass{max-width:720px}.fp-perks{columns:2;column-gap:28px}}

funpass.js

@@ -0,0 +1,117 @@
+// CyberMax Fun Pass: ONE optional supporter pass for every CyberMax game (copied into each game's web/ folder).
+// Free games stay free. The pass removes the supporter nudges and unlocks extra packs, the full archive and themes.
+//   Monthly $2.99 · Yearly $19 · Unlock all $4.99 once (Stripe Payment Links, pack revenue/packs/stripe/fun-pass).
+// Buy: counted redirect https://data.cybermax-tools.workers.dev/buy/st-fun-pass-<plan>?s=game-<id> -> Stripe checkout.
+// After checkout Stripe sends the buyer to data.cybermax-tools.workers.dev/unlock/fun-pass?session_id=..., which checks
+// the Checkout Session (and, for a subscription, that it is still active) and returns to /games/ with #cmx-pro=<code>.
+// Every game on the same site reads the same browser key, so one pass covers them all. The code on the receipt page
+// unlocks any other device or browser. No account, no cookies, nothing personal stored. (c) 2026 CyberMax.
+import { count, store, toast } from './cmx.js';
+
+const DATA = 'https://data.cybermax-tools.workers.dev';
+const KEY = 'cmx-pro:fun-pass';
+const SID = /^cs_(live|test)_[A-Za-z0-9]{10,200}$/;
+const RECHECK = 3 * 864e5; // subscriptions are re-checked every 3 days; a cancelled pass turns off by itself
+export const PLANS = [
+  { id: 'monthly', label: 'Monthly', price: '$2.99', per: '/month', note: 'Cancel any time' },
+  { id: 'yearly', label: 'Yearly', price: '$19', per: '/year', note: 'Save 47%', best: true },
+  { id: 'unlock', label: 'Unlock all', price: '$4.99', per: ' once', note: 'Pay once, keep forever' },
+];
+export const COMMON_PERKS = ['No supporter nudges, ever', 'Extra puzzle packs in every game', 'The full archive of past dailies', 'Custom colour themes'];
+
+let state = store(KEY);
+const listeners = [];
+let cfg = { game: 'games', name: 'CyberMax games', perks: [] };
+
+export const isPro = () => !!(state && state.code);
+export function onChange(fn) { listeners.push(fn); fn(isPro()); }
+function emit() {
+  document.documentElement.classList.toggle('cmx-pro', isPro());
+  listeners.forEach((fn) => { try { fn(isPro()); } catch { /* game hook */ } });
+}
+
+async function check(code) {
+  try {
+    const r = await fetch(`${DATA}/unlock/fun-pass?json=1&session_id=${encodeURIComponent(code)}`);
+    const j = await r.json();
+    return j && typeof j.pro === 'boolean' ? j.pro : null;
+  } catch { return null; }
+}
+
+export async function unlock(code) {
+  const ok = await check(code);
+  if (ok) {
+    state = store(KEY, { code, at: new Date().toISOString(), checked: Date.now() });
+    count(cfg.game, 'pro', 'unlocked');
+    toast('Fun Pass is on. Thank you for supporting CyberMax games!', 3500);
+    emit();
+    render();
+  } else if (ok === false) toast('That code is not an active Fun Pass.', 3500);
+  else toast('Could not reach the pass check. Try again in a minute.', 3500);
+  return ok;
+}
+
+async function recheck() {
+  if (!isPro() || Date.now() - (state.checked || 0) < RECHECK) return;
+  const ok = await check(state.code);
+  if (ok === false) { state = null; try { localStorage.removeItem(KEY); } catch { /* */ } emit(); render(); toast('Your Fun Pass has ended. Everything free is still here.', 4000); }
+  else if (ok) state = store(KEY, { ...state, checked: Date.now() });
+}
+
+const esc = (s) => String(s).replace(/[&<>"]/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' }[c]));
+const buyUrl = (plan) => `${DATA}/buy/st-fun-pass-${plan}?s=game-${cfg.game}`;
+
+function dialog() {
+  let d = document.getElementById('funpass');
+  if (!d) {
+    d = document.createElement('dialog');
+    d.id = 'funpass';
+    d.className = 'funpass';
+    document.body.appendChild(d);
+    d.addEventListener('click', (e) => { if (e.target === d || e.target.closest('[data-close]')) d.close(); });
+  }
+  return d;
+}
+
+function render() {
+  const d = dialog();
+  const perks = [...(cfg.perks || []), ...COMMON_PERKS.filter((p) => !(cfg.perks || []).some((q) => q.split(' ')[0] === p.split(' ')[0]))].slice(0, 6);
+  if (isPro()) {
+    d.innerHTML = `<div class="fp"><button class="fp-x" data-close aria-label="Close">×</button><p class="fp-kick">CyberMax Fun Pass</p><h2>You're a supporter. Thank you!</h2>
+      <p>The pass is on in this browser for every CyberMax game: ${perks.map(esc).join(' · ')}.</p>
+      <p class="fp-small">Your code (paste it on another device to turn the pass on there):</p><code class="fp-code">${esc(state.code)}</code>
+      <p class="fp-small">Manage or cancel a subscription any time from the link in your Stripe receipt email.</p></div>`;
+    return;
+  }
+  d.innerHTML = `<div class="fp"><button class="fp-x" data-close aria-label="Close">×</button><p class="fp-kick">CyberMax Fun Pass</p>
+    <h2>One pass. Every game. More to play.</h2>
+    <ul class="fp-perks">${perks.map((p) => `<li>${esc(p)}</li>`).join('')}</ul>
+    <div class="fp-plans">${PLANS.map((p) => `<a class="fp-plan${p.best ? ' best' : ''}" href="${buyUrl(p.id)}" rel="nofollow" data-plan="${p.id}">${p.best ? '<i>Best value</i>' : ''}<b>${p.label}</b><span class="fp-price">${p.price}<small>${p.per}</small></span><span class="fp-note">${p.note}</span></a>`).join('')}</div>
+    <p class="fp-small">Secure Stripe checkout. Works in every CyberMax game. The free daily games stay free for everyone.</p>
+    <details><summary>Already have a pass?</summary><form class="fp-form"><input aria-label="Pass code" autocomplete="off" placeholder="Code from your receipt page (cs_live_…)"><button class="btn sm" type="submit">Turn on</button></form></details></div>`;
+  d.querySelector('.fp-form').addEventListener('submit', (e) => {
+    e.preventDefault();
+    const c = e.target.querySelector('input').value.trim();
+    if (SID.test(c)) unlock(c); else toast('Paste the code from your receipt page. It starts with cs_live_.', 3500);
+  });
+  d.querySelectorAll('[data-plan]').forEach((a) => a.addEventListener('click', () => count(cfg.game, 'cta', `pass-${a.dataset.plan}`)));
+}
+
+/** Open the pass sheet; `from` names the button that opened it (counted as cta). */
+export function open(from = 'button') {
+  render();
+  const d = dialog();
+  if (d.showModal) d.showModal(); else d.setAttribute('open', '');
+  count(cfg.game, 'cta', `pass-open-${from}`);
+}
+
+/** Call once per page: game id, display name and the game's own Pro perks (listed first). */
+export function init(options) {
+  cfg = { ...cfg, ...options };
+  const m = /[#&]cmx-pro=([^&]+)/.exec(location.hash || '');
+  if (m && SID.test(decodeURIComponent(m[1]))) {
+    history.replaceState(null, '', location.pathname + location.search);
+    unlock(decodeURIComponent(m[1]));
+  } else recheck();
+  emit();
+}

game.js

@@ -0,0 +1,354 @@
+// Pathmoor: the game screen (canvas board, timer, packs, archive, share, card, themes). (c) 2026 CyberMax.
+import { generate, isSolved, lit, turn, turnsTo, par, shareGrid, fmtTime, PACKS, bits } from './core.js';
+import { today, dayNumber, dateOf, count, store, toast, share, intents, download, canvasBlob, pwa, rr, themeToggle } from './cmx.js';
+import * as pass from './funpass.js';
+
+const GAME = 'pathmoor';
+const PATH = '/games/pathmoor/';
+const $ = (id) => document.getElementById(id);
+const canvas = $('board');
+const ctx = canvas.getContext('2d');
+const SKINS = {
+  moor: { name: 'Moor', bg: '#16241E', stone: '#22362D', off: '#3E5A4C', on: '#FFC857', glow: 'rgba(255,200,87,.55)', lamp: '#FF8A3D', free: true },
+  ember: { name: 'Ember', bg: '#1E1412', stone: '#33201C', off: '#5B3A33', on: '#FF7A45', glow: 'rgba(255,122,69,.55)', lamp: '#FFD166' },
+  tide: { name: 'Tide', bg: '#0E1E2B', stone: '#173246', off: '#2F5470', on: '#6FF2E0', glow: 'rgba(111,242,224,.5)', lamp: '#FFFFFF' },
+  dusk: { name: 'Dusk', bg: '#1B1530', stone: '#2A2147', off: '#4A3D78', on: '#FF8FD8', glow: 'rgba(255,143,216,.5)', lamp: '#FFE08A' },
+  paper: { name: 'Paper', bg: '#E9DFCB', stone: '#FBF7EE', off: '#CDBFA4', on: '#E2581F', glow: 'rgba(226,88,31,.35)', lamp: '#11141B' },
+};
+
+const todayIso = today();
+const todayNum = dayNumber(todayIso);
+let skin = SKINS[store('pathmoor:skin')] ? store('pathmoor:skin') : 'moor';
+let mode; // { kind: 'daily', date } | { kind: 'pack', pack, level }
+let board, cur, taps, undoStack, ms, started, done, key, focus = -1, anim = {}, winAt = 0, timer;
+
+pass.init({ game: GAME, name: 'Pathmoor', perks: ['250 bigger boards: Moorland 7×7, Highland 8×8, Summit 10×10', 'Every past daily in the archive', 'Ember, Tide, Dusk and Paper board themes'] });
+const install = pwa(GAME, $('install'));
+themeToggle($('theme'));
+
+// ------------------------------------------------------------------ modes
+
+function packOf(id) { return PACKS.find((p) => p.id === id); }
+function locked(m) {
+  if (pass.isPro()) return false;
+  if (m.kind === 'daily') return m.date !== todayIso;
+  const p = packOf(m.pack);
+  return !(p.freeLevels && m.level <= p.freeLevels);
+}
+function keyOf(m) { return m.kind === 'daily' ? `d:${m.date}` : `p:${m.pack}:${m.level}`; }
+function label(m) { return m.kind === 'daily' ? `#${dayNumber(m.date)}` : `${packOf(m.pack).name} · ${m.level}`; }
+
+function fromUrl() {
+  const q = new URLSearchParams(location.search);
+  const d = q.get('d');
+  if (d && /^\d{4}-\d{2}-\d{2}$/.test(d) && dayNumber(d) >= 1 && d <= todayIso) return { kind: 'daily', date: d };
+  const p = packOf(q.get('p') || '');
+  const l = Number(q.get('l'));
+  if (p && p.id !== 'daily' && l >= 1 && l <= p.levels) return { kind: 'pack', pack: p.id, level: l };
+  return { kind: 'daily', date: todayIso };
+}
+
+function load(m, push = false) {
+  if (locked(m)) { pass.open(m.kind === 'daily' ? 'archive' : m.pack); return false; }
+  mode = m;
+  key = keyOf(m);
+  const n = m.kind === 'daily' ? 6 : packOf(m.pack).n;
+  board = generate(m.kind === 'daily' ? m.date : `${m.pack}-${m.level}`, n);
+  const saved = store(`pathmoor:b:${key}`);
+  if (saved && saved.cur && saved.cur.length === n * n) {
+    cur = saved.cur; taps = saved.taps || {}; ms = saved.ms || 0; done = !!saved.done; undoStack = [];
+  } else { cur = board.start.slice(); taps = {}; ms = 0; done = false; undoStack = []; }
+  started = 0; anim = {}; focus = -1;
+  $('num').textContent = label(m);
+  $('par').textContent = par(board);
+  if (push) {
+    const u = new URL(location.href);
+    u.search = m.kind === 'daily' ? (m.date === todayIso ? '' : `?d=${m.date}`) : `?p=${m.pack}&l=${m.level}`;
+    window.history.replaceState(null, '', u.pathname + u.search);
+  }
+  renderModes();
+  $('win').hidden = true;
+  if (done) showWin(false);
+  hud(); draw();
+  return true;
+}
+
+function renderModes() {
+  const el = $('modes');
+  const chips = [{ m: { kind: 'daily', date: todayIso }, t: `Today #${todayNum}`, on: mode.kind === 'daily' && mode.date === todayIso }];
+  for (const p of PACKS.filter((x) => x.id !== 'daily')) {
+    const lvl = Math.min(p.levels, (store(`pathmoor:pack:${p.id}`) || 0) + 1);
+    const m = { kind: 'pack', pack: p.id, level: lvl };
+    chips.push({ m, t: p.name, on: mode.kind === 'pack' && mode.pack === p.id, lock: locked(m) });
+  }
+  chips.push({ archive: true, t: 'Archive', on: mode.kind === 'daily' && mode.date !== todayIso, lock: !pass.isPro() });
+  el.innerHTML = '';
+  chips.forEach((c) => {
+    const b = document.createElement('button');
+    b.className = 'chip'; b.type = 'button';
+    b.setAttribute('aria-pressed', String(!!c.on));
+    b.innerHTML = `${c.t}${c.lock ? ' <span class="lock">🔒</span>' : ''}`;
+    b.onclick = () => (c.archive ? archive() : load(c.m, true));
+    el.appendChild(b);
+  });
+}
+
+function archive() {
+  if (!pass.isPro()) { pass.open('archive'); return; }
+  const n = todayNum - 1;
+  if (n < 1) { toast('The archive fills up day by day. Today is #1, so come back tomorrow for #1 in the archive.', 4000); return; }
+  const pick = prompt(`Play a past daily: enter a number from 1 to ${n}`, String(n));
+  const k = Number(pick);
+  if (k >= 1 && k <= n) load({ kind: 'daily', date: dateOf(k) }, true);
+}
+
+// ------------------------------------------------------------------ play
+
+function save() { store(`pathmoor:b:${key}`, { cur, taps, ms: elapsed(), done }); }
+function elapsed() { return ms + (started ? performance.now() - started : 0); }
+
+function tap(i, k = 1) {
+  if (done || i < 0) return;
+  if (!started) {
+    started = performance.now();
+    if (!Object.keys(taps).length && !ms) count(GAME, 'play', mode.kind === 'daily' ? (mode.date === todayIso ? 'daily' : 'archive') : mode.pack);
+  }
+  if (bits(cur[i]) === 4) return; // a cross never changes
+  undoStack.push([i, cur[i]]);
+  cur[i] = turn(cur[i], k);
+  taps[i] = (taps[i] || 0) + 1;
+  anim[i] = { from: k === 1 ? -90 : 90, t0: performance.now() };
+  if (navigator.vibrate) try { navigator.vibrate(8); } catch { /* */ }
+  if (isSolved(board.n, board.src, cur)) win();
+  save(); hud(); loop();
+}
+
+function undo() {
+  if (done || !undoStack.length) return;
+  const [i, m] = undoStack.pop();
+  cur[i] = m;
+  anim[i] = { from: 90, t0: performance.now() };
+  save(); hud(); loop();
+}
+
+function restart() {
+  if (done && !confirm('Start this board again? Your result stays saved.')) return;
+  cur = board.start.slice(); taps = {}; ms = 0; started = 0; done = false; undoStack = [];
+  store(`pathmoor:b:${key}`, null);
+  $('win').hidden = true;
+  hud(); draw();
+}
+
+function totalTaps() { return Object.values(taps).reduce((a, b) => a + b, 0); }
+
+function hud() {
+  $('time').textContent = fmtTime(done ? ms : elapsed());
+  $('taps').textContent = totalTaps();
+  const on = lit(board.n, board.src, cur);
+  $('lit').textContent = `${Math.round((on.reduce((a, b) => a + b, 0) / on.length) * 100)}%`;
+}
+
+function win() {
+  ms = elapsed(); started = 0; done = true; winAt = performance.now();
+  count(GAME, 'win', mode.kind === 'daily' ? (mode.date === todayIso ? 'daily' : 'archive') : mode.pack);
+  if (mode.kind === 'daily') {
+    const st = store('pathmoor:stats') || { days: {}, streak: 0, best: 0 };
+    if (!st.days[mode.date]) {
+      st.days[mode.date] = { ms: Math.round(ms), taps: totalTaps(), par: par(board) };
+      if (mode.date === todayIso) {
+        const y = dateOf(todayNum - 1);
+        st.streak = st.days[y] ? (st.streak || 0) + 1 : 1;
+        st.best = Math.max(st.best || 0, st.streak);
+      }
+      store('pathmoor:stats', st);
+    }
+  } else {
+    store(`pathmoor:pack:${mode.pack}`, Math.max(store(`pathmoor:pack:${mode.pack}`) || 0, mode.level));
+  }
+  save();
+  setTimeout(() => showWin(true), 650);
+  install.offer();
+}
+
+function shareText() {
+  const t = totalTaps(), p = par(board);
+  const head = mode.kind === 'daily' ? `Pathmoor #${dayNumber(mode.date)} 🏮` : `Pathmoor ${packOf(mode.pack).name} #${mode.level} 🏮`;
+  return `${head} ${fmtTime(ms)} · ${t} taps (par ${p})${t <= p ? ' ⭐ perfect' : ''}\n${shareGrid(board, taps)}`;
+}
+
+function showWin(scroll) {
+  const st = store('pathmoor:stats') || {};
+  const t = totalTaps(), p = par(board);
+  $('win-title').textContent = t <= p ? 'Perfect! Every stone lit in par.' : 'Every stone is lit!';
+  $('win-line').textContent = `${fmtTime(ms)} · ${t} taps (par ${p})` + (mode.kind === 'daily' && mode.date === todayIso && st.streak ? ` · 🔥 ${st.streak}-day streak` : '');
+  $('win-grid').textContent = shareGrid(board, taps);
+  const text = shareText();
+  const it = intents(GAME, text, PATH);
+  $('sx').href = it.x; $('sb').href = it.bsky; $('sw').href = it.whatsapp;
+  const pr = $('practice');
+  if (mode.kind === 'pack') {
+    const pk = packOf(mode.pack);
+    pr.textContent = mode.level < pk.levels ? `Next board: ${pk.name} #${mode.level + 1}` : 'Pack complete! Try another pack';
+  } else pr.textContent = 'Play a practice board';
+  $('win').hidden = false;
+  tick();
+  if (scroll) $('win').scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+}
+
+function tick() {
+  const now = new Date();
+  const mid = new Date(now.getFullYear(), now.getMonth(), now.getDate() + 1);
+  const s = Math.round((mid - now) / 1000);
+  $('next').textContent = `Next daily board in ${Math.floor(s / 3600)}h ${String(Math.floor((s % 3600) / 60)).padStart(2, '0')}m.`;
+}
+
+// ------------------------------------------------------------------ drawing
+
+function drawBoard(c, x0, y0, size, cells, on, t, focusIdx = -1) {
+  const S = SKINS[skin];
+  const n = board.n, cs = size / n, pad = cs * 0.06, w = cs * 0.2;
+  c.save();
+  c.fillStyle = S.bg; rr(c, x0, y0, size, size, size * 0.04); c.fill();
+  for (let i = 0; i < n * n; i++) {
+    const x = x0 + (i % n) * cs, y = y0 + ((i / n) | 0) * cs, cx = x + cs / 2, cy = y + cs / 2;
+    c.fillStyle = S.stone; rr(c, x + pad, y + pad, cs - 2 * pad, cs - 2 * pad, cs * 0.18); c.fill();
+    if (i === focusIdx) { c.strokeStyle = S.on; c.lineWidth = 3; rr(c, x + pad, y + pad, cs - 2 * pad, cs - 2 * pad, cs * 0.18); c.stroke(); }
+    let ang = 0;
+    const a = anim[i];
+    if (a) { const p = Math.min(1, (t - a.t0) / 140); ang = a.from * (1 - (1 - (1 - p) ** 3)); if (p >= 1) delete anim[i]; }
+    c.save(); c.translate(cx, cy); c.rotate((ang * Math.PI) / 180);
+    const m = cells[i], lightOn = on[i];
+    c.strokeStyle = lightOn ? S.on : S.off; c.lineWidth = w; c.lineCap = 'round';
+    if (lightOn) { c.shadowColor = S.glow; c.shadowBlur = cs * 0.25; }
+    c.beginPath();
+    const r = cs / 2;
+    if (m & 1) { c.moveTo(0, 0); c.lineTo(0, -r); }
+    if (m & 2) { c.moveTo(0, 0); c.lineTo(r, 0); }
+    if (m & 4) { c.moveTo(0, 0); c.lineTo(0, r); }
+    if (m & 8) { c.moveTo(0, 0); c.lineTo(-r, 0); }
+    c.stroke();
+    if (bits(m) === 1 && i !== board.src) { c.fillStyle = lightOn ? S.on : S.off; c.beginPath(); c.arc(0, 0, w * 0.95, 0, Math.PI * 2); c.fill(); }
+    c.restore();
+    if (i === board.src) {
+      const pulse = 1 + 0.06 * Math.sin(t / 300);
+      c.save(); c.shadowColor = S.glow; c.shadowBlur = cs * 0.5; c.fillStyle = S.lamp;
+      c.beginPath(); c.arc(cx, cy, cs * 0.2 * pulse, 0, Math.PI * 2); c.fill(); c.restore();
+      c.fillStyle = S.bg; c.beginPath(); c.arc(cx, cy, cs * 0.08, 0, Math.PI * 2); c.fill();
+    }
+  }
+  c.restore();
+}
+
+let raf = 0;
+function draw() {
+  const t = performance.now();
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+  const on = done ? new Uint8Array(cur.length).fill(1) : lit(board.n, board.src, cur);
+  drawBoard(ctx, 0, 0, canvas.width, cur, on, t, document.activeElement === canvas ? focus : -1);
+  if (done && t - winAt < 1200) {
+    ctx.fillStyle = `rgba(255,255,255,${0.18 * (1 - (t - winAt) / 1200)})`; ctx.fillRect(0, 0, canvas.width, canvas.height);
+  }
+  return Object.keys(anim).length || (done && t - winAt < 1200);
+}
+function loop() {
+  if (raf) return;
+  const step = () => { raf = 0; if (draw()) raf = requestAnimationFrame(step); };
+  raf = requestAnimationFrame(step);
+}
+// the lantern breathes slowly; repaint a few times a second only while visible
+setInterval(() => { if (!document.hidden) { draw(); if (!done && started) hud(); } }, 250);
+
+// ------------------------------------------------------------------ result card (1080×1350 PNG)
+
+function card() {
+  const c = document.createElement('canvas');
+  c.width = 1080; c.height = 1350;
+  const g = c.getContext('2d');
+  const S = SKINS[skin];
+  g.fillStyle = S.bg; g.fillRect(0, 0, 1080, 1350);
+  g.fillStyle = S.on; g.font = '900 64px system-ui, sans-serif'; g.fillText('PATHMOOR', 80, 130);
+  g.fillStyle = '#ffffffcc'; g.font = '700 40px system-ui, sans-serif';
+  g.fillText(mode.kind === 'daily' ? `Daily #${dayNumber(mode.date)} · ${mode.date}` : `${packOf(mode.pack).name} · board ${mode.level}`, 80, 190);
+  drawBoard(g, 140, 250, 800, cur, new Uint8Array(cur.length).fill(1), 0);
+  g.fillStyle = '#fff'; g.font = '900 96px system-ui, sans-serif'; g.fillText(fmtTime(ms), 80, 1170);
+  g.font = '700 44px system-ui, sans-serif'; g.fillStyle = S.on;
+  g.fillText(`${totalTaps()} taps · par ${par(board)}`, 80, 1235);
+  g.fillStyle = '#ffffffaa'; g.font = '600 32px system-ui, sans-serif';
+  g.fillText('Play free: cybermax.cybermax-tools.workers.dev/games/pathmoor', 80, 1300);
+  return c;
+}
+
+// ------------------------------------------------------------------ input
+
+function cellAt(ev) {
+  const r = canvas.getBoundingClientRect();
+  const x = Math.floor(((ev.clientX - r.left) / r.width) * board.n), y = Math.floor(((ev.clientY - r.top) / r.height) * board.n);
+  return x >= 0 && y >= 0 && x < board.n && y < board.n ? y * board.n + x : -1;
+}
+canvas.addEventListener('pointerdown', (ev) => { ev.preventDefault(); tap(cellAt(ev), ev.button === 2 || ev.shiftKey ? 3 : 1); });
+canvas.addEventListener('contextmenu', (ev) => ev.preventDefault());
+canvas.addEventListener('keydown', (ev) => {
+  const n = board.n;
+  if (focus < 0) focus = board.src;
+  const x = focus % n, y = (focus / n) | 0;
+  const mv = { ArrowLeft: [-1, 0], ArrowRight: [1, 0], ArrowUp: [0, -1], ArrowDown: [0, 1] }[ev.key];
+  if (mv) { ev.preventDefault(); focus = Math.min(n - 1, Math.max(0, y + mv[1])) * n + Math.min(n - 1, Math.max(0, x + mv[0])); draw(); }
+  else if (ev.key === ' ' || ev.key === 'Enter') { ev.preventDefault(); tap(focus, ev.shiftKey ? 3 : 1); }
+  else if (ev.key === 'z' && (ev.ctrlKey || ev.metaKey)) { ev.preventDefault(); undo(); }
+});
+canvas.addEventListener('focus', draw); canvas.addEventListener('blur', draw);
+document.addEventListener('visibilitychange', () => { if (document.hidden && started && !done) { ms = elapsed(); started = performance.now(); save(); } });
+
+$('undo').onclick = undo;
+$('restart').onclick = restart;
+$('pass-btn').onclick = () => pass.open('header');
+document.addEventListener('click', (e) => { const b = e.target.closest('[data-pass]'); if (b) pass.open(b.dataset.pass); });
+$('share').onclick = async () => share(GAME, shareText(), PATH, await canvasBlob(card()), `pathmoor-${key.replace(/[:]/g, '-')}.png`);
+['sx', 'sb', 'sw'].forEach((id) => $(id).addEventListener('click', () => count(GAME, 'share', { sx: 'x', sb: 'bsky', sw: 'whatsapp' }[id])));
+$('card').onclick = async () => { download(await canvasBlob(card()), `pathmoor-${key.replace(/[:]/g, '-')}.png`); count(GAME, 'share', 'png'); };
+$('practice').onclick = () => {
+  if (mode.kind === 'pack') {
+    const pk = packOf(mode.pack);
+    if (mode.level < pk.levels) load({ kind: 'pack', pack: pk.id, level: mode.level + 1 }, true); else load({ kind: 'pack', pack: 'sprout', level: 1 }, true);
+  } else {
+    const lvl = Math.min(30, (store('pathmoor:pack:sprout') || 0) + 1);
+    load({ kind: 'pack', pack: 'sprout', level: lvl }, true);
+  }
+};
+$('stats-btn').onclick = () => {
+  const st = store('pathmoor:stats') || { days: {} };
+  const d = Object.values(st.days || {});
+  const best = d.length ? fmtTime(Math.min(...d.map((x) => x.ms))) : '–';
+  toast(`Dailies solved: ${d.length} · streak ${st.streak || 0} (best ${st.best || 0}) · fastest ${best}`, 4500);
+};
+
+function renderSkins() {
+  const el = $('skins');
+  el.innerHTML = '';
+  for (const [id, s] of Object.entries(SKINS)) {
+    const b = document.createElement('button');
+    b.type = 'button'; b.title = `${s.name} theme${s.free ? '' : ' (Fun Pass)'}`; b.setAttribute('aria-label', b.title);
+    b.style.background = `linear-gradient(135deg, ${s.bg} 50%, ${s.on} 50%)`;
+    b.setAttribute('aria-pressed', String(id === skin));
+    if (!s.free && !pass.isPro()) b.classList.add('locked');
+    b.onclick = () => {
+      if (!s.free && !pass.isPro()) { pass.open('theme'); return; }
+      skin = id; store('pathmoor:skin', id); renderSkins(); draw();
+    };
+    el.appendChild(b);
+  }
+}
+
+pass.onChange((pro) => {
+  if (!pro && !SKINS[skin].free) { skin = 'moor'; store('pathmoor:skin', 'moor'); }
+  renderSkins();
+  if (mode) renderModes();
+});
+load(fromUrl());
+
+// Screenshot helper for scripts/games/render_assets.mjs: shows a board mid-solve (no effect on normal play).
+window.__cmxShot = async (stage = 1) => {
+  if (stage === 2) { cur = board.sol.slice(); taps = {}; board.start.forEach((m, i) => { const k = turnsTo(m, board.sol[i]); if (k) taps[i] = k; }); const extra = Object.keys(taps)[3]; taps[extra] += 2; started = performance.now() - 83000; win(); return; }
+  for (let i = 0; i < cur.length; i++) if (i % 7 !== 3) cur[i] = board.sol[i];
+  taps = { 1: 2, 4: 1, 9: 3 }; hud(); draw();
+};

index.html

@@ -1,19 +1,61 @@
 <!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>
+<html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
+<title>Pathmoor: free daily path puzzle. Light every stone | CyberMax</title>
+<meta name="description" content="Pathmoor is a free daily path puzzle: tap stones to turn them until every path glows from the lantern. A new board every day, about 2 minutes, share your time like Wordle. Works offline, installs on your phone.">
+<link rel="canonical" href="https://cybermax.cybermax-tools.workers.dev/games/pathmoor/">
+<meta property="og:type" content="website"><meta property="og:site_name" content="CyberMax">
+<meta property="og:title" content="Pathmoor: light every stone">
+<meta property="og:description" content="A new path puzzle every day. Tap to turn stones until every path glows. Share your time.">
+<meta property="og:url" content="https://cybermax.cybermax-tools.workers.dev/games/pathmoor/">
+<meta property="og:image" content="https://cybermax.cybermax-tools.workers.dev/games/pathmoor/og.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630">
+<meta name="twitter:card" content="summary_large_image"><meta name="twitter:image" content="https://cybermax.cybermax-tools.workers.dev/games/pathmoor/og.png">
+<meta name="theme-color" content="#16241E">
+<link rel="manifest" href="manifest.webmanifest">
+<link rel="icon" href="icon.svg" type="image/svg+xml"><link rel="apple-touch-icon" href="icon-192.png">
+<meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-title" content="Pathmoor">
+<link rel="stylesheet" href="fun.css"><link rel="stylesheet" href="style.css">
+<script>try{var t=localStorage.getItem('cm-theme');if(t)document.documentElement.dataset.theme=t;var s=localStorage.getItem('pathmoor:skin');if(s)document.documentElement.dataset.skin=JSON.parse(s)}catch(e){}</script>
+<script type="application/ld+json">{"@context":"https://schema.org","@type":"VideoGame","name":"Pathmoor","url":"https://cybermax.cybermax-tools.workers.dev/games/pathmoor/","image":"https://cybermax.cybermax-tools.workers.dev/games/pathmoor/og.png","description":"A free daily path puzzle: tap stones to turn them until every path glows from the lantern.","genre":["Puzzle","Logic"],"gamePlatform":["Web browser","Android","iOS"],"applicationCategory":"Game","operatingSystem":"Any","playMode":"SinglePlayer","publisher":{"@type":"Organization","name":"CyberMax","url":"https://cybermax.cybermax-tools.workers.dev/"},"offers":[{"@type":"Offer","price":"0","priceCurrency":"USD","description":"Daily puzzle, free"},{"@type":"Offer","price":"2.99","priceCurrency":"USD","description":"CyberMax Fun Pass, monthly"}]}</script>
+</head><body>
+<div class="wrap">
+<header class="top"><a class="brand" href="https://cybermax.cybermax-tools.workers.dev/games/"><svg viewBox="0 0 512 512" aria-hidden="true"><clipPath id="lg"><rect width="512" height="512" rx="116"/></clipPath><g clip-path="url(#lg)"><rect width="512" height="512" fill="#FF6A3D"/><path d="M512 250V512H250Z" fill="#D9481F"/></g><g transform="translate(86 86) scale(3.4)"><path d="M66 27 A27 27 0 1 0 66 73" fill="none" stroke="#11141B" stroke-width="17" stroke-linecap="round"/><rect x="66" y="41" width="20" height="18" rx="4" fill="#11141B"/></g></svg>CyberMax</a>
+<nav><a href="https://cybermax.cybermax-tools.workers.dev/games/">Games</a></nav><button class="icon" id="stats-btn" type="button" aria-label="Your stats">📊</button><button class="icon" id="theme" type="button" aria-label="Switch light or dark">◐</button></header>
+<main>
+<section class="game">
+  <div class="headline"><h1>Pathmoor <span id="num" class="num"></span> <span class="pro-badge">PASS</span></h1>
+  <p class="muted tag">Tap stones to turn them. Light every path from the lantern.</p></div>
+  <div class="chips" id="modes" role="group" aria-label="Board"></div>
+  <div class="hud"><span>⏱ <b id="time">0:00</b></span><span>Taps <b id="taps">0</b></span><span>Par <b id="par">0</b></span><span>Lit <b id="lit">0%</b></span></div>
+  <div class="board-wrap"><canvas id="board" width="720" height="720" aria-label="Pathmoor board. Use arrow keys to move and Space to turn a stone." tabindex="0"></canvas></div>
+  <div class="row under"><button class="btn ghost sm" id="undo" type="button">↶ Undo</button><button class="btn ghost sm" id="restart" type="button">Restart</button><button class="btn ghost sm" id="install" type="button" hidden>📲 Add to Home Screen</button><button class="btn pass sm" id="pass-btn" type="button">✨ Fun Pass</button></div>
+  <section class="panel win" id="win" hidden aria-live="polite">
+    <h2 id="win-title">Every stone is lit!</h2>
+    <p id="win-line" class="muted"></p>
+    <pre id="win-grid" class="grid"></pre>
+    <div class="row"><button class="btn" id="share" type="button">Share result</button><a class="btn ghost sm" id="sx" target="_blank" rel="noopener">X</a><a class="btn ghost sm" id="sb" target="_blank" rel="noopener">Bluesky</a><a class="btn ghost sm" id="sw" target="_blank" rel="noopener">WhatsApp</a><button class="btn ghost sm" id="card" type="button">Save card</button></div>
+    <p class="muted small" id="next"></p>
+    <div class="row"><button class="btn ghost sm" id="practice" type="button">Play a practice board</button></div>
+    <div class="nudge"><span>Loved it? The <b>Fun Pass</b> adds 250 bigger boards, every past daily and colour themes.</span><button class="btn pass sm" data-pass="win" type="button">See the pass</button></div>
+  </section>
+  <div class="row skins" id="skins" aria-label="Board theme"></div>
+</section>
+
+<section class="seo">
+<h2>How to play Pathmoor</h2>
+<p>The board is a square of path stones. One stone holds the lantern. Tap any stone to turn it a quarter turn. When a path joins the lantern it glows. The puzzle is solved when <b>every stone glows and no path points into a wall or the edge</b>. Fewer taps is better: par is the fewest taps that can solve today's board.</p>
+<h3>Tips</h3>
+<ul><li>Start at the edges: a path can never point off the board, so corner stones often have only one way to sit.</li><li>Dead-end stones (one opening) must point into a neighbour that opens back.</li><li>Straight stones on an edge run along it, never into it.</li></ul>
+<h3>A new board every day</h3>
+<p>Everyone gets the same daily board, and it changes at your midnight. Share your time and taps with the grid: 🟩 a stone you set in par, 🟨 a few extra turns, 🟧 a lot, ⬜ a stone that was already right. Keep your streak going. Pathmoor works offline and installs on your phone like an app (no app store, no sign-up).</p>
+<h3>Free, with an optional Fun Pass</h3>
+<p>The daily board and three practice boards are free for everyone. The optional <b>CyberMax Fun Pass</b> ($2.99/month, $19/year, or $4.99 once) adds the Moorland 7×7, Highland 8×8 and Summit 10×10 packs (250 boards), the full archive of past dailies and colour themes, removes the supporter nudges, and works in every CyberMax game.</p>
+<h3>FAQ</h3>
+<p><b>Is there only one solution?</b> Any arrangement that lights every stone with no loose ends counts. <b>Does it track me?</b> No accounts, no cookies; only anonymous counts (a game was played or shared). <b>Why not just play another daily puzzle?</b> Pathmoor is a turn-the-tiles puzzle you can finish on a coffee break, with a fresh board daily and a par score to beat.</p>
+<h2>More free games from CyberMax</h2>
+<div class="more" id="more"><a href="https://cybermax.cybermax-tools.workers.dev/games/whirlane/"><b>Whirlane</b><span>One-tap orbit dodger with a daily leaderboard</span></a><a href="https://cybermax.cybermax-tools.workers.dev/games/townduel/"><b>Townduel</b><span>Which US town costs more? 10 daily duels</span></a><a href="https://cybermax.cybermax-tools.workers.dev/toys/"><b>Web toys</b><span>Roast your website, vibe-check a name</span></a></div>
+</section>
+</main>
+<footer>© 2026 CyberMax · <a href="https://cybermax.cybermax-tools.workers.dev/games/">Games</a> · <a href="https://cybermax.cybermax-tools.workers.dev/toys/">Toys</a> · <a href="https://cybermax.cybermax-tools.workers.dev/store/">Store</a> · <a href="https://cybermax.cybermax-tools.workers.dev/privacy">Privacy</a> · <a href="https://cybermax.cybermax-tools.workers.dev/terms">Terms</a></footer>
+</div>
+<script type="module" src="game.js"></script>
+</body></html>

manifest.webmanifest

@@ -0,0 +1,47 @@
+{
+ "name": "Pathmoor",
+ "short_name": "Pathmoor",
+ "description": "Daily path puzzle: turn stones until every path glows. Free daily game by CyberMax, works offline.",
+ "id": "./",
+ "start_url": "./?utm_source=pwa",
+ "scope": "./",
+ "display": "standalone",
+ "orientation": "portrait",
+ "background_color": "#16241E",
+ "theme_color": "#16241E",
+ "categories": [
+  "games",
+  "entertainment"
+ ],
+ "icons": [
+  {
+   "src": "icon-192.png",
+   "sizes": "192x192",
+   "type": "image/png"
+  },
+  {
+   "src": "icon-512.png",
+   "sizes": "512x512",
+   "type": "image/png"
+  },
+  {
+   "src": "icon-maskable.png",
+   "sizes": "512x512",
+   "type": "image/png",
+   "purpose": "maskable"
+  },
+  {
+   "src": "icon.svg",
+   "sizes": "any",
+   "type": "image/svg+xml"
+  }
+ ],
+ "screenshots": [
+  {
+   "src": "shot-phone.png",
+   "sizes": "780x1688",
+   "type": "image/png",
+   "form_factor": "narrow"
+  }
+ ]
+}

style.css

@@ -1,28 +1,14 @@
-body {
-	padding: 2rem;
-	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
-}
-
-h1 {
-	font-size: 16px;
-	margin-top: 0;
-}
-
-p {
-	color: rgb(107, 114, 128);
-	font-size: 15px;
-	margin-bottom: 10px;
-	margin-top: 5px;
-}
-
-.card {
-	max-width: 620px;
-	margin: 0 auto;
-	padding: 16px;
-	border: 1px solid lightgray;
-	border-radius: 16px;
-}
-
-.card p:last-child {
-	margin-bottom: 0;
-}
+/* Pathmoor layout. Board colours live in game.js (SKINS). (c) 2026 CyberMax. */
+.game{padding:4px 0 0}
+.headline h1 .num{color:var(--muted);font-weight:700;font-size:.62em}
+.tag{margin:0 0 12px}
+.hud{display:flex;gap:14px;flex-wrap:wrap;margin:12px 0 8px;font-size:15px;color:var(--muted)}.hud b{color:var(--ink);font-variant-numeric:tabular-nums}
+.board-wrap{display:flex;justify-content:center}
+#board{width:100%;max-width:min(560px,calc(100vh - 230px));min-width:280px;aspect-ratio:1;border-radius:22px;touch-action:manipulation;cursor:pointer;box-shadow:var(--shadow);outline-offset:4px}
+.under{justify-content:center;margin:12px 0}
+.win{margin:14px 0}.win h2{margin:0 0 4px}
+.grid{font:22px/1.15 system-ui,"Apple Color Emoji","Segoe UI Emoji",sans-serif;letter-spacing:2px;margin:10px 0;white-space:pre}
+.skins{justify-content:center;margin:8px 0}
+.skins button{width:36px;height:36px;border-radius:50%;border:3px solid var(--line);cursor:pointer;position:relative}
+.skins button[aria-pressed=true]{border-color:var(--ink)}
+.skins button.locked::after{content:"🔒";position:absolute;right:-6px;bottom:-6px;font-size:12px}

sw.js

@@ -0,0 +1,25 @@
+// CyberMax game service worker: the game works offline after the first visit. Cache-first for the game's own files,
+// network-first for the page itself (so updates arrive), never caches API calls or other sites. (c) 2026 CyberMax.
+const GAME = 'pathmoor';
+const CACHE = `cmx-${GAME}-ddcdf874da`;
+const FILES = ["./", "cmx.js", "core.js", "fun.css", "funpass.js", "game.js", "icon-192.png", "icon-512.png", "icon-maskable.png", "icon.svg", "index.html", "manifest.webmanifest", "style.css"];
+
+self.addEventListener('install', (e) => {
+  e.waitUntil(caches.open(CACHE).then((c) => c.addAll(FILES)).then(() => self.skipWaiting()));
+});
+self.addEventListener('activate', (e) => {
+  e.waitUntil(caches.keys().then((keys) => Promise.all(keys.filter((k) => k.startsWith(`cmx-${GAME}-`) && k !== CACHE).map((k) => caches.delete(k)))).then(() => self.clients.claim()));
+});
+self.addEventListener('fetch', (e) => {
+  const u = new URL(e.request.url);
+  if (e.request.method !== 'GET' || u.origin !== location.origin || !u.pathname.startsWith(new URL(self.registration.scope).pathname)) return;
+  if (e.request.mode === 'navigate') {
+    e.respondWith(fetch(e.request).then((r) => { const c = r.clone(); caches.open(CACHE).then((x) => x.put(u.pathname, c)); return r; })
+      .catch(() => caches.match(u.pathname).then((r) => r || caches.match('./'))));
+    return;
+  }
+  e.respondWith(caches.match(e.request, { ignoreSearch: true }).then((r) => r || fetch(e.request).then((res) => {
+    if (res.ok) { const c = res.clone(); caches.open(CACHE).then((x) => x.put(e.request, c)); }
+    return res;
+  })));
+});