Deploy pathmoor

README.md

@@ -6,6 +6,7 @@ colorTo: green
 sdk: static
 pinned: false
 license: other
+thumbnail: https://cybermaxtools.com/games/pathmoor/og.png
 short_description: "Daily path puzzle: turn stones until every path glows"
 tags:
 - game
@@ -16,12 +17,21 @@ tags:
 - browser-game
 - pwa
 - cybermax
-thumbnail: https://huggingface.co/spaces/CyberMax-tools/pathmoor/resolve/main/thumbnail.png
 ---
 **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).
 
 Play it full screen: https://cybermaxtools.com/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://cybermaxtools.com/games/?utm_source=huggingface
+**Watch the real gameplay demo:** https://cybermaxtools.com/media/demos/pathmoor/demo-16x9.mp4
+
+![Pathmoor gameplay](https://cybermaxtools.com/media/demos/pathmoor/poster.jpg)
+
+**Embed it free on your site** (works on phones, keeps a small link to CyberMax):
+
+```html
+<iframe src="https://cybermaxtools.com/embed/pathmoor/" width="480" height="720" style="border:0;max-width:100%;aspect-ratio:2/3;height:auto" title="Pathmoor: free game by CyberMax" loading="lazy" allowfullscreen></iframe>
+```
+
+The optional **CyberMax Fun Pass** ($2.99/month, $19/year or $29.99 for life) adds extra packs, the full archive of past dailies and colour themes in every CyberMax game: https://cybermaxtools.com/games/?utm_source=huggingface
 
 More free games: https://cybermaxtools.com/games/ · © 2026 CyberMax. All rights reserved.

cmx.js

@@ -129,7 +129,7 @@ export function pwa(game, btn) {
   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('beforeinstallprompt', (e) => { e.preventDefault(); deferred = e; if (wanted && btn && !store(`cmx-install-no:${game}`)) btn.hidden = false; });
   window.addEventListener('appinstalled', () => { count(game, 'install', 'prompt'); if (btn) btn.hidden = true; });
   if (btn) {
     btn.addEventListener('click', async () => {
@@ -137,10 +137,12 @@ export function pwa(game, btn) {
         deferred.prompt();
         const r = await deferred.userChoice.catch(() => null);
         if (r && r.outcome === 'accepted') btn.hidden = true;
+        else if (r && r.outcome === 'dismissed') { store(`cmx-install-no:${game}`, 1); btn.hidden = true; } // "Not now" is remembered
         deferred = null;
       } else if (ios) {
         toast('Tap the Share button, then "Add to Home Screen".', 5000);
         count(game, 'install', 'ios-hint');
+        store(`cmx-install-no:${game}`, 1);
       }
     });
   }

core.js

@@ -141,3 +141,141 @@ export const PACKS = [
   { id: 'highland', name: 'Highland 8×8', n: 8, levels: 100 },
   { id: 'summit', name: 'Summit 10×10', n: 10, levels: 50 },
 ];
+
+// ------------------------------------------------------------------ levels (30 hand-tuned boards + twists)
+// Twists, one new idea about every 5 levels: holes (shaped boards), twin stones (tap one, both turn), fog (you only
+// see stones next to the light), reverse stones (turn anticlockwise) and bigger boards. Every 10th level is a
+// challenge level with a tap budget: run out of taps and the board resets.
+// Level boards use their own seed space, so the daily board above is unchanged.
+
+/** n = size, mix = share of stones shuffled (early levels), holes = empty cells, twins = twin pairs, fog, rev = reverse stones, budget = par + slack (challenge). */
+export const LEVELS = [
+  { n: 3, mix: 0.35, name: 'First light' }, { n: 4, mix: 0.45, name: 'Crossroads' }, { n: 4, mix: 0.7, name: 'Moor gate' }, { n: 5, mix: 0.6, name: 'Bracken' }, { n: 5, mix: 0.7, name: 'Lantern walk' },
+  { n: 5, holes: 3, name: 'Broken ground', twist: 'Holes in the moor' }, { n: 5, holes: 4, name: 'Bog pools' }, { n: 6, name: 'Long dusk' }, { n: 6, holes: 5, name: 'Peat cuts' },
+  { n: 6, holes: 3, budget: 6, name: 'Lantern trial', boss: true },
+  { n: 5, twins: 2, name: 'Twin stones', twist: 'Twin stones turn together' }, { n: 6, twins: 3, name: 'Paired path' }, { n: 6, twins: 3, holes: 3, name: 'Old wall' }, { n: 6, twins: 4, name: 'Mirror field' }, { n: 7, twins: 3, name: 'Wide moor' },
+  { n: 6, fog: true, name: 'Moor fog', twist: 'Fog: only stones near the light show' }, { n: 6, fog: true, twins: 2, name: 'Grey morning' }, { n: 7, fog: true, holes: 4, name: 'Mist pools' }, { n: 7, twins: 4, holes: 4, name: 'Heather maze' },
+  { n: 7, fog: true, twins: 3, budget: 10, name: 'Fog trial', boss: true },
+  { n: 6, rev: 5, name: 'Backwards stones', twist: 'Purple stones turn the other way' }, { n: 7, rev: 7, name: 'Turnabout' }, { n: 7, rev: 6, twins: 3, name: 'Crossed wires' }, { n: 8, name: 'Highland' }, { n: 8, holes: 6, fog: true, name: 'Cloud tops' },
+  { n: 9, name: 'Great moor', twist: 'Bigger boards' }, { n: 8, rev: 8, twins: 4, holes: 5, name: 'Tangle' }, { n: 9, fog: true, rev: 8, name: 'Night walk' }, { n: 9, rev: 9, twins: 5, holes: 6, name: 'Summit path' },
+  { n: 10, rev: 10, twins: 5, holes: 6, fog: true, budget: 14, name: 'Summit trial', boss: true },
+];
+
+/** Stones reachable from the lantern (holes are walls). */
+export function litB(b, cur) { return lit(b.n, b.src, cur); }
+
+/** Solved: no loose ends and every stone that is not a hole is lit. */
+export function isSolvedB(b, cur) {
+  if (looseEnds(b.n, cur)) return false;
+  const on = lit(b.n, b.src, cur);
+  for (let i = 0; i < on.length; i++) if (!on[i] && !b.hole[i]) return false;
+  return true;
+}
+
+/** The stones one tap on stone i turns (its twin too). */
+export const groupOf = (b, i) => (b.twin[i] >= 0 ? [i, b.twin[i]] : [i]);
+/** Turn direction of stone i: 1 clockwise, 3 (= one anticlockwise quarter) for reverse stones. */
+export const dirOf = (b, i) => (b.rev[i] ? 3 : 1);
+
+/** Apply one tap on stone i to cur (in place). k = 1 forward, 3 = back (undo / shift-tap). */
+export function tapB(b, cur, i, k = 1) {
+  if (b.hole[i]) return false;
+  for (const j of groupOf(b, i)) cur[j] = turn(cur[j], dirOf(b, j) * k);
+  return true;
+}
+
+/** Fewest taps on the group of stone i that bring it from start back to the solution. */
+function groupTaps(b, start, i) {
+  const g = groupOf(b, i);
+  for (let k = 0; k < 4; k++) if (g.every((j) => turn(start[j], dirOf(b, j) * k) === b.sol[j])) return k;
+  return 0;
+}
+
+/** Par for a level board: the fewest taps from the shuffle to our solution. */
+export function parB(b) {
+  let s = 0;
+  const seen = new Set();
+  for (let i = 0; i < b.n * b.n; i++) {
+    if (b.hole[i] || seen.has(i)) continue;
+    groupOf(b, i).forEach((j) => seen.add(j));
+    s += groupTaps(b, b.start, i);
+  }
+  return s;
+}
+
+/** Stars: 3 = par or better, 2 = within about a third over par, 1 = solved. */
+export function levelStars(taps, p) {
+  return taps <= p ? 3 : taps <= p + Math.ceil(p * 0.34) + 1 ? 2 : 1;
+}
+
+/** Build level `num` (1-based) from LEVELS. Deterministic: the same level is the same board for everyone. */
+export function generateLevel(num) {
+  const L = LEVELS[num - 1];
+  const n = L.n, rand = rng(`pathmoor:lv:${num}`);
+  for (let attempt = 0; attempt < 400; attempt++) {
+    const hole = new Uint8Array(n * n);
+    const c = Math.floor((n - 1) / 2);
+    const src = (c + Math.floor(rand() * 2)) * n + c + Math.floor(rand() * 2);
+    let holes = L.holes || 0;
+    for (let tries = 0; holes > 0 && tries < 200; tries++) {
+      const i = Math.floor(rand() * n * n);
+      if (i === src || hole[i]) continue;
+      hole[i] = 1; holes--;
+    }
+    const sol = new Array(n * n).fill(0);
+    const inTree = new Uint8Array(n * n);
+    inTree[src] = 1;
+    let frontier = [];
+    const addEdges = (i) => {
+      const x = i % n, y = (i / n) | 0;
+      for (const [bt, dx, dy, back] of DIRS) {
+        const nx = x + dx, ny = y + dy, j = ny * n + nx;
+        if (nx >= 0 && ny >= 0 && nx < n && ny < n && !inTree[j] && !hole[j]) frontier.push([i, j, bt, back]);
+      }
+    };
+    addEdges(src);
+    let count = 1;
+    const need = n * n - (L.holes || 0);
+    while (frontier.length) {
+      const k = Math.floor(rand() * frontier.length);
+      const [i, j, bt, back] = frontier[k];
+      frontier.splice(k, 1);
+      if (inTree[j]) continue;
+      sol[i] |= bt; sol[j] |= back; inTree[j] = 1; count++;
+      addEdges(j);
+    }
+    if (count < need) continue; // holes cut the moor in two: re-roll
+    const cells = [...Array(n * n).keys()].filter((i) => !hole[i]);
+    const straights = cells.filter((i) => sol[i] === (N | S) || sol[i] === (E | W)).length;
+    if (n >= 5 && straights > cells.length * 0.4) continue;
+    // twins: pairs of stones (not crosses, not the lantern) that turn together
+    const twin = new Int16Array(n * n).fill(-1);
+    const pool = cells.filter((i) => i !== src && bits(sol[i]) < 4);
+    for (let t = 0; t < (L.twins || 0) && pool.length > 1; t++) {
+      const a = pool.splice(Math.floor(rand() * pool.length), 1)[0];
+      const bb = pool.splice(Math.floor(rand() * pool.length), 1)[0];
+      twin[a] = bb; twin[bb] = a;
+    }
+    const rev = new Uint8Array(n * n);
+    const rpool = cells.filter((i) => twin[i] < 0 && bits(sol[i]) < 4 && !(sol[i] === (N | S) || sol[i] === (E | W)));
+    for (let t = 0; t < (L.rev || 0) && rpool.length; t++) rev[rpool.splice(Math.floor(rand() * rpool.length), 1)[0]] = 1;
+    const b = { n, src, sol, hole, twin, rev, fog: !!L.fog, level: num };
+    // shuffle by tapping: every group gets 0-3 backward taps, so the board is always solvable
+    const start = sol.slice();
+    const done = new Set();
+    for (const i of cells) {
+      if (done.has(i)) continue;
+      groupOf(b, i).forEach((j) => done.add(j));
+      const k = rand() < (L.mix || 0.75) ? 1 + Math.floor(rand() * 3) : 0;
+      for (const j of groupOf(b, i)) start[j] = turn(start[j], dirOf(b, j) * 3 * k);
+    }
+    b.start = start;
+    if (isSolvedB(b, start)) continue;
+    const p = parB(b);
+    if (p < Math.max(3, Math.floor(cells.length * 0.35 * (L.mix || 0.75)))) continue; // too few taps needed: not a real puzzle
+    b.par = p;
+    b.budget = L.budget ? p + L.budget : 0;
+    return b;
+  }
+  throw new Error(`level ${num}: no board`);
+}

funpass.js

@@ -1,6 +1,6 @@
 // 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 · Lifetime $29.99 once (Stripe Payment Links, pack revenue/packs/stripe/fun-pass).
+//   Monthly $2.99 · Yearly $19 · Unlock all $4.99 once (Stripe Payment Links, pack revenue/packs/stripe/fun-pass).
 // Buy: counted redirect https://data.cybermaxtools.com/buy/st-fun-pass-<plan>?s=game-<id> -> Stripe checkout.
 // After checkout Stripe sends the buyer to data.cybermaxtools.com/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>.
@@ -15,7 +15,7 @@ const RECHECK = 3 * 864e5; // subscriptions are re-checked every 3 days; a cance
 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: 'Lifetime', price: '$29.99', per: ' once', note: 'Pay once, keep forever' },
+  { 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'];
 

game.js

@@ -1,5 +1,6 @@
-// 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';
+// Pathmoor: the game screen (canvas board, timer, 30 levels, daily, packs, archive, share, card, themes). (c) 2026 CyberMax.
+import { generate, turn, turnsTo, par, shareGrid, fmtTime, PACKS, bits, LEVELS, generateLevel, isSolvedB, litB, tapB, groupOf, levelStars } from './core.js';
+import * as lv from './levels.js';
 import { today, dayNumber, dateOf, count, store, toast, share, intents, download, canvasBlob, pwa, rr, themeToggle } from './cmx.js';
 import * as pass from './funpass.js';
 
@@ -19,10 +20,16 @@ const SKINS = {
 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;
+let mode; // { kind: 'daily', date } | { kind: 'pack', pack, level } | { kind: 'level', level }
+let board, cur, taps, undoStack, ms, started, done, key, focus = -1, anim = {}, winAt = 0, failed = false;
+let muted = !!store('pathmoor:mute');
+const sfx = lv.sfx(() => muted);
+const prog = lv.progress(GAME, { total: LEVELS.length, free: 20, isPro: () => pass.isPro() });
+let chal = lv.readChallenge(); // ?seed=L7&score=12 or ?seed=2026-10-08&score=30 ("beat my score")
+const MAP = LEVELS.map((l, i) => ({ n: i + 1, name: l.name, twist: l.twist, boss: l.boss }));
+const WORLDS = ['Sprout Moor', 'Twin Fields', 'Highland (Fun Pass)'];
 
-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'] });
+pass.init({ game: GAME, name: 'Pathmoor', perks: ['Levels 21-30: reverse stones and 9×9 to 10×10 boards', '250 bonus 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'));
 
@@ -30,52 +37,117 @@ themeToggle($('theme'));
 
 function packOf(id) { return PACKS.find((p) => p.id === id); }
 function locked(m) {
+  if (m.kind === 'level') return prog.lock(m.level, { challenge: !!m.challenge });
   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 keyOf(m) { return m.kind === 'daily' ? `d:${m.date}` : m.kind === 'level' ? `l:${m.level}` : `p:${m.pack}:${m.level}`; }
+function label(m) { return m.kind === 'daily' ? `#${dayNumber(m.date)}` : m.kind === 'level' ? `Level ${m.level}` : `${packOf(m.pack).name} · ${m.level}`; }
 
 function fromUrl() {
   const q = new URLSearchParams(location.search);
+  if (chal && chal.level && chal.level <= LEVELS.length) return { kind: 'level', level: chal.level, challenge: true };
+  if (chal && chal.date) return { kind: 'daily', date: pass.isPro() || chal.date === todayIso ? chal.date : todayIso };
+  const lq = Number(q.get('lv'));
+  if (lq >= 1 && lq <= LEVELS.length) return { kind: 'level', level: lq };
   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 };
+  // first visit: start on level 1 (2-second tutorial); returning players land on today's daily board
+  if (!store('pathmoor:stats') && !prog.cleared()) return { kind: 'level', level: 1 };
   return { kind: 'daily', date: todayIso };
 }
 
+/** Level and daily boards share one shape: holes, twins, reverse stones and fog are empty on plain boards. */
+/** The daily streak (days in a row with a solved daily), 0 once a day is missed. */
+function streakNow() {
+  const st = store('pathmoor:stats') || { days: {} };
+  return st.days[todayIso] || st.days[dateOf(todayNum - 1)] ? st.streak || 0 : 0;
+}
+function plain(b) {
+  const z = b.n * b.n;
+  return { ...b, hole: new Uint8Array(z), twin: new Int16Array(z).fill(-1), rev: new Uint8Array(z), fog: false, par: par(b), budget: 0 };
+}
+
 function load(m, push = false) {
-  if (locked(m)) { pass.open(m.kind === 'daily' ? 'archive' : m.pack); return false; }
+  const lk = locked(m);
+  if (lk) {
+    if (m.kind === 'level' && lk === 'progress') { toast(`Clear level ${prog.reached()} first.`); return false; }
+    pass.open(m.kind === 'daily' ? 'archive' : m.kind === 'level' ? 'level' : 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);
+  if (m.kind === 'level') { prog.open(m.level); board = generateLevel(m.level); }
+  else board = plain(generate(m.kind === 'daily' ? m.date : `${m.pack}-${m.level}`, m.kind === 'daily' ? 6 : packOf(m.pack).n));
+  const n = board.n;
+  failed = false;
+  $('levels').hidden = true;
   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);
+  $('par').textContent = board.par;
+  goal();
+  banner();
   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}`;
+    u.search = m.kind === 'daily' ? (m.date === todayIso ? '' : `?d=${m.date}`) : m.kind === 'level' ? `?lv=${m.level}` : `?p=${m.pack}&l=${m.level}`;
     window.history.replaceState(null, '', u.pathname + u.search);
   }
   renderModes();
   $('win').hidden = true;
   if (done) showWin(false);
   hud(); draw();
+  if (m.kind === 'level' && m.level === 1 && !done) setTimeout(() => {
+    const i = board.start.findIndex((v, j) => v !== board.sol[j]);
+    lv.tutorial(GAME, canvas, { fx: ((i % n) + 0.5) / n, fy: (((i / n) | 0) + 0.5) / n });
+  }, 300);
+  if (m.kind === 'level' && board.budget && !done) sfx.boss();
   return true;
 }
 
+/** The goal line under the modes: what to do on this board, in one glance. */
+function goal() {
+  const L = mode.kind === 'level' ? LEVELS[mode.level - 1] : null;
+  const bits2 = [];
+  if (L && L.boss) bits2.push('👑 Challenge level');
+  bits2.push(`🎯 Light every stone in <b>${board.par}</b> taps for ⭐⭐⭐`);
+  if (board.budget) bits2.push(`run out of <b>${board.budget}</b> taps and it resets`);
+  if (L && L.twist) bits2.push(`<span class="new-twist">NEW: ${L.twist}</span>`);
+  $('goal').innerHTML = bits2.join(' · ');
+  $('left-wrap').hidden = !board.budget;
+}
+
+/** "Beat my score" banner when the page was opened from a friend's link for this same board. */
+function banner() {
+  const el = $('challenge');
+  const same = chal && chal.score !== null && ((chal.level && mode.kind === 'level' && mode.level === chal.level) || (chal.date && mode.kind === 'daily' && mode.date === chal.date));
+  el.hidden = !same;
+  if (same) el.innerHTML = `<span>🎯 A friend solved ${mode.kind === 'level' ? `level ${chal.level}` : `daily #${dayNumber(chal.date)}`} in <b>${chal.score}</b> taps. Beat it!</span>`;
+}
+
+function showMap() {
+  const el = $('levels');
+  if (!el.hidden) { el.hidden = true; return; }
+  lv.renderMap($('lvmap'), prog, MAP, {
+    current: mode.kind === 'level' ? mode.level : 0, worlds: WORLDS,
+    onPick: (k) => load({ kind: 'level', level: k }, true),
+    onLocked: (k, why) => (why === 'pass' ? pass.open('level') : toast(`Clear level ${prog.reached()} to open level ${k}.`)),
+  });
+  el.hidden = false;
+  el.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+}
+
 function renderModes() {
   const el = $('modes');
-  const chips = [{ m: { kind: 'daily', date: todayIso }, t: `Today #${todayNum}`, on: mode.kind === 'daily' && mode.date === todayIso }];
+  const chips = [{ m: { kind: 'daily', date: todayIso }, t: `Today #${todayNum}${streakNow() ? ` 🔥${streakNow()}` : ''}`, on: mode.kind === 'daily' && mode.date === todayIso },
+    { map: true, t: `Levels ${prog.cleared()}/${LEVELS.length} ⭐${prog.totalStars()}`, on: mode.kind === 'level' }];
   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 };
@@ -88,7 +160,7 @@ function renderModes() {
     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));
+    b.onclick = () => (c.archive ? archive() : c.map ? showMap() : load(c.m, true));
     el.appendChild(b);
   });
 }
@@ -108,31 +180,43 @@ 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 (done || failed || i < 0 || board.hole[i]) 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);
+  if (bits(cur[i]) === 4 && board.twin[i] < 0) return; // a cross never changes
+  const before = litCount();
+  undoStack.push(groupOf(board, i).map((j) => [j, cur[j]]));
+  tapB(board, cur, i, k);
   taps[i] = (taps[i] || 0) + 1;
-  anim[i] = { from: k === 1 ? -90 : 90, t0: performance.now() };
+  for (const j of groupOf(board, i)) anim[j] = { from: (board.rev[j] ? -1 : 1) * (k === 1 ? -90 : 90), t0: performance.now() };
   if (navigator.vibrate) try { navigator.vibrate(8); } catch { /* */ }
-  if (isSolved(board.n, board.src, cur)) win();
+  const gain = litCount() - before;
+  if (gain > 0) sfx.good(Math.min(20, gain)); else sfx.tap();
+  if (isSolvedB(board, cur)) win();
+  else if (board.budget && totalTaps() >= board.budget) fail();
   save(); hud(); loop();
 }
+function litCount() { return litB(board, cur).reduce((a, b) => a + b, 0); }
+
+/** Challenge level: out of taps. Shake, buzz, and the board resets by itself (one tap to try again). */
+function fail() {
+  failed = true; sfx.hit(); lv.shake(canvas, 10, 320);
+  if (navigator.vibrate) try { navigator.vibrate([30, 40, 30]); } catch { /* */ }
+  toast(`Out of taps! The board resets. Par is ${board.par}.`, 1800);
+  setTimeout(() => { failed = false; restart(true); }, 650);
+}
 
 function undo() {
   if (done || !undoStack.length) return;
-  const [i, m] = undoStack.pop();
-  cur[i] = m;
-  anim[i] = { from: 90, t0: performance.now() };
+  for (const [i, m] of 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;
+/** Instant restart: one tap, no question (a finished result stays saved in your stats and stars). */
+function restart(quiet = false) {
+  if (!quiet) sfx.tap();
   cur = board.start.slice(); taps = {}; ms = 0; started = 0; done = false; undoStack = [];
   store(`pathmoor:b:${key}`, null);
   $('win').hidden = true;
@@ -144,17 +228,25 @@ 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)}%`;
+  const on = litB(board, cur);
+  const cells = on.length - board.hole.reduce((a, b) => a + b, 0);
+  $('lit').textContent = `${Math.round((on.reduce((a, b) => a + b, 0) / cells) * 100)}%`;
+  if (board.budget) $('left').textContent = Math.max(0, board.budget - totalTaps());
 }
 
 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') {
+  count(GAME, 'win', mode.kind === 'daily' ? (mode.date === todayIso ? 'daily' : 'archive') : mode.kind === 'level' ? `level-${mode.level}` : mode.pack);
+  sfx.win(); lv.burstAt(canvas, 0.5, 0.5, { n: 60, speed: 9, colors: [SKINS[skin].on, SKINS[skin].lamp, '#FFFFFF'] });
+  if (mode.kind === 'level') {
+    const st = levelStars(totalTaps(), board.par);
+    mode.result = prog.record(mode.level, st, totalTaps());
+    mode.result.got = st;
+    for (let k = 0; k < st; k++) sfx.star(k);
+  } else 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) };
+      st.days[mode.date] = { ms: Math.round(ms), taps: totalTaps(), par: board.par };
       if (mode.date === todayIso) {
         const y = dateOf(todayNum - 1);
         st.streak = st.days[y] ? (st.streak || 0) + 1 : 1;
@@ -165,31 +257,55 @@ function win() {
   } else {
     store(`pathmoor:pack:${mode.pack}`, Math.max(store(`pathmoor:pack:${mode.pack}`) || 0, mode.level));
   }
+  renderModes();
   save();
   setTimeout(() => showWin(true), 650);
   install.offer();
 }
 
 function shareText() {
-  const t = totalTaps(), p = par(board);
+  const t = totalTaps(), p = board.par;
+  if (mode.kind === 'level') return `Pathmoor level ${mode.level} 🏮 ${lv.starText(prog.stars(mode.level))}\n${t} taps (par ${p}) · ${fmtTime(ms)}\nCan you beat it?`;
   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)}`;
+  const streak = mode.kind === 'daily' && mode.date === todayIso && streakNow() > 1 ? ` · 🔥${streakNow()}` : '';
+  return `${head} ${fmtTime(ms)} · ${t} taps (par ${p})${t <= p ? ' ⭐ perfect' : ''}${streak}\n${shareGrid(board, taps)}`;
+}
+/** The "beat my score" link: the same board, with my taps to beat. */
+function beatLink() {
+  if (mode.kind === 'level') return lv.challengeLink(PATH, GAME, { level: mode.level, score: totalTaps() });
+  if (mode.kind === 'daily') return lv.challengeLink(PATH, GAME, { date: mode.date, score: totalTaps() });
+  return `https://cybermaxtools.com${PATH}?p=${mode.pack}&l=${mode.level}`;
 }
 
 function showWin(scroll) {
   const st = store('pathmoor:stats') || {};
-  const t = totalTaps(), p = par(board);
+  const t = totalTaps(), p = board.par;
   $('win-title').textContent = t <= p ? 'Perfect! Every stone lit in par.' : 'Every stone is lit!';
+  const isLv = mode.kind === 'level';
+  $('win-stars').hidden = !isLv;
+  if (isLv) {
+    const st = prog.stars(mode.level);
+    $('win-stars').innerHTML = lv.starsHtml(st);
+    $('win-title').textContent = st === 3 ? `Level ${mode.level}: perfect!` : `Level ${mode.level} cleared!`;
+  }
+  $('next-lv').hidden = !isLv || mode.level >= LEVELS.length;
+  $('retry').hidden = !isLv;
+  if (isLv && mode.level < LEVELS.length) $('next-lv').textContent = prog.lock(mode.level + 1) === 'pass' ? `Level ${mode.level + 1} 🔒 Fun Pass` : `Next: level ${mode.level + 1} ▶`;
   $('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);
+  $('win-grid').textContent = isLv ? '' : shareGrid(board, taps);
+  $('win-grid').hidden = isLv;
+  if (chal && chal.score !== null && !$('challenge').hidden) {
+    $('win-line').textContent += t < chal.score ? ` · 🎯 You beat your friend's ${chal.score}!` : t === chal.score ? ` · 🎯 Tied with your friend (${chal.score})` : ` · 🎯 ${t - chal.score} more than your friend. Retry?`;
+  }
   const text = shareText();
-  const it = intents(GAME, text, PATH);
+  const it = intents(GAME, `${text}\n🎯 ${beatLink()}`, PATH);
   $('sx').href = it.x; $('sb').href = it.bsky; $('sw').href = it.whatsapp;
   const pr = $('practice');
-  if (mode.kind === 'pack') {
+  if (isLv) pr.textContent = 'Play today\'s daily board';
+  else 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';
+  } else pr.textContent = `Play level ${prog.reached()}`;
   $('win').hidden = false;
   pass.afterWin($('win'), 'win');
   tick();
@@ -205,14 +321,37 @@ function tick() {
 
 // ------------------------------------------------------------------ drawing
 
+const TWIN = ['#5CF2FF', '#FF8FD8', '#9BE15D', '#FFD166', '#FF7A45', '#B79CFF'];
+function mix(a, b, k) {
+  const p = (h) => [1, 3, 5].map((o) => parseInt(h.slice(o, o + 2), 16));
+  const A = p(a), B = p(b);
+  return `rgb(${A.map((v, i) => Math.round(v + (B[i] - v) * k)).join(',')})`;
+}
+/** Fog: a stone shows only when it is lit or next to a lit stone. */
+function fogMask(on) {
+  if (!board.fog || done) return null;
+  const n = board.n, f = new Uint8Array(n * n).fill(1);
+  for (let i = 0; i < n * n; i++) {
+    if (!on[i]) continue;
+    const x = i % n, y = (i / n) | 0;
+    f[i] = 0;
+    for (const [dx, dy] of [[1, 0], [-1, 0], [0, 1], [0, -1]]) { const X = x + dx, Y = y + dy; if (X >= 0 && Y >= 0 && X < n && Y < n) f[Y * n + X] = 0; }
+  }
+  return f;
+}
 function drawBoard(c, x0, y0, size, cells, on, t, focusIdx = -1) {
   const S = SKINS[skin];
+  const fogged = fogMask(on);
   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 (board.hole[i]) continue; // a hole in the moor: nothing to draw
+    if (fogged && fogged[i]) { c.fillStyle = S.off; c.globalAlpha = 0.35; rr(c, x + pad, y + pad, cs - 2 * pad, cs - 2 * pad, cs * 0.18); c.fill(); c.globalAlpha = 1; continue; }
+    c.fillStyle = board.rev[i] ? mix(S.stone, '#8A5CF6', 0.35) : S.stone; rr(c, x + pad, y + pad, cs - 2 * pad, cs - 2 * pad, cs * 0.18); c.fill();
+    if (board.twin[i] >= 0) { c.fillStyle = TWIN[Math.min(i, board.twin[i]) % TWIN.length]; c.beginPath(); c.arc(x + cs * 0.2, y + cs * 0.2, cs * 0.075, 0, Math.PI * 2); c.fill(); }
+    if (board.rev[i]) { c.strokeStyle = '#B79CFF'; c.lineWidth = Math.max(2, cs * 0.035); c.beginPath(); c.arc(x + cs * 0.8, y + cs * 0.2, cs * 0.07, Math.PI * 0.2, Math.PI * 1.7); c.stroke(); }
     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];
@@ -244,7 +383,7 @@ 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);
+  const on = done ? new Uint8Array(cur.length).fill(1) : litB(board, 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);
@@ -269,11 +408,11 @@ function card() {
   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);
+  g.fillText(mode.kind === 'daily' ? `Daily #${dayNumber(mode.date)} · ${mode.date}` : mode.kind === 'level' ? `Level ${mode.level} · ${LEVELS[mode.level - 1].name} ${lv.starText(prog.stars(mode.level))}` : `${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.fillText(`${totalTaps()} taps · par ${board.par} · can you beat it?`, 80, 1235);
   g.fillStyle = '#ffffffaa'; g.font = '600 32px system-ui, sans-serif';
   g.fillText('Play free: cybermaxtools.com/games/pathmoor', 80, 1300);
   return c;
@@ -296,19 +435,31 @@ canvas.addEventListener('keydown', (ev) => {
   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(); }
+  else if (ev.key === 'r' || ev.key === 'R') { ev.preventDefault(); restart(); }
 });
 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;
+$('restart').onclick = () => restart();
+$('retry').onclick = () => restart();
+$('next-lv').onclick = () => load({ kind: 'level', level: mode.level + 1 }, true) && canvas.scrollIntoView({ behavior: 'smooth', block: 'center' });
+$('beat').onclick = async () => {
+  const r = await lv.shareChallenge(`I solved Pathmoor ${mode.kind === 'level' ? `level ${mode.level}` : mode.kind === 'daily' ? `#${dayNumber(mode.date)}` : 'this board'} in ${totalTaps()} taps. Can you beat me? 🏮`, beatLink());
+  if (r === 'copied') toast('Challenge link copied. Send it to a friend!');
+  if (r !== 'cancelled') count(GAME, 'share', 'challenge');
+};
+$('mute').textContent = muted ? '🔇' : '🔊';
+$('mute').onclick = () => { muted = !muted; store('pathmoor:mute', muted); $('mute').textContent = muted ? '🔇' : '🔊'; };
 $('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`);
+$('share').onclick = async () => share(GAME, `${shareText()}\n🎯 Beat me: ${beatLink()}`, 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') {
+  if (mode.kind === 'level') load({ kind: 'daily', date: todayIso }, true);
+  else if (mode.kind === 'daily') load({ kind: 'level', level: prog.reached() }, true) || load({ kind: 'level', level: Math.min(prog.reached(), prog.free) }, true);
+  else 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 {
@@ -320,7 +471,7 @@ $('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);
+  toast(`Dailies solved: ${d.length} · streak ${st.streak || 0} (best ${st.best || 0}) · fastest ${best} · levels ${prog.cleared()}/${LEVELS.length}, ${prog.totalStars()} ⭐`, 4500);
 };
 
 function renderSkins() {
@@ -345,7 +496,8 @@ pass.onChange((pro) => {
   renderSkins();
   if (mode) renderModes();
 });
-load(fromUrl());
+// a locked link (pass level, level not reached yet) falls back to the next open level, then today's daily
+load(fromUrl()) || (!prog.lock(prog.reached()) && load({ kind: 'level', level: prog.reached() })) || load({ kind: 'daily', date: todayIso });
 
 // Screenshot helper for scripts/games/render_assets.mjs: shows a board mid-solve (no effect on normal play).
 window.__cmxShot = async (stage = 1) => {

index.html

@@ -1,11 +1,11 @@
 <!doctype 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.">
+<title>Pathmoor: Free Daily Logic Puzzle Game Online, Rotate the Paths</title>
+<meta name="description" content="Play Pathmoor free: a logic puzzle with 30 levels and a daily board. Turn stones until every path glows from the lantern, earn stars, beat a friend&#x27;s score.">
 <link rel="canonical" href="https://cybermaxtools.com/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:title" content="Pathmoor: Free Daily Logic Puzzle Game Online">
+<meta property="og:description" content="Play Pathmoor free: a logic puzzle with 30 levels and a daily board. Turn stones until every path glows from the lantern, earn stars, beat a friend&#x27;s score.">
 <meta property="og:url" content="https://cybermaxtools.com/games/pathmoor/">
 <meta property="og:image" content="https://cybermaxtools.com/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://cybermaxtools.com/games/pathmoor/og.png">
@@ -15,47 +15,64 @@
 <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://cybermaxtools.com/games/pathmoor/","image":"https://cybermaxtools.com/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://cybermaxtools.com/"},"offers":[{"@type":"Offer","price":"0","priceCurrency":"USD","description":"Daily puzzle, free"},{"@type":"Offer","price":"2.99","priceCurrency":"USD","description":"CyberMax Fun Pass, monthly"}]}</script>
+<meta name="twitter:title" content="Pathmoor: Free Daily Logic Puzzle Game Online">
+<meta name="twitter:description" content="Play Pathmoor free: a logic puzzle with 30 levels and a daily board. Turn stones until every path glows from the lantern, earn stars, beat a friend&#x27;s score.">
+<style>.h1kw{display:block;font-size:.42em;font-weight:600;opacity:.75;letter-spacing:.01em;margin-top:.15em}.seo ol,.seo ul{padding-left:1.2em}.seo li{margin:.25em 0}</style>
+<script type="application/ld+json">{"@context": "https://schema.org", "@graph": [{"@type": "VideoGame", "@id": "https://cybermaxtools.com/games/pathmoor/#game", "name": "Pathmoor", "alternateName": "Daily logic puzzle game online free", "url": "https://cybermaxtools.com/games/pathmoor/", "image": "https://cybermaxtools.com/games/pathmoor/og.png", "description": "Pathmoor is a free logic puzzle for your browser. Turn stones a quarter turn at a time until every path connects back to the lantern and glows. 30 levels add holes, twin stones, fog and reverse stones, with a challenge level every 10. Earn up to 3 stars by matching par, play the same daily board as everyone else, keep a streak and send a friend a link to beat your score.", "genre": ["Puzzle", "Logic", "Daily puzzle", "Brain game"], "gamePlatform": ["Web browser", "Android", "iOS", "Windows", "macOS", "ChromeOS"], "applicationCategory": "Game", "operatingSystem": "Any (web browser)", "playMode": "SinglePlayer", "inLanguage": "en", "isAccessibleForFree": true, "offers": {"@type": "Offer", "price": "0", "priceCurrency": "USD"}, "author": {"@type": "Organization", "name": "CyberMax", "url": "https://cybermaxtools.com/"}, "publisher": {"@type": "Organization", "name": "CyberMax"}, "datePublished": "2026-10-02", "keywords": "Daily logic puzzle game online free, free daily path puzzle, unblocked, no download, browser game", "trailer": {"@id": "https://cybermaxtools.com/games/pathmoor/#video"}}, {"@type": "FAQPage", "@id": "https://cybermaxtools.com/games/pathmoor/#faq", "mainEntity": [{"@type": "Question", "name": "Is Pathmoor free?", "acceptedAnswer": {"@type": "Answer", "text": "Yes. The daily board and levels 1-20 are free."}}, {"@type": "Question", "name": "How many levels are there?", "acceptedAnswer": {"@type": "Answer", "text": "30, with a new twist about every 5 levels and a challenge level every 10. Levels 21-30 come with the CyberMax Fun Pass."}}, {"@type": "Question", "name": "When does a new daily board come out?", "acceptedAnswer": {"@type": "Answer", "text": "Every day at your midnight."}}, {"@type": "Question", "name": "What is par?", "acceptedAnswer": {"@type": "Answer", "text": "The fewest taps that can solve the board. Match it for 3 stars."}}, {"@type": "Question", "name": "Can I challenge a friend?", "acceptedAnswer": {"@type": "Answer", "text": "Yes. After a win, tap Challenge a friend to send a link to the same board with your score."}}, {"@type": "Question", "name": "Does it work offline?", "acceptedAnswer": {"@type": "Answer", "text": "Yes, after your first visit, and it installs like an app."}}]}, {"@type": "VideoObject", "name": "Pathmoor demo: Daily path puzzle: light every stone", "description": "A 9-second screen recording of the live Pathmoor page: Today's board. Tap a stone to turn it; Every path must glow from the lantern; Solved: a shareable result. Real result, no voice.", "thumbnailUrl": ["https://cybermax.cybermax-tools.workers.dev/media/demos/pathmoor/poster.jpg"], "uploadDate": "2026-10-02T18:13:52+00:00", "duration": "PT9S", "contentUrl": "https://cybermax.cybermax-tools.workers.dev/media/demos/pathmoor/demo-16x9.mp4", "embedUrl": "https://cybermaxtools.com/games/pathmoor/", "inLanguage": "en", "publisher": {"@type": "Organization", "name": "CyberMax", "logo": {"@type": "ImageObject", "url": "https://cybermax.cybermax-tools.workers.dev/store/img/favicon.webp"}}, "@id": "https://cybermaxtools.com/games/pathmoor/#video"}]}</script>
 </head><body>
 <div class="wrap">
 <header class="top"><a class="brand" href="https://cybermaxtools.com/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://cybermaxtools.com/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>
+<nav><a href="https://cybermaxtools.com/games/">Games</a></nav><button class="icon" id="mute" type="button" aria-label="Sound on or off">🔊</button><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="headline"><h1>Pathmoor <span id="num" class="num"></span> <span class="pro-badge">PASS</span>   <small class="h1kw">Free daily path puzzle</small></h1>
+  <p class="muted tag">Tap stones to turn them. Light every path from the lantern. 30 levels, a daily board for everyone.</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="lv-banner" id="challenge" hidden></div>
+  <section class="panel lvmap" id="levels" hidden aria-label="Levels"><div id="lvmap"></div></section>
+  <p class="lv-goal" id="goal"></p>
+  <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><span id="left-wrap" hidden>Taps left <b id="left">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>
+    <div class="lv-stars" id="win-stars" hidden></div>
     <p id="win-line" class="muted"></p>
     <pre id="win-grid" class="grid"></pre>
+    <div class="row"><button class="btn" id="next-lv" type="button" hidden>Next level ▶</button><button class="btn ghost" id="retry" type="button" hidden>↻ Retry</button><button class="btn ghost" id="beat" type="button">🎯 Challenge a friend</button></div>
     <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>
+    <div class="nudge"><span>Loved it? The <b>Fun Pass</b> opens levels 21-30, 250 bonus 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">
+<section class="seo" id="guide">
+<h2>Pathmoor: daily logic puzzle game online free</h2>
+<p>Pathmoor is a free logic puzzle for your browser. Turn stones a quarter turn at a time until every path connects back to the lantern and glows. 30 levels add holes, twin stones, fog and reverse stones, with a challenge level every 10. Earn up to 3 stars by matching par, play the same daily board as everyone else, keep a streak and send a friend a link to beat your score.</p>
 <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 $29.99 for life) 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://cybermaxtools.com/games/whirlane/"><b>Whirlane</b><span>One-tap orbit dodger with a daily leaderboard</span></a><a href="https://cybermaxtools.com/games/townduel/"><b>Townduel</b><span>Which US town costs more? 10 daily duels</span></a><a href="https://cybermaxtools.com/toys/"><b>Web toys</b><span>Roast your website, vibe-check a name</span></a></div>
+<ol><li>One stone holds the lantern.</li><li>Tap any stone to rotate it a quarter turn.</li><li>Paths connected to the lantern glow.</li><li>Solve the board when every stone glows and no path points into a wall.</li><li>Match par, the fewest possible taps, for 3 stars.</li></ol>
+<h3>Controls</h3>
+<p><b>Phone and tablet:</b> Tap a stone to turn it.</p>
+<p><b>Desktop, laptop and Chromebook:</b> Click a stone to turn it.</p>
+<h2>Pathmoor tips and strategy</h2>
+<ul><li>Start with edge and corner stones: paths can never point off the board.</li><li>Dead-end stones must point into a neighbour that opens back.</li><li>Straight stones on an edge always run along it.</li><li>Work inward from what is forced before guessing.</li></ul>
+<h2>Game modes</h2>
+<ul><li>30 levels: holes, twin stones that turn together, fog and reverse stones, plus a tap-budget challenge level every 10. Levels 1-20 are free.</li><li>Daily board, the same for everyone, with a streak and a shareable grid.</li><li>Beat-my-score links: send a friend the same level with your tap count.</li><li>Fun Pass: levels 21-30, the full archive of past boards and 250 bonus boards.</li></ul>
+<p>Free to play with no ads and no sign-up. The optional <a href="https://cybermaxtools.com/games/#pass">CyberMax Fun Pass</a> ($2.99/month, $19/year or $29.99 for life) adds cosmetic extras and bonus modes in every CyberMax game.</p>
+<h2>Pathmoor FAQ</h2>
+<h3>Is Pathmoor free?</h3><p>Yes. The daily board and levels 1-20 are free.</p>
+<h3>How many levels are there?</h3><p>30, with a new twist about every 5 levels and a challenge level every 10. Levels 21-30 come with the CyberMax Fun Pass.</p>
+<h3>When does a new daily board come out?</h3><p>Every day at your midnight.</p>
+<h3>What is par?</h3><p>The fewest taps that can solve the board. Match it for 3 stars.</p>
+<h3>Can I challenge a friend?</h3><p>Yes. After a win, tap Challenge a friend to send a link to the same board with your score.</p>
+<h3>Does it work offline?</h3><p>Yes, after your first visit, and it installs like an app.</p>
+<h2>Similar free games</h2>
+<div class="more"><a href="https://cybermaxtools.com/games/townduel/"><b>Townduel</b><span>Which US town costs more? 10 daily duels</span></a><a href="https://cybermaxtools.com/games/brimbloom/"><b>Brimbloom</b><span>Stop the bloom on the brim</span></a><a href="https://cybermaxtools.com/games/kenwren/"><b>Kenwren</b><span>How well do your friends know you?</span></a><a href="https://cybermaxtools.com/games/"><b>All CyberMax games</b><span>Free browser games, no download</span></a></div>
 </section>
 </main>
 <footer>© 2026 CyberMax · <a href="https://cybermaxtools.com/games/">Games</a> · <a href="https://cybermaxtools.com/toys/">Toys</a> · <a href="https://cybermaxtools.com/store/">Store</a> · <a href="https://cybermaxtools.com/privacy">Privacy</a> · <a href="https://cybermaxtools.com/terms">Terms</a></footer>
 </div>
 <script type="module" src="game.js"></script>
-<!-- cybermax-count:start --><script>(function(){try{var u="https://data.cybermaxtools.com/v?p="+encodeURIComponent(location.host+location.pathname)+"&r="+encodeURIComponent((document.referrer||"").split("/")[2]||"")+(function(){var q=new URLSearchParams(location.search),s=q.get("utm_source");return s?"&us="+encodeURIComponent(s)+"&uc="+encodeURIComponent(q.get("utm_campaign")||""):""})();navigator.sendBeacon?navigator.sendBeacon(u):(new Image).src=u}catch(e){}})()</script><!-- cybermax-count:end --></body></html>
+</body></html>

levels.js

@@ -0,0 +1,341 @@
+// CyberMax Fun kit: levels, daily challenge, streaks, "beat my score" links and game juice (copied into each game's
+// web/ folder by scripts/games/sync_kit.py when the game has "levels": true in products/fun-pass/games.json).
+// Everything is saved in this browser only (localStorage). No new assets: sounds are WebAudio blips, particles are
+// drawn on one overlay canvas. Levels 1..free are free; later levels need the CyberMax Fun Pass, but a level the player
+// has already opened is never locked again. (c) 2026 CyberMax. All rights reserved.
+import { SITE, today, dayNumber, dateOf, store, rr } from './cmx.js';
+
+export const TOTAL = 30;
+export const FREE = 20;
+
+// ------------------------------------------------------------------ progress (pure logic, testable in node)
+
+/**
+ * Level progress for one game. Higher score is better unless `lower` is set (e.g. taps or time).
+ * opts: { total, free, isPro: () => bool, lower }
+ */
+export function progress(game, opts = {}) {
+  const total = opts.total || TOTAL, free = opts.free ?? FREE, isPro = opts.isPro || (() => false), lower = !!opts.lower;
+  const KEY = `${game}:levels`;
+  const read = () => {
+    const d = store(KEY) || {};
+    return { stars: d.stars || {}, best: d.best || {}, opened: d.opened || [] };
+  };
+  const api = {
+    total, free, lower,
+    data: read,
+    stars: (n) => read().stars[n] || 0,
+    best: (n) => read().best[n],
+    totalStars: () => Object.values(read().stars).reduce((a, b) => a + b, 0),
+    cleared: () => Object.keys(read().stars).filter((k) => read().stars[k] > 0).length,
+    /** The furthest level the player may open: one past the highest cleared level. */
+    reached() {
+      const s = read().stars;
+      let hi = 0;
+      for (const k of Object.keys(s)) if (s[k] > 0) hi = Math.max(hi, Number(k));
+      return Math.min(total, hi + 1);
+    },
+    /** null when playable, else 'progress' (clear the level before) or 'pass' (Fun Pass level). */
+    lock(n, { challenge = false } = {}) {
+      if (!(n >= 1 && n <= total)) return 'progress';
+      const d = read();
+      if (d.opened.includes(n) || n <= free && challenge) return null;
+      if (n > api.reached() && !challenge) return 'progress';
+      if (n > free && !isPro()) return 'pass';
+      return null;
+    },
+    /** Remember that a level was opened, so it stays open even if the pass ends later. */
+    open(n) {
+      const d = read();
+      if (!d.opened.includes(n)) { d.opened.push(n); store(KEY, d); }
+    },
+    /** Save a finished level. Returns { stars, best, improved, first, next } (next = the newly reachable level or 0). */
+    record(n, stars, score) {
+      const d = read();
+      const before = api.reached();
+      const first = !(d.stars[n] > 0);
+      const prev = d.best[n];
+      const improved = prev === undefined || (lower ? score < prev : score > prev);
+      if (improved && stars > 0) d.best[n] = score;
+      if (stars > (d.stars[n] || 0)) d.stars[n] = stars;
+      store(KEY, d);
+      const after = api.reached();
+      return { stars: d.stars[n] || 0, best: d.best[n], improved: improved && stars > 0, first: first && stars > 0, next: after > before ? after : 0 };
+    },
+  };
+  return api;
+}
+
+/** Stars from a score and three thresholds [one, two, three] (for `lower`, smaller scores are better). */
+export function starsFor(score, t, lower = false) {
+  let s = 0;
+  for (const v of t) if (lower ? score <= v : score >= v) s++;
+  return s;
+}
+export const starText = (n, of = 3) => '⭐'.repeat(n) + '☆'.repeat(Math.max(0, of - n));
+
+// ------------------------------------------------------------------ daily challenge + streak
+
+/** The daily challenge: one seed for everyone today. record() keeps the best score and the day streak. */
+export function daily(game, { lower = false } = {}) {
+  const KEY = `${game}:daily`;
+  const iso = today();
+  const read = () => store(KEY) || { days: {}, streak: 0, bestStreak: 0 };
+  return {
+    seed: iso, num: dayNumber(iso), date: iso,
+    best: () => read().days[iso],
+    streak() {
+      const d = read();
+      return d.days[iso] !== undefined || d.days[dateOf(dayNumber(iso) - 1)] !== undefined ? d.streak || 0 : 0;
+    },
+    bestStreak: () => read().bestStreak || 0,
+    played: () => Object.keys(read().days).length,
+    record(score) {
+      const d = read();
+      const prev = d.days[iso];
+      if (prev === undefined) {
+        d.streak = d.days[dateOf(dayNumber(iso) - 1)] !== undefined ? (d.streak || 0) + 1 : 1;
+        d.bestStreak = Math.max(d.bestStreak || 0, d.streak);
+      }
+      const improved = prev === undefined || (lower ? score < prev : score > prev);
+      if (improved) d.days[iso] = score;
+      store(KEY, d);
+      return { best: d.days[iso], improved, streak: d.streak };
+    },
+  };
+}
+
+// ------------------------------------------------------------------ "beat my score" links
+
+/** Read ?seed=&score= from the page URL. seed is a YYYY-MM-DD daily or L<n> for level n. */
+export function readChallenge(search = typeof location !== 'undefined' ? location.search : '') {
+  const q = new URLSearchParams(search);
+  const seed = (q.get('seed') || '').trim();
+  const score = Number(q.get('score'));
+  if (!seed) return null;
+  const out = { seed, score: Number.isFinite(score) && q.get('score') !== null && q.get('score') !== '' ? score : null };
+  const lv = /^L(\d{1,3})$/i.exec(seed);
+  if (lv) out.level = Number(lv[1]);
+  else if (/^\d{4}-\d{2}-\d{2}$/.test(seed) && dayNumber(seed) >= 1 && seed <= today()) out.date = seed;
+  else return null;
+  return out;
+}
+/** The link a player shares: opens the same level (or daily) with their score to beat. */
+export function challengeLink(path, game, { level, date, score }) {
+  const u = new URL(SITE + path);
+  u.searchParams.set('seed', level ? `L${level}` : date);
+  if (score !== undefined && score !== null) u.searchParams.set('score', String(score));
+  u.searchParams.set('utm_source', 'challenge');
+  u.searchParams.set('utm_medium', 'share');
+  u.searchParams.set('utm_campaign', `game-${game}`);
+  return u.toString();
+}
+
+/** Share text + link via the native sheet (with an optional PNG), else copy. Returns 'shared'|'copied'|'cancelled'. */
+export async function shareChallenge(text, url, blob, filename) {
+  const full = `${text}\n${url}`;
+  if (typeof navigator !== 'undefined' && navigator.share) {
+    try {
+      const file = blob ? new File([blob], filename || 'score.png', { type: 'image/png' }) : null;
+      await navigator.share(file && navigator.canShare && navigator.canShare({ files: [file] }) ? { files: [file], text: full } : { text: full });
+      return 'shared';
+    } catch (e) { if (e && e.name === 'AbortError') return 'cancelled'; }
+  }
+  try { await navigator.clipboard.writeText(full); } catch { prompt('Copy your challenge link:', full); }
+  return 'copied';
+}
+
+// ------------------------------------------------------------------ juice: sound, shake, particles, tutorial
+
+let ac = null;
+/** WebAudio blips. muted() is checked on every sound. */
+export function sfx(muted = () => false) {
+  const tone = (f, d = 0.07, type = 'sine', vol = 0.07, slide = 1.5, at = 0) => {
+    if (muted()) return;
+    try {
+      ac = ac || new (window.AudioContext || window.webkitAudioContext)();
+      if (ac.state === 'suspended') ac.resume();
+      const t = ac.currentTime + at, o = ac.createOscillator(), v = ac.createGain();
+      o.type = type; o.frequency.setValueAtTime(f, t); o.frequency.exponentialRampToValueAtTime(Math.max(30, f * slide), t + d);
+      v.gain.setValueAtTime(vol, t); v.gain.exponentialRampToValueAtTime(0.0001, t + d);
+      o.connect(v); v.connect(ac.destination); o.start(t); o.stop(t + d + 0.02);
+    } catch { /* no audio */ }
+  };
+  return {
+    tone,
+    tap: () => tone(660, 0.04, 'triangle', 0.05, 1.3),
+    good: (k = 0) => tone(880 + Math.min(k, 30) * 22, 0.06, 'sine', 0.06, 1.4),
+    hit: () => { tone(160, 0.3, 'sawtooth', 0.11, 0.3); tone(90, 0.25, 'square', 0.05, 0.5, 0.02); },
+    lose: () => { tone(330, 0.16, 'triangle', 0.08, 0.7); tone(220, 0.3, 'triangle', 0.08, 0.6, 0.15); },
+    star: (i = 0) => tone(990 * (1 + i * 0.26), 0.12, 'sine', 0.07, 1.25, i * 0.14),
+    win: () => [523, 659, 784, 1046].forEach((f, i) => tone(f, 0.16, 'triangle', 0.07, 1.02, i * 0.09)),
+    boss: () => [196, 233, 262].forEach((f, i) => tone(f, 0.22, 'square', 0.04, 1, i * 0.12)),
+  };
+}
+
+const reduced = () => typeof matchMedia !== 'undefined' && matchMedia('(prefers-reduced-motion: reduce)').matches;
+
+/** Shake an element for ms (skipped when the player prefers reduced motion). */
+export function shake(el, mag = 8, ms = 260) {
+  if (!el || !el.animate || reduced()) return;
+  const k = [];
+  for (let i = 0; i <= 6; i++) { const m = mag * (1 - i / 6); k.push({ transform: `translate(${(i % 2 ? 1 : -1) * m}px, ${(i % 3 - 1) * m * 0.5}px)` }); }
+  el.animate(k, { duration: ms, easing: 'ease-out' });
+}
+
+let fx = null, parts = [], fxRaf = 0;
+/** Particle burst at a page point (clientX/clientY). colors = array of CSS colours. */
+export function burst(x, y, { colors = ['#FFC857', '#FF6A3D', '#5CF2FF', '#FFFFFF'], n = 26, speed = 6, life = 700 } = {}) {
+  if (typeof document === 'undefined' || reduced()) return;
+  if (!fx) {
+    fx = document.createElement('canvas');
+    fx.className = 'cmx-fx';
+    fx.setAttribute('aria-hidden', 'true');
+    document.body.appendChild(fx);
+  }
+  const dpr = Math.min(2, window.devicePixelRatio || 1);
+  if (fx.width !== innerWidth * dpr || fx.height !== innerHeight * dpr) { fx.width = innerWidth * dpr; fx.height = innerHeight * dpr; }
+  const t0 = performance.now();
+  for (let i = 0; i < n; i++) {
+    const a = Math.random() * Math.PI * 2, v = speed * (0.4 + Math.random());
+    parts.push({ x: x * dpr, y: y * dpr, vx: Math.cos(a) * v * dpr, vy: Math.sin(a) * v * dpr - 2 * dpr, c: colors[i % colors.length], t0, life: life * (0.6 + Math.random() * 0.6), r: (2 + Math.random() * 3.5) * dpr });
+  }
+  if (!fxRaf) fxRaf = requestAnimationFrame(fxStep);
+}
+function fxStep(now) {
+  const c = fx.getContext('2d');
+  c.clearRect(0, 0, fx.width, fx.height);
+  parts = parts.filter((p) => now - p.t0 < p.life);
+  for (const p of parts) {
+    p.x += p.vx; p.y += p.vy; p.vy += 0.25; p.vx *= 0.98;
+    c.globalAlpha = 1 - (now - p.t0) / p.life;
+    c.fillStyle = p.c; c.fillRect(p.x - p.r / 2, p.y - p.r / 2, p.r, p.r);
+  }
+  c.globalAlpha = 1;
+  fxRaf = parts.length ? requestAnimationFrame(fxStep) : 0;
+}
+/** Burst from the centre of an element (or a point inside it given as 0..1 fractions). */
+export function burstAt(el, fx = 0.5, fy = 0.5, opts) {
+  if (!el) return;
+  const r = el.getBoundingClientRect();
+  burst(r.left + r.width * fx, r.top + r.height * fy, opts);
+}
+
+/**
+ * The 2-second no-text tutorial: a pulsing hand over a spot of `el` (fractions fx, fy). gesture: 'tap' (default),
+ * 'hold' or 'swipe'. Shown once per game (key `<game>:tut`) unless force is set; any tap hides it.
+ */
+export function tutorial(game, el, { fx = 0.5, fy = 0.6, gesture = 'tap', force = false, ms = 2200 } = {}) {
+  if (!el || (!force && store(`${game}:tut`))) return;
+  store(`${game}:tut`, 1);
+  const host = el.parentElement;
+  if (getComputedStyle(host).position === 'static') host.style.position = 'relative';
+  const h = document.createElement('div');
+  h.className = `cmx-tut cmx-tut-${gesture}`;
+  h.setAttribute('aria-hidden', 'true');
+  h.innerHTML = '<i></i><b>👆</b>';
+  const r = el.getBoundingClientRect(), hr = host.getBoundingClientRect();
+  h.style.left = `${r.left - hr.left + r.width * fx}px`;
+  h.style.top = `${r.top - hr.top + r.height * fy}px`;
+  host.appendChild(h);
+  const off = () => { h.remove(); window.removeEventListener('pointerdown', off, true); };
+  setTimeout(off, ms);
+  window.addEventListener('pointerdown', off, true);
+}
+
+// ------------------------------------------------------------------ level-select map
+
+/**
+ * Render the level map into `host`. levels = [{ n, name, twist?, boss? }] (twist = short text for the first level
+ * of a new mechanic). onPick(n) runs for a playable level; onLocked(n, reason) for a locked one.
+ */
+export function renderMap(host, prog, levels, { current = 0, onPick, onLocked, worlds = [] } = {}) {
+  css();
+  const d = prog.data();
+  const reached = prog.reached();
+  let html = `<div class="lv-head"><b>${prog.cleared()}/${prog.total}</b> levels · <b>${prog.totalStars()}/${prog.total * 3}</b> ⭐</div>`;
+  for (let w = 0; w < Math.ceil(levels.length / 10); w++) {
+    const set = levels.slice(w * 10, w * 10 + 10);
+    const twists = set.filter((l) => l.twist).map((l) => `<span>Lv ${l.n}: ${esc(l.twist)}</span>`).join('');
+    html += `<section class="lv-world"><h3>${esc(worlds[w] || `World ${w + 1}`)}</h3>${twists ? `<p class="lv-twists">${twists}</p>` : ''}<ol class="lv-grid">`;
+    set.forEach((l, i) => {
+      const lock = prog.lock(l.n);
+      const passLv = !!lock && prog.lock(l.n, { challenge: true }) === 'pass'; // Fun Pass level: show the lock even before it is reached
+      const st = d.stars[l.n] || 0;
+      const cls = ['lv', l.boss ? 'boss' : '', lock ? `locked ${lock}` : '', st ? 'done' : '', l.n === reached && !st ? 'next' : '', l.n === current ? 'cur' : '', Math.floor(i / 5) % 2 ? 'rev' : ''].filter(Boolean).join(' ');
+      const label = `Level ${l.n}${l.name ? `: ${l.name}` : ''}${l.boss ? ' (challenge level)' : ''}${passLv ? ', Fun Pass' : lock ? ', locked' : st ? `, ${st} of 3 stars` : ''}`;
+      html += `<li><button type="button" class="${cls}" data-lv="${l.n}" aria-label="${esc(label)}" title="${esc(label)}">${l.boss ? '<i class="crown">👑</i>' : ''}<span class="n">${passLv ? '🔒' : l.n}</span><span class="st">${lock === 'progress' ? '' : starText(st).replace(/☆/g, '<s>☆</s>')}</span>${l.twist ? '<i class="new">NEW</i>' : ''}</button></li>`;
+    });
+    html += '</ol></section>';
+  }
+  if (prog.free < prog.total) html += `<p class="lv-note">Levels 1-${prog.free} are free. Levels ${prog.free + 1}-${prog.total} come with the CyberMax Fun Pass; a level you have opened always stays open.</p>`;
+  host.innerHTML = html;
+  host.querySelectorAll('[data-lv]').forEach((b) => b.addEventListener('click', () => {
+    const n = Number(b.dataset.lv), lock = prog.lock(n);
+    if (lock) onLocked && onLocked(n, lock); else onPick && onPick(n);
+  }));
+}
+
+const esc = (s) => String(s).replace(/[&<>"]/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' }[c]));
+
+// ------------------------------------------------------------------ score card (1080×1350 PNG for stories)
+
+/** A share card: { title, sub, big, unit, line, stars, bg, fg, accent, foot } -> canvas. draw(ctx) adds game art. */
+export function scoreCard(o, draw) {
+  const c = document.createElement('canvas');
+  c.width = 1080; c.height = 1350;
+  const x = c.getContext('2d');
+  x.fillStyle = o.bg || '#11141B'; x.fillRect(0, 0, 1080, 1350);
+  if (draw) { x.save(); draw(x); x.restore(); }
+  x.textAlign = 'left'; x.fillStyle = o.accent || '#FF6A3D'; x.font = '900 64px system-ui, sans-serif'; x.fillText(String(o.title || '').toUpperCase(), 80, 130);
+  x.fillStyle = o.fg || '#fff'; x.globalAlpha = 0.85; x.font = '700 40px system-ui, sans-serif'; x.fillText(o.sub || '', 80, 190); x.globalAlpha = 1;
+  x.fillStyle = 'rgba(0,0,0,.35)'; rr(x, 60, 930, 960, 300, 36); x.fill();
+  x.textAlign = 'center'; x.fillStyle = o.fg || '#fff';
+  x.font = '900 150px system-ui, sans-serif'; x.fillText(String(o.big ?? ''), 540, 1080);
+  x.font = '700 44px system-ui, sans-serif'; x.fillText(o.unit || '', 540, 1140);
+  if (o.stars !== undefined) { x.font = '64px system-ui, "Apple Color Emoji", "Segoe UI Emoji", sans-serif'; x.fillText(starText(o.stars), 540, 1205); }
+  x.fillStyle = o.accent || '#FF6A3D'; x.font = '800 46px system-ui, sans-serif'; x.fillText(o.line || 'Can you beat it?', 540, 880);
+  x.fillStyle = o.fg || '#fff'; x.globalAlpha = 0.75; x.font = '600 32px system-ui, sans-serif'; x.fillText(o.foot || 'cybermaxtools.com/games', 540, 1300);
+  return c;
+}
+
+// ------------------------------------------------------------------ styles (injected once; no extra file)
+
+let cssDone = false;
+export function css() {
+  if (cssDone || typeof document === 'undefined') return;
+  cssDone = true;
+  const s = document.createElement('style');
+  s.textContent = `.cmx-fx{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:60}
+.lv-head{font-size:15px;color:var(--muted);margin:4px 0 8px}.lv-head b{color:var(--ink)}
+.lv-world h3{margin:14px 0 4px;font-size:16px}.lv-twists{margin:0 0 8px;font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 12px}
+.lv-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
+.lv{position:relative;width:100%;aspect-ratio:1;max-width:72px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;border:2.5px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-weight:900;font-size:18px;cursor:pointer;touch-action:manipulation;padding:0}
+.lv .n{line-height:1}.lv .st{font-size:9px;letter-spacing:-1px;line-height:1.2;min-height:11px}.lv .st s{text-decoration:none;opacity:.35}
+.lv.done{border-color:var(--ok)}.lv.boss{border-radius:18px;border-width:3px}.lv.boss.done{border-color:#E0A400}
+.lv.next{border-color:var(--acc);box-shadow:0 0 0 4px color-mix(in srgb,var(--acc) 25%,transparent);animation:lvp 1.4s ease-in-out infinite}
+.lv.cur{outline:3px solid var(--ink);outline-offset:2px}
+.lv.locked.progress{opacity:.38;cursor:default}.lv.locked.pass{opacity:.75;border-style:dashed}
+.lv .crown{position:absolute;top:-10px;font-style:normal;font-size:16px}.lv .new{position:absolute;bottom:-8px;font-style:normal;font-size:9px;background:var(--acc);color:var(--acc-ink);padding:1px 5px;border-radius:6px;font-weight:900}
+.lv-note{font-size:13px;color:var(--muted);margin:14px 0 0}
+@keyframes lvp{50%{transform:scale(1.07)}}
+.cmx-tut{position:absolute;width:0;height:0;pointer-events:none;z-index:20}
+.cmx-tut i{position:absolute;left:-28px;top:-28px;width:56px;height:56px;border-radius:50%;border:4px solid #fff;opacity:0;animation:tutring 1s ease-out infinite}
+.cmx-tut b{position:absolute;left:-18px;top:-2px;font-size:44px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5));animation:tuttap 1s ease-in-out infinite}
+.cmx-tut-hold b{animation:tuthold 1.1s ease-in-out infinite}.cmx-tut-swipe b{animation:tutswipe 1.1s ease-in-out infinite}
+@keyframes tutring{0%{transform:scale(.4);opacity:.9}100%{transform:scale(1.5);opacity:0}}
+@keyframes tuttap{0%,100%{transform:translateY(8px)}50%{transform:translateY(0) scale(.9)}}
+@keyframes tuthold{0%{transform:translateY(8px)}30%,80%{transform:translateY(0) scale(.85)}100%{transform:translateY(8px)}}
+@keyframes tutswipe{0%{transform:translateX(-40px)}100%{transform:translateX(40px)}}
+.lv-banner{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--card);border:1.5px solid var(--acc);border-radius:14px;padding:8px 12px;margin:8px 0;font-weight:700}
+.lv-goal{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:15px;margin:8px 0}.lv-goal b{font-variant-numeric:tabular-nums}
+.lv-stars{font-size:30px;letter-spacing:4px;margin:4px 0}.lv-stars span{display:inline-block;animation:lvstar .45s cubic-bezier(.2,1.6,.4,1) both}
+@keyframes lvstar{0%{transform:scale(0) rotate(-40deg)}100%{transform:scale(1)}}
+@media (prefers-reduced-motion:reduce){.lv.next,.cmx-tut i,.cmx-tut b,.lv-stars span{animation:none}}`;
+  document.head.appendChild(s);
+}
+
+/** Animated star row HTML for result panels. */
+export function starsHtml(n) {
+  return [0, 1, 2].map((i) => `<span style="animation-delay:${i * 0.14}s${i < n ? '' : ';opacity:.3'}">${i < n ? '⭐' : '☆'}</span>`).join('');
+}

style.css

@@ -12,3 +12,5 @@
 .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}
+.new-twist{background:var(--acc);color:var(--acc-ink);border-radius:8px;padding:1px 8px;font-weight:800;font-size:13px}
+.lvmap{margin:10px 0}#goal{min-height:24px;color:var(--muted)}#goal b{color:var(--ink)}

sw.js

@@ -1,8 +1,8 @@
 // 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}-4b226fa7a1`;
-const FILES = ["index.html", "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"];
+const CACHE = `cmx-${GAME}-0fe363ed32`;
+const FILES = ["index.html", "cmx.js", "core.js", "fun.css", "funpass.js", "game.js", "icon-192.png", "icon-512.png", "icon-maskable.png", "icon.svg", "index.html", "levels.js", "manifest.webmanifest", "style.css"];
 
 self.addEventListener('install', (e) => {
   e.waitUntil(caches.open(CACHE).then((c) => c.addAll(FILES)).then(() => self.skipWaiting()));