Deploy brimbloom to the hub

.gitattributes

@@ -987,3 +987,5 @@ brand/game-assets-bundle/image-2-inside.png filter=lfs diff=lfs merge=lfs -text
 brand/game-assets-bundle/image-3-output.png filter=lfs diff=lfs merge=lfs -text
 brand/game-assets-bundle/image-4-savings.png filter=lfs diff=lfs merge=lfs -text
 latchkite/shot-phone.png filter=lfs diff=lfs merge=lfs -text
+brimbloom/og.png filter=lfs diff=lfs merge=lfs -text
+brimbloom/shot-phone.png filter=lfs diff=lfs merge=lfs -text

brimbloom/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://cybermaxtools.com';
+export const API = 'https://toys.cybermaxtools.com';
+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 */ }
+  });
+}

brimbloom/core.js

@@ -0,0 +1,81 @@
+// Brimbloom core: deterministic simulation (no DOM). A flower blooms outward; one tap stops it. Stop inside the ring
+// (the brim) to clear the bloom; dead centre of the ring is a perfect. Miss once and the run ends. Blooms get faster,
+// rings thinner, and later blooms pulse or their ring breathes. Same blooms for everyone each UTC day (seed = date).
+// Fixed 60 Hz ticks. (c) 2026 CyberMax.
+
+export const HZ = 60;
+export const GAP = 24;           // ticks between blooms (the result flash)
+export const LIMIT = 1.06;       // a bloom that grows past the frame is a miss
+
+export function rng(seed) {
+  let h = 0x811c9dc5;
+  for (let i = 0; i < seed.length; i++) { h ^= seed.charCodeAt(i); h = Math.imul(h, 0x01000193); }
+  let a = h >>> 0;
+  return () => {
+    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;
+  };
+}
+
+/** Bloom i of a seed: ring centre c and width w (radius 1 = the frame), growth speed s (radius/second),
+ *  pulse amplitude p (the bloom surges and eases), breathe b (the ring itself drifts in and out), petals n. */
+export function bloom(seed, i) {
+  const r = rng(`brimbloom:${seed}:${i}`);
+  const w = Math.max(0.075, 0.17 - i * 0.0065 - r() * 0.02);
+  return {
+    c: 0.46 + r() * 0.4, w,
+    s: Math.min(0.95, 0.42 + i * 0.04 + r() * 0.1),
+    p: i < 4 ? 0 : Math.min(0.5, 0.15 + r() * 0.35),
+    b: i < 7 || r() < 0.4 ? 0 : 0.02 + r() * 0.025,
+    n: 5 + Math.floor(r() * 4), hue: Math.floor(r() * 360),
+  };
+}
+
+/** Radius after t ticks. With a pulse the bloom surges and eases but never shrinks (p <= 0.5 keeps it opening). */
+export function radius(b, t) {
+  const x = t / HZ;
+  return b.s * (x + b.p * Math.sin(x * 4.4) / 4.4);
+}
+/** The ring centre after t ticks (it breathes on later blooms). */
+export const ringC = (b, t) => b.c + (b.b ? b.b * Math.sin(t / HZ * 2.2) : 0);
+
+/** Judge a stop at radius rr against the ring: 'perfect' (middle half of the band), 'good', or 'miss'. */
+export function judge(b, rr, t) {
+  const d = Math.abs(rr - ringC(b, t));
+  return d <= b.w * 0.25 ? 'perfect' : d <= b.w / 2 ? 'good' : 'miss';
+}
+
+/** A run: step(tap) once per tick; returns 'perfect' | 'good' | 'miss' | ''. */
+export function makeSim(seed) {
+  const s = {
+    seed, i: 0, t: 0, wait: 0, cur: bloom(seed, 0), r: 0, marks: [], score: 0, perfect: 0, dead: false, last: '',
+    step(tap) {
+      if (this.dead) return '';
+      if (this.wait > 0) { if (--this.wait === 0) { this.i++; this.cur = bloom(this.seed, this.i); this.t = 0; this.r = 0; } return ''; }
+      this.t++;
+      const nr = radius(this.cur, this.t);
+      this.r = nr > this.r ? nr : this.r;
+      let res = '';
+      if (tap) res = judge(this.cur, this.r, this.t);
+      else if (this.r > LIMIT) res = 'miss';
+      if (!res) return '';
+      this.marks.push(res); this.last = res;
+      if (res === 'miss') { this.dead = true; return res; }
+      this.score++; if (res === 'perfect') this.perfect++;
+      this.wait = GAP;
+      return res;
+    },
+  };
+  return s;
+}
+
+/** Emoji row for the share text: 🟩 perfect, 🟨 good, 🟥 the miss that ended the run (rows of 10). */
+export function grid(marks) {
+  const e = marks.map((m) => (m === 'perfect' ? '🟩' : m === 'good' ? '🟨' : '🟥'));
+  const rows = [];
+  for (let i = 0; i < e.length; i += 10) rows.push(e.slice(i, i + 10).join(''));
+  return rows.join('\n');
+}

brimbloom/fun.css

@@ -0,0 +1,52 @@
+/* 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}}
+.fp-after{margin:14px 0 0;padding:12px 14px;border:1px solid var(--line, rgba(127,127,127,.35));border-radius:14px;text-align:left}.fp-after p{margin:0 0 8px}.fp-after .fp-row{display:flex;gap:8px;flex-wrap:wrap}

brimbloom/funpass.js

@@ -0,0 +1,150 @@
+// 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).
+// 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>.
+// 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.cybermaxtools.com';
+const KEY = 'cmx-pro:fun-pass';
+const SID = /^(cs_(live|test)_[A-Za-z0-9]{10,200}|[A-Z0-9]{8}-[A-Z0-9]{8}-[A-Z0-9]{8}-[A-Z0-9]{8})$/i; // Stripe order code or Gumroad licence key
+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: 'Lifetime', price: '$29.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="Receipt code (cs_live_…) or Gumroad licence key"><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 (cs_live_…) or your Gumroad licence key.', 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}`);
+}
+
+/** After a finished round (the value moment): one small inline card under the result, never a pop-up. Shows the
+ * pass price, the honest trust line and an optional "email me" weekly reminder (double opt-in).
+ * `host` is the result panel; the card is added once and removed for pass holders. */
+export function afterWin(host, from = 'win') {
+  if (!host) return;
+  if (isPro()) { host.querySelector('.fp-after')?.remove(); return; }
+  let el = host.querySelector('.fp-after');
+  if (!el) { el = document.createElement('div'); el.className = 'fp-after'; host.appendChild(el); }
+  const best = PLANS.find((p) => p.best) || PLANS[0];
+  el.innerHTML = `<p><b>Want more today?</b> ${esc(cfg.extra || 'The Fun Pass unlocks extra packs, the full archive and themes in every CyberMax game.')}</p>
+    <p class="fp-row"><a class="btn sm" href="${buyUrl(best.id)}-after" rel="nofollow" data-after>Get the Fun Pass: ${esc(best.price)}${esc(best.per)}</a> <button class="btn sm ghost" type="button" data-plans>See all plans</button></p>
+    <p class="fp-small">Secure Stripe checkout · the pass turns on as soon as you pay · cancel any time from your receipt email · 14-day promise: if it doesn't work as described, we fix it or refund you (<a href="https://cybermaxtools.com/terms#payments" target="_blank" rel="noopener">terms</a>). Today's free game stays free.</p>
+    <div class="fp-cap"></div>`;
+  el.querySelector('[data-after]').addEventListener('click', () => { count(cfg.game, 'cta', `pass-${best.id}-after`); kit((K) => K.event('upgrade-click', cfg.game)); });
+  el.querySelector('[data-plans]').addEventListener('click', () => open(`after-${from}`));
+  kit((K) => {
+    K.event('result', cfg.game); K.event('upgrade-view', cfg.game);
+    K.capture(el.querySelector('.fp-cap'), { list: `weekly-${cfg.game}`, src: `game-${cfg.game}`, label: cfg.remind || 'Email me a weekly reminder with new puzzles (free)', button: 'Remind me' });
+  });
+}
+
+// Convert kit (funnel beacons + email capture) from the CyberMax site; optional, the game works without it.
+let kitQ = null;
+function kit(fn) {
+  if (window.CMXConvert) return fn(window.CMXConvert);
+  if (kitQ) return kitQ.push(fn);
+  kitQ = [fn];
+  const sc = document.createElement('script');
+  sc.src = 'https://cybermaxtools.com/store/convert.js'; sc.async = true;
+  sc.onload = () => kitQ.splice(0).forEach((f) => { try { f(window.CMXConvert); } catch { /* optional */ } });
+  document.head.appendChild(sc);
+}
+
+/** 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();
+}

brimbloom/game.js

@@ -0,0 +1,296 @@
+// Brimbloom: game screen (fixed-tick loop, canvas, sound, daily/practice/archive, share grid, Fun Pass, Skin Pack). (c) 2026 CyberMax.
+import { makeSim, grid, ringC, judge, radius, HZ, LIMIT } from './core.js';
+import { dayNumber, dateOf, count, store, toast, share, intents, download, canvasBlob, pwa, themeToggle } from './cmx.js';
+import * as skins from './skins.js';
+import * as pass from './funpass.js';
+
+const GAME = 'brimbloom';
+const PATH = '/games/brimbloom/';
+const GUMROAD = 'https://cybermax1.gumroad.com/l/cybermax-brimbloom-skins';
+const $ = (id) => document.getElementById(id);
+const cv = $('c');
+const g = cv.getContext('2d');
+// tier: free | pass (CyberMax Fun Pass) | pack (Brimbloom Skin Pack, one-time). petals: list of colours or 'hue' (each bloom's own)
+const SKINS = {
+  pond: { name: 'Pond', tier: 'free', bg: '#0E2A2A', band: 'rgba(255,255,255,.14)', sweet: 'rgba(255,255,255,.32)', edge: '#F7F1E3', petals: ['#FF8FB1', '#FFB3C8'], core: '#FFD84D', shape: 'round', text: '#F7F1E3' },
+  night: { name: 'Night', tier: 'pass', bg: '#0A0A1F', band: 'rgba(160,140,255,.16)', sweet: 'rgba(160,140,255,.38)', edge: '#C9C0FF', petals: ['#8F7CFF', '#C3B8FF'], core: '#FFF3B0', shape: 'pointed', text: '#ECE9FF' },
+  linen: { name: 'Linen', tier: 'pass', bg: '#F5EFE3', band: 'rgba(17,20,27,.08)', sweet: 'rgba(17,20,27,.18)', edge: '#11141B', petals: ['#E4572E', '#F3A712'], core: '#11141B', shape: 'round', text: '#11141B' },
+  sakura: { name: 'Sakura', tier: 'pack', bg: '#2B1B2E', band: 'rgba(255,214,228,.14)', sweet: 'rgba(255,214,228,.34)', edge: '#FFE4EE', petals: ['#FFC2D6', '#FFE4EE'], core: '#FF6B9A', shape: 'heart', text: '#FFE4EE' },
+  lotus: { name: 'Lotus', tier: 'pack', bg: '#06242E', band: 'rgba(130,240,220,.14)', sweet: 'rgba(130,240,220,.34)', edge: '#BFFFF2', petals: ['#F7A8D8', '#FFFFFF'], core: '#FFE066', shape: 'pointed', text: '#E6FFFA' },
+  sunflower: { name: 'Sunflower', tier: 'pack', bg: '#1E3A1A', band: 'rgba(255,230,120,.15)', sweet: 'rgba(255,230,120,.35)', edge: '#FFF2B3', petals: ['#FFC300', '#FFD84D'], core: '#5A3A1A', shape: 'pointed', text: '#FFF8DC' },
+  prism: { name: 'Prism', tier: 'pack', bg: '#111111', band: 'rgba(255,255,255,.12)', sweet: 'rgba(255,255,255,.3)', edge: '#FFFFFF', petals: 'hue', core: '#FFFFFF', shape: 'round', text: '#FFFFFF' },
+  frost: { name: 'Frost', tier: 'pack', bg: '#0B1D33', band: 'rgba(180,225,255,.15)', sweet: 'rgba(180,225,255,.36)', edge: '#E3F4FF', petals: ['#9AD8FF', '#E3F4FF'], core: '#FFFFFF', shape: 'star', text: '#E3F4FF' },
+  ember: { name: 'Ember', tier: 'pack', bg: '#1A0A05', band: 'rgba(255,140,60,.15)', sweet: 'rgba(255,140,60,.36)', edge: '#FFD0A8', petals: ['#FF5A1F', '#FFB03B'], core: '#FFE9A8', shape: 'star', text: '#FFE9D6' },
+};
+const PACK = Object.values(SKINS).filter((s) => s.tier === 'pack');
+const todayIso = new Date().toISOString().slice(0, 10); // UTC day: the same blooms for everyone on Earth
+const todayNum = dayNumber(todayIso);
+
+skins.capture({ game: GAME, name: 'Brimbloom', skins: PACK.length, price: '$1.99', gumroad: GUMROAD, preview: PACK.map((s) => (s.petals === 'hue' ? 'conic-gradient(red,yellow,lime,cyan,blue,magenta,red)' : s.petals[0])),
+  perks: [`${PACK.length} flowers with their own pond and petals: ${PACK.map((s) => s.name).join(', ')}`, 'Every skin also on your share card'] });
+pass.init({ game: GAME, name: 'Brimbloom', perks: ['Every past daily garden in the archive', 'Night and Linen themes'] });
+const canUse = (s) => s.tier === 'free' || (s.tier === 'pass' && pass.isPro()) || (s.tier === 'pack' && skins.owned());
+let skin = SKINS[store('brimbloom:skin')] && canUse(SKINS[store('brimbloom:skin')]) ? store('brimbloom:skin') : 'pond';
+let muted = !!store('brimbloom:mute');
+let mode = { kind: 'daily', date: todayIso };
+let sim, state = 'ready', pending = false, acc = 0, last = 0, deadAt = 0, flash = 0, shake = 0, burst = 0, lastRun = null;
+const install = pwa(GAME, $('install'));
+themeToggle($('theme'));
+
+// ------------------------------------------------------------------ sound
+let ac;
+function blip(f, d = 0.06, type = 'sine', vol = 0.08) {
+  if (muted) return;
+  try {
+    ac = ac || new (window.AudioContext || window.webkitAudioContext)();
+    const o = ac.createOscillator(), v = ac.createGain();
+    o.type = type; o.frequency.setValueAtTime(f, ac.currentTime);
+    o.frequency.exponentialRampToValueAtTime(f * (type === 'sawtooth' ? 0.3 : 1.5), ac.currentTime + d);
+    v.gain.setValueAtTime(vol, ac.currentTime); v.gain.exponentialRampToValueAtTime(0.0001, ac.currentTime + d);
+    o.connect(v); v.connect(ac.destination); o.start(); o.stop(ac.currentTime + d + 0.02);
+  } catch { /* no audio */ }
+}
+$('mute').textContent = muted ? '🔇' : '🔊';
+$('mute').onclick = () => { muted = !muted; store('brimbloom:mute', muted); $('mute').textContent = muted ? '🔇' : '🔊'; };
+
+// ------------------------------------------------------------------ modes + stats
+const seedOf = (m) => (m.kind === 'practice' ? m.seed : m.date);
+const dayKey = (m) => `brimbloom:day:${m.date}`;
+const dayStats = (m) => store(dayKey(m)) || { best: 0, tries: 0, marks: [] };
+function renderModes() {
+  const el = $('modes'); el.innerHTML = '';
+  const items = [
+    { t: `Daily #${todayNum}`, on: mode.kind === 'daily' && mode.date === todayIso, go: () => setMode({ kind: 'daily', date: todayIso }) },
+    { t: 'Practice', on: mode.kind === 'practice', go: () => setMode({ kind: 'practice', seed: `p${Date.now()}` }) },
+    { t: 'Archive', on: mode.kind === 'daily' && mode.date !== todayIso, lock: !pass.isPro(), go: archive },
+  ];
+  for (const it of items) {
+    const b = document.createElement('button');
+    b.className = 'chip'; b.type = 'button'; b.setAttribute('aria-pressed', String(it.on));
+    b.innerHTML = `${it.t}${it.lock ? ' <span class="lock">🔒</span>' : ''}`;
+    b.onclick = it.go; 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; the first archived garden arrives tomorrow.', 4000); return; }
+  const k = Number(prompt(`Play a past daily garden: enter a number from 1 to ${n}`, String(n)));
+  if (k >= 1 && k <= n) setMode({ kind: 'daily', date: dateOf(k) });
+}
+function setMode(m) {
+  mode = m;
+  $('num').textContent = m.kind === 'practice' ? 'practice' : `#${dayNumber(m.date)}`;
+  $('over').hidden = true;
+  renderModes(); reset(); hud();
+}
+function hud() {
+  const s = mode.kind === 'daily' ? dayStats(mode) : { best: store('brimbloom:practice-best') || 0, tries: 0 };
+  $('best').textContent = s.best; $('tries').textContent = s.tries || 0;
+}
+
+// ------------------------------------------------------------------ loop
+function reset() { sim = makeSim(seedOf(mode)); state = 'ready'; pending = false; acc = 0; flash = 0; shake = 0; burst = 0; }
+function start() {
+  if (mode.kind === 'practice') mode.seed = `p${Date.now()}`;
+  reset(); state = 'run'; last = performance.now();
+  count(GAME, 'play', mode.kind === 'daily' ? (mode.date === todayIso ? 'daily' : 'archive') : 'practice');
+  $('over').hidden = true;
+}
+function input() {
+  if (state === 'ready') { start(); return; }
+  if (state === 'run') { pending = true; return; }
+  if (state === 'dead' && performance.now() - deadAt > 300) start();
+}
+function die() {
+  state = 'dead'; deadAt = performance.now(); flash = 1; shake = 12;
+  lastRun = { score: sim.score, perfect: sim.perfect, marks: sim.marks.slice() };
+  blip(150, 0.32, 'sawtooth', 0.11);
+  if (navigator.vibrate) try { navigator.vibrate([30, 40, 30]); } catch { /* */ }
+  let newBest = false;
+  if (mode.kind === 'daily') {
+    const s = dayStats(mode); s.tries = (s.tries || 0) + 1;
+    if (sim.score > (s.best || 0) || (sim.score === s.best && sim.perfect > (s.perfect || 0))) { s.best = sim.score; s.perfect = sim.perfect; s.marks = lastRun.marks; newBest = sim.score > 0; }
+    store(dayKey(mode), s);
+  } else if (sim.score > (store('brimbloom:practice-best') || 0)) { store('brimbloom:practice-best', sim.score); newBest = true; }
+  hud(); showOver(newBest);
+  if (sim.score >= 5) install.offer();
+}
+function frame(now) {
+  requestAnimationFrame(frame);
+  if (state === 'run') {
+    acc += Math.min(0.25, (now - last) / 1000); last = now;
+    let n = 0;
+    while (acc >= 1 / HZ && n++ < 8) {
+      acc -= 1 / HZ;
+      const tap = pending && sim.wait === 0; pending = false;
+      const ev = sim.step(tap);
+      if (ev === 'perfect') { blip(880 + Math.min(sim.score, 30) * 20, 0.09, 'sine', 0.08); burst = 1; }
+      else if (ev === 'good') { blip(560 + Math.min(sim.score, 30) * 14, 0.07, 'triangle', 0.07); burst = 0.6; }
+      if (sim.dead) { die(); break; }
+    }
+  } else last = now;
+  draw(now);
+}
+
+// ------------------------------------------------------------------ drawing
+const TAU = Math.PI * 2;
+function petal(ctx, len, wid, shape) {
+  ctx.beginPath();
+  if (shape === 'pointed') { ctx.moveTo(0, 0); ctx.quadraticCurveTo(wid, -len * 0.5, 0, -len); ctx.quadraticCurveTo(-wid, -len * 0.5, 0, 0); }
+  else if (shape === 'heart') { ctx.moveTo(0, 0); ctx.bezierCurveTo(wid * 1.3, -len * 0.4, wid * 0.8, -len * 1.05, 0, -len * 0.82); ctx.bezierCurveTo(-wid * 0.8, -len * 1.05, -wid * 1.3, -len * 0.4, 0, 0); }
+  else if (shape === 'star') { ctx.moveTo(0, 0); ctx.lineTo(wid * 0.55, -len * 0.45); ctx.lineTo(0, -len); ctx.lineTo(-wid * 0.55, -len * 0.45); ctx.closePath(); }
+  else ctx.ellipse(0, -len / 2, wid * 0.7, len / 2, 0, 0, TAU);
+  ctx.fill();
+}
+function flower(ctx, x, y, R, n, S, hue, spinA) {
+  if (R <= 0.5) return;
+  const cols = S.petals === 'hue' ? [`hsl(${hue},90%,62%)`, `hsl(${(hue + 40) % 360},90%,72%)`] : S.petals;
+  ctx.save(); ctx.translate(x, y); ctx.rotate(spinA);
+  for (let layer = 0; layer < 2; layer++) {
+    ctx.fillStyle = cols[layer];
+    const L = R * (layer ? 0.72 : 1), Wd = Math.max(4, R * (layer ? 0.3 : 0.42) * 6 / n);
+    for (let k = 0; k < n; k++) { ctx.save(); ctx.rotate(k * TAU / n + layer * Math.PI / n); petal(ctx, L, Wd, S.shape); ctx.restore(); }
+  }
+  ctx.fillStyle = S.core; ctx.beginPath(); ctx.arc(0, 0, Math.max(5, R * 0.16), 0, TAU); ctx.fill();
+  ctx.restore();
+}
+function ring(ctx, x, y, Rmax, c, w, S) {
+  ctx.fillStyle = S.band; ctx.beginPath(); ctx.arc(x, y, (c + w / 2) * Rmax, 0, TAU); ctx.arc(x, y, Math.max(0, c - w / 2) * Rmax, 0, TAU, true); ctx.fill();
+  ctx.fillStyle = S.sweet; ctx.beginPath(); ctx.arc(x, y, (c + w * 0.25) * Rmax, 0, TAU); ctx.arc(x, y, (c - w * 0.25) * Rmax, 0, TAU, true); ctx.fill();
+  ctx.strokeStyle = S.edge; ctx.lineWidth = 3; ctx.globalAlpha = 0.7;
+  for (const r of [c - w / 2, c + w / 2]) { ctx.beginPath(); ctx.arc(x, y, r * Rmax, 0, TAU); ctx.stroke(); }
+  ctx.globalAlpha = 1;
+}
+function draw(now) {
+  const S = SKINS[skin], Wc = cv.width, cx = Wc / 2, cy = Wc / 2 + 20, Rmax = Wc * 0.43;
+  g.save();
+  if (shake > 0) { g.translate((Math.random() - 0.5) * shake, (Math.random() - 0.5) * shake); shake *= 0.85; if (shake < 0.5) shake = 0; }
+  g.fillStyle = S.bg; g.fillRect(-20, -20, Wc + 40, Wc + 40);
+  // ripples
+  g.strokeStyle = S.band; g.lineWidth = 2;
+  for (let i = 0; i < 3; i++) { const r = ((now / 30 + i * 120) % 360); g.globalAlpha = 1 - r / 360; g.beginPath(); g.arc(cx, cy, r + 20, 0, TAU); g.stroke(); }
+  g.globalAlpha = 1;
+  const b = sim.cur;
+  ring(g, cx, cy, Rmax, ringC(b, sim.t), b.w, S);
+  const R = (state === 'ready' ? 0.18 + Math.sin(now / 300) * 0.02 : Math.min(sim.r, LIMIT)) * Rmax;
+  flower(g, cx, cy, R * (1 + burst * 0.06), b.n, S, b.hue, now / 4000);
+  burst *= 0.88;
+  // marks row (this run)
+  const marks = sim.marks.slice(-14);
+  marks.forEach((m, i) => { g.fillStyle = m === 'perfect' ? '#3DDC84' : m === 'good' ? '#FFC93C' : '#FF4D4D'; g.beginPath(); g.arc(cx - (marks.length - 1) * 13 + i * 26, Wc - 26, 8, 0, TAU); g.fill(); });
+  g.fillStyle = S.text; g.textAlign = 'center'; g.textBaseline = 'middle';
+  if (state === 'ready') {
+    g.font = '900 60px system-ui, sans-serif'; g.fillText('TAP', cx, 64);
+    g.font = '700 24px system-ui, sans-serif'; g.globalAlpha = 0.85; g.fillText('then tap again when the bloom fills the ring', cx, 112); g.globalAlpha = 1;
+  } else {
+    g.font = '900 72px system-ui, sans-serif'; g.fillText(String(sim.score), cx, 56);
+    if (sim.wait > 0) { g.font = '900 34px system-ui, sans-serif'; g.fillStyle = sim.last === 'perfect' ? '#3DDC84' : '#FFC93C'; g.fillText(sim.last === 'perfect' ? 'PERFECT' : 'GOOD', cx, 112); }
+    if (state === 'dead') { g.font = '800 28px system-ui, sans-serif'; g.fillStyle = S.text; g.fillText(sim.r > LIMIT ? 'it overflowed · tap to retry' : 'off the brim · tap to retry', cx, 112); }
+  }
+  if (flash > 0) { g.fillStyle = `rgba(255,77,77,${flash * 0.3})`; g.fillRect(0, 0, Wc, Wc); flash *= 0.88; if (flash < 0.02) flash = 0; }
+  g.restore();
+}
+
+// ------------------------------------------------------------------ results, share, card
+function result() {
+  if (mode.kind === 'daily') { const s = dayStats(mode); return { best: s.best, perfect: s.perfect || 0, marks: s.marks || [], tries: s.tries }; }
+  return { best: lastRun ? lastRun.score : 0, perfect: lastRun ? lastRun.perfect : 0, marks: lastRun ? lastRun.marks : [] };
+}
+function shareText() {
+  const r = result();
+  const head = mode.kind === 'practice' ? 'Brimbloom practice 🌸' : `Brimbloom #${dayNumber(mode.date)} 🌸`;
+  return `${head} ${r.best} blooms, ${r.perfect} perfect${r.tries ? ` (${r.tries} tries)` : ''}\n${grid(r.marks)}\nCan you stop on the brim?`;
+}
+function showOver(newBest) {
+  const s = mode.kind === 'daily' ? dayStats(mode) : null;
+  $('over-title').textContent = newBest ? `New best: ${lastRun.score}!` : `${lastRun.score} bloom${lastRun.score === 1 ? '' : 's'}, ${lastRun.perfect} perfect`;
+  $('over-line').textContent = s ? `Today's best ${s.best} after ${s.tries} tries. Tap the game to go again.` : 'Practice garden. Tap the game to go again.';
+  $('over-grid').textContent = grid(lastRun.marks);
+  const it = intents(GAME, shareText(), PATH);
+  $('sx').href = it.x; $('sb').href = it.bsky; $('sw').href = it.whatsapp;
+  $('over').hidden = false;
+  pass.afterWin($('over'), 'over');
+}
+function card() {
+  const S = SKINS[skin], c = document.createElement('canvas');
+  c.width = 1080; c.height = 1350;
+  const x = c.getContext('2d');
+  x.fillStyle = S.bg; x.fillRect(0, 0, 1080, 1350);
+  ring(x, 540, 700, 330, 0.7, 0.16, S);
+  flower(x, 540, 700, 0.7 * 330, 7, S, 330, 0.2);
+  const r = result();
+  x.fillStyle = S.text; x.textAlign = 'left';
+  x.font = '900 66px system-ui, sans-serif'; x.fillText('BRIMBLOOM', 80, 130);
+  x.globalAlpha = 0.85; x.font = '700 40px system-ui, sans-serif';
+  x.fillText(mode.kind === 'daily' ? `Daily garden #${dayNumber(mode.date)} · ${mode.date}` : 'Practice garden', 80, 190);
+  x.globalAlpha = 1; x.textAlign = 'right'; x.font = '900 120px system-ui, sans-serif'; x.fillText(String(r.best), 1000, 150);
+  x.font = '700 34px system-ui, sans-serif'; x.fillText(`blooms · ${r.perfect} perfect`, 1000, 195);
+  x.textAlign = 'left';
+  const ms = r.marks.slice(0, 30);
+  ms.forEach((m, i) => { x.fillStyle = m === 'perfect' ? '#3DDC84' : m === 'good' ? '#FFC93C' : '#FF4D4D'; x.fillRect(80 + (i % 10) * 92, 990 + Math.floor(i / 10) * 52, 76, 40); });
+  x.fillStyle = S.text; x.font = '800 48px system-ui, sans-serif'; x.fillText('Can you stop on the brim?', 80, 1200);
+  x.globalAlpha = 0.75; x.font = '600 32px system-ui, sans-serif'; x.fillText('Play free: cybermaxtools.com/games/brimbloom', 80, 1290);
+  return c;
+}
+$('share').onclick = async () => share(GAME, shareText(), PATH, await canvasBlob(card()), `brimbloom-${mode.date || 'practice'}.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()), `brimbloom-${mode.date || 'practice'}.png`); count(GAME, 'share', 'png'); };
+
+// ------------------------------------------------------------------ input, skins, start
+cv.addEventListener('pointerdown', (e) => { e.preventDefault(); input(); });
+cv.addEventListener('keydown', (e) => { if (e.key === ' ' || e.key === 'Enter') { e.preventDefault(); input(); } });
+document.addEventListener('keydown', (e) => { if (e.key === ' ' && document.activeElement === document.body) { e.preventDefault(); input(); } });
+$('pass-btn').onclick = () => pass.open('header');
+$('skins-btn').onclick = () => skins.open('header');
+document.addEventListener('click', (e) => {
+  const b = e.target.closest('[data-pass]'); if (b) pass.open(b.dataset.pass);
+  const k = e.target.closest('[data-skins]'); if (k) skins.open(k.dataset.skins);
+});
+document.addEventListener('visibilitychange', () => { if (document.hidden && state === 'run') last = performance.now(); });
+function renderSkins() {
+  const el = $('skins'); el.innerHTML = '';
+  for (const [id, s] of Object.entries(SKINS)) {
+    const b = document.createElement('button');
+    const lock = !canUse(s);
+    b.type = 'button'; b.title = `${s.name}${s.tier === 'pass' ? ' (Fun Pass)' : s.tier === 'pack' ? ' (Skin Pack)' : ''}`; b.setAttribute('aria-label', b.title);
+    b.style.background = s.petals === 'hue' ? 'conic-gradient(red,yellow,lime,cyan,blue,magenta,red)' : `linear-gradient(135deg, ${s.bg} 50%, ${s.petals[0]} 50%)`;
+    b.setAttribute('aria-pressed', String(id === skin));
+    if (lock) b.classList.add('locked');
+    b.onclick = () => {
+      if (lock) { if (s.tier === 'pass') pass.open('theme'); else skins.open('dot'); return; }
+      skin = id; store('brimbloom:skin', id); renderSkins();
+    };
+    el.appendChild(b);
+  }
+  $('skins-btn').textContent = skins.owned() ? '🌸 Skins' : '🌸 Skin Pack $1.99';
+}
+const refresh = () => { if (!canUse(SKINS[skin])) { skin = 'pond'; store('brimbloom:skin', 'pond'); } renderSkins(); renderModes(); };
+pass.onChange(refresh);
+skins.onChange(refresh);
+
+// Screenshot helper for scripts/games/render_assets.mjs: a mid-run frame on today's garden (no effect on normal play).
+window.__cmxShot = async (stage = 1) => {
+  start();
+  const s = makeSim(todayIso);
+  while (s.score < 4 && !s.dead) { const t = s.t + 1; s.step(s.wait === 0 && judge(s.cur, Math.max(s.r, radius(s.cur, t)), t) === 'perfect'); }
+  while (s.wait > 0) s.step(false);
+  for (let i = 0; i < 28; i++) s.step(false);
+  sim = s; state = 'shot';
+  if (stage === 2) { s.marks.push('miss'); s.dead = true; die(); }
+};
+
+// Demo recorder helper (scripts/studio/demo_video.mjs): real taps (pointer events) on perfect moments for n blooms,
+// then one early tap so the run ends on screen. Cosmetic games only; there is no leaderboard to game.
+window.__cmxDemo = (n = 6) => {
+  const tap = () => cv.dispatchEvent(new PointerEvent('pointerdown', { bubbles: true, cancelable: true }));
+  if (state !== 'run') tap();
+  const iv = setInterval(() => {
+    if (state === 'dead') { clearInterval(iv); return; }
+    if (state !== 'run' || sim.wait > 0 || pending) return;
+    const t = sim.t + 1;
+    if (sim.score >= n ? sim.t > 12 : judge(sim.cur, Math.max(sim.r, radius(sim.cur, t)), t) === 'perfect') tap();
+  }, 4);
+};
+setMode(mode);
+requestAnimationFrame(frame);

brimbloom/index.html

@@ -0,0 +1,56 @@
+<!doctype html>
+<html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
+<title>Brimbloom: one-tap timing game, stop the bloom on the brim | CyberMax</title>
+<meta name="description" content="Brimbloom is a free one-tap timing game: a flower blooms outward, tap to stop it inside the ring. Same blooms for everyone each day, rounds of seconds and a Wordle-style share grid. Works offline, installs on your phone.">
+<link rel="canonical" href="https://cybermaxtools.com/games/brimbloom/">
+<meta property="og:type" content="website"><meta property="og:site_name" content="CyberMax">
+<meta property="og:title" content="Brimbloom: stop on the brim">
+<meta property="og:description" content="One tap stops the bloom. Inside the ring and it scores; miss once and it's over. Everyone gets the same garden today.">
+<meta property="og:url" content="https://cybermaxtools.com/games/brimbloom/">
+<meta property="og:image" content="https://cybermaxtools.com/games/brimbloom/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/brimbloom/og.png">
+<meta name="theme-color" content="#0E2A2A">
+<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="Brimbloom">
+<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}catch(e){}</script>
+<script type="application/ld+json">{"@context":"https://schema.org","@type":"VideoGame","name":"Brimbloom","url":"https://cybermaxtools.com/games/brimbloom/","image":"https://cybermaxtools.com/games/brimbloom/og.png","description":"A free one-tap timing game: stop the growing flower inside the ring. Same blooms for everyone each day.","genre":["Arcade","Casual","Timing"],"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":"Free to play"},{"@type":"Offer","price":"1.99","priceCurrency":"USD","description":"Brimbloom Skin Pack (6 flowers, one-time)"},{"@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://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="mute" type="button" aria-label="Sound on or off">🔊</button><button class="icon" id="theme" type="button" aria-label="Switch light or dark">◐</button></header>
+<main>
+<section class="game">
+  <div class="headline"><h1>Brimbloom <span id="num" class="num"></span> <span class="pro-badge">PASS</span></h1>
+  <p class="muted tag">Tap to stop the bloom inside the ring. One miss ends the run. Same garden for everyone today.</p></div>
+  <div class="chips" id="modes" role="group" aria-label="Mode"></div>
+  <div class="stage"><canvas id="c" width="720" height="720" aria-label="Brimbloom game. Tap, click or press Space to stop the bloom." tabindex="0"></canvas></div>
+  <div class="row under"><span class="muted small">Today's best <b id="best">0</b> · tries <b id="tries">0</b></span><button class="btn ghost sm" id="install" type="button" hidden>📲 Add to Home Screen</button><button class="btn ghost sm" id="skins-btn" type="button">🌸 Skin Pack $1.99</button><button class="btn pass sm" id="pass-btn" type="button">✨ Fun Pass</button></div>
+  <section class="panel over" id="over" hidden aria-live="polite">
+    <h2 id="over-title"></h2>
+    <p id="over-line" class="muted"></p>
+    <p id="over-grid" class="grid" aria-label="Your run"></p>
+    <div class="row"><button class="btn" id="share" type="button">Share score</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>
+    <div class="nudge"><span>New look? The <b>Skin Pack</b> adds 6 flowers with their own ponds and petals, $1.99 once.</span><button class="btn ghost sm" data-skins="over" type="button">See the skins</button></div>
+  </section>
+  <div class="row skins" id="skins" aria-label="Flower skin"></div>
+</section>
+
+<section class="seo">
+<h2>How to play Brimbloom</h2>
+<p>A flower blooms outward from the middle of the pond. <b>Tap anywhere (or press Space) to stop it.</b> If the tips of the petals stop inside the ring (the brim), the bloom counts; stop in the brighter middle half of the ring for a <b>perfect</b>. Stop short, or let it grow past the ring, and the run is over. Each bloom is faster and its ring thinner; later blooms surge and ease, and some rings breathe in and out.</p>
+<h3>One garden a day</h3>
+<p>Everyone gets the same blooms each UTC day, so scores are directly comparable. Your best run is shared as a grid: 🟩 perfect, 🟨 good, 🟥 the bloom that ended it. Practice gives a fresh random garden every try.</p>
+<h3>Free, with optional extras</h3>
+<p>Brimbloom is free to play, including the daily garden and unlimited practice. The <b>Brimbloom Skin Pack</b> ($1.99 once) adds 6 flowers (Sakura, Lotus, Sunflower, Prism, Frost, Ember), each with its own pond and petal shape; skins are cosmetic only. The <b>CyberMax Fun Pass</b> ($2.99/month, $19/year or $29.99 for life) unlocks every past daily garden and the Night and Linen themes, in every CyberMax game.</p>
+<h3>FAQ</h3>
+<p><b>Is it fair?</b> The game runs on fixed 60 Hz ticks, and every bloom is checked so its ring opens at least 0.3 s in and stays open for at least 4 frames. <b>Does it work offline?</b> Yes, after the first visit; install it from your browser menu or the Add to Home Screen button. <b>Do skins change the game?</b> No, they only change how it looks.</p>
+<h2>More free games from CyberMax</h2>
+<div class="more"><a href="https://cybermaxtools.com/games/latchkite/"><b>Latchkite</b><span>Let go at the right moment, catch the next peg</span></a><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/pathmoor/"><b>Pathmoor</b><span>Daily path puzzle: light every stone</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>
+</body></html>

brimbloom/manifest.webmanifest

@@ -0,0 +1,47 @@
+{
+ "name": "Brimbloom: One-tap timing: stop the bloom on the brim",
+ "short_name": "Brimbloom",
+ "description": "One-tap timing: stop the bloom on the brim. Free daily game by CyberMax, works offline.",
+ "id": "index.html",
+ "start_url": "index.html?utm_source=pwa-hf",
+ "scope": "./",
+ "display": "standalone",
+ "orientation": "portrait",
+ "background_color": "#0E2A2A",
+ "theme_color": "#0E2A2A",
+ "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"
+  }
+ ]
+}

brimbloom/skins.js

@@ -0,0 +1,90 @@
+// CyberMax game Skin Pack: a one-time cosmetic unlock for ONE game (separate from the Fun Pass, which covers every
+// game's archive + themes). Buy: counted redirect data.cybermaxtools.com/buy/st-<game>-skins-pack?s=game-<game>
+// -> Stripe Payment Link; or the Gumroad listing (licence key). After checkout data.cybermaxtools.com/unlock/<game>-skins
+// checks the order (or the Gumroad licence key) and returns to the game with ?unlock=skins#cmx-pro=<code>.
+// capture() must run BEFORE funpass.init() so the Fun Pass never mistakes a skin-pack code for a pass code.
+// Cosmetic only: skins never change the game, scores or the daily course. (c) 2026 CyberMax.
+import { count, store, toast } from './cmx.js';
+
+const DATA = 'https://data.cybermaxtools.com';
+const CODE = /^(cs_(live|test)_[A-Za-z0-9]{10,200}|[A-Z0-9]{8}-[A-Z0-9]{8}-[A-Z0-9]{8}-[A-Z0-9]{8})$/i;
+let cfg = { game: '', name: '', price: '$1.99', gumroad: '', skins: 0 };
+let state = null;
+const subs = [];
+const key = () => `cmx-skins:${cfg.game}`;
+
+export const owned = () => !!(state && state.code);
+export function onChange(fn) { subs.push(fn); }
+const emit = () => subs.forEach((f) => { try { f(owned()); } catch { /* game hook */ } });
+
+async function check(code) {
+  try {
+    const r = await fetch(`${DATA}/unlock/${cfg.game}-skins?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() });
+    count(cfg.game, 'pro', 'skins-unlocked');
+    toast(`${cfg.name} Skin Pack is on. Enjoy the new looks!`, 3500);
+    emit(); render();
+  } else if (ok === false) toast('That code is not a Skin Pack order for this game.', 3500);
+  else toast('Could not reach the unlock check. Try again in a minute.', 3500);
+  return ok;
+}
+
+/** Call first: game id, display name, skin count, Gumroad URL. Reads ?unlock=skins#cmx-pro=<code> after checkout. */
+export function capture(options) {
+  cfg = { ...cfg, ...options };
+  state = store(key());
+  const q = new URLSearchParams(location.search);
+  const m = /[#&]cmx-pro=([^&]+)/.exec(location.hash || '');
+  if (q.get('unlock') === 'skins' && m) {
+    const code = decodeURIComponent(m[1]);
+    q.delete('unlock');
+    history.replaceState(null, '', location.pathname + (q.toString() ? `?${q}` : ''));
+    if (CODE.test(code)) unlock(code);
+  }
+}
+
+const buyUrl = (from) => `${DATA}/buy/st-${cfg.game}-skins-pack?s=game-${cfg.game}${from ? `-${from}` : ''}`;
+function dialog() {
+  let d = document.getElementById('skinpack');
+  if (!d) {
+    d = document.createElement('dialog'); d.id = 'skinpack'; 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 prev = (cfg.preview || []).map((s) => `<span class="sp-dot" style="background:${s}"></span>`).join('');
+  if (owned()) {
+    d.innerHTML = `<div class="fp"><button class="fp-x" data-close aria-label="Close">×</button><p class="fp-kick">${cfg.name} Skin Pack</p><h2>All ${cfg.skins} skins are yours. Thank you!</h2>
+      <p>Pick one from the colour dots under the game.</p><p class="fp-small">Your code (paste it on another device):</p><code class="fp-code">${state.code}</code></div>`;
+    return;
+  }
+  d.innerHTML = `<div class="fp"><button class="fp-x" data-close aria-label="Close">×</button><p class="fp-kick">${cfg.name} Skin Pack</p>
+    <h2>${cfg.skins} extra looks, ${cfg.price} once</h2><p class="sp-row">${prev}</p>
+    <ul class="fp-perks">${(cfg.perks || []).map((p) => `<li>${p}</li>`).join('')}<li>Cosmetic only: same course, same scores for everyone</li><li>Pay once, keep forever, on any device with your code</li></ul>
+    <p class="fp-row"><a class="btn pass" href="${buyUrl('')}" rel="nofollow" data-buy>Get the Skin Pack: ${cfg.price}</a>${cfg.gumroad ? ` <a class="btn ghost sm" href="${cfg.gumroad}" rel="nofollow noopener" target="_blank" data-gum>or on Gumroad</a>` : ''}</p>
+    <p class="fp-small">Secure Stripe checkout · the skins turn on as soon as you pay · 14-day promise: if it doesn't work as described, we fix it or refund you (<a href="https://cybermaxtools.com/terms#payments" target="_blank" rel="noopener">terms</a>). The <b>Fun Pass</b> is a separate pass for every game's archive and themes.</p>
+    <details><summary>Already bought it?</summary><form class="fp-form"><input aria-label="Order code" autocomplete="off" placeholder="Receipt code (cs_live_…) or Gumroad licence key"><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 (CODE.test(c)) unlock(c); else toast('Paste the code from your receipt page (cs_live_…) or your Gumroad licence key.', 3500);
+  });
+  d.querySelector('[data-buy]').addEventListener('click', () => count(cfg.game, 'cta', 'skins-buy'));
+  d.querySelector('[data-gum]')?.addEventListener('click', () => count(cfg.game, 'cta', 'skins-gumroad'));
+}
+export function open(from = 'button') {
+  render();
+  const d = dialog();
+  if (d.showModal) d.showModal(); else d.setAttribute('open', '');
+  count(cfg.game, 'cta', `skins-open-${from}`);
+}

brimbloom/style.css

@@ -0,0 +1,14 @@
+/* Brimbloom layout. Game colours live in game.js (SKINS). (c) 2026 CyberMax. */
+.headline h1 .num{color:var(--muted);font-weight:700;font-size:.62em}
+.tag{margin:0 0 12px}
+.stage{display:flex;justify-content:center;margin-top:12px}
+#c{width:100%;max-width:min(560px,calc(100vh - 220px));min-width:260px;aspect-ratio:1;border-radius:24px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;box-shadow:var(--shadow)}
+.under{justify-content:center;margin:12px 0}
+.over{margin:12px 0}.over h2{margin:0 0 4px}
+.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}
+.sp-row{display:flex;gap:6px;margin:0 0 10px}.sp-dot{width:26px;height:26px;border-radius:50%;display:inline-block;border:2px solid var(--line)}
+.fp-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
+.grid{font-size:22px;letter-spacing:2px;margin:4px 0 10px;white-space:pre-line;line-height:1.3}

brimbloom/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 = 'brimbloom';
+const CACHE = `cmx-${GAME}-8716f0739d`;
+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", "skins.js", "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('index.html'))));
+    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;
+  })));
+});