Deploy stoopshake

.gitattributes

@@ -33,3 +33,6 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+fonts/rubik-spray-paint.woff2 filter=lfs diff=lfs merge=lfs -text
+og.png filter=lfs diff=lfs merge=lfs -text
+shot-phone.png filter=lfs diff=lfs merge=lfs -text

CREDITS.txt

@@ -0,0 +1,15 @@
+Stoopshake (c) 2026 CyberMax. All rights reserved.
+Game code, rules engine, scene, textures, dice, characters and sound (including the "Stoop Night" loop): CyberMax. Everything is generated in code; no outside art or samples.
+Characters, places and signs are original and fictional.
+
+Third-party software and fonts:
+- three.js r170 (MIT License, Copyright 2010-2024 three.js authors), vendor/three.module.min.js
+- cannon-es 0.20.0 (MIT License, Copyright (c) 2015 cannon.js Authors, pmndrs), vendor/cannon-es.min.js (minified copy)
+- Rubik Spray Paint by NaN and Luke Prowse / Hubert and Fischer (SIL Open Font License 1.1), fonts/rubik-spray-paint.woff2
+- Barlow Condensed by Jeremy Tribby (SIL Open Font License 1.1), fonts/barlow-condensed-800.woff2
+Licence texts: MIT, https://opensource.org/license/mit ; OFL 1.1, https://openfontlicense.org
+
+The MIT License (three.js and cannon-es)
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

README.md

@@ -1,10 +1,34 @@
 ---
-title: Stoopshake
-emoji: 👁
-colorFrom: green
-colorTo: yellow
+title: "Stoopshake: Dice game (Cee-lo street dice, bots, pass-and-play, challenge links, Telegram groups)"
+emoji: 🎮
+colorFrom: gray
+colorTo: blue
 sdk: static
 pinned: false
+license: other
+thumbnail: https://cybermaxtools.com/games/stoopshake/og.png
+short_description: "Street dice on the stoop: real 3D physics, 4-5-6"
+tags:
+- game
+- html5
+- browser-game
+- pwa
+- cybermax
 ---
+**Stoopshake**: Street dice on the stoop: real 3D physics, 4-5-6. A free daily game from CyberMax: the same challenge for everyone each day, a shareable result, works offline and installs on your phone (no app store, no sign-up).
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+Play it full screen: https://cybermaxtools.com/games/stoopshake/?utm_source=huggingface
+
+**Watch the real gameplay demo:** https://cybermaxtools.com/media/demos/stoopshake/demo-16x9.mp4
+
+![Stoopshake gameplay](https://cybermaxtools.com/media/demos/stoopshake/poster.jpg)
+
+**Embed it free on your site** (works on phones, keeps a small link to CyberMax):
+
+```html
+<iframe src="https://cybermaxtools.com/embed/stoopshake/" width="480" height="720" style="border:0;max-width:100%;aspect-ratio:2/3;height:auto" title="Stoopshake: 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.

audio.js

@@ -0,0 +1,106 @@
+// Stoopshake sound: everything synthesised in Web Audio (no samples, original): dice clacks on concrete / wall / each other,
+// the shake in the hand, UI taps, result stings, and "Stoop Night", an original 88 BPM boom-bap loop (kick, snare, swung hats,
+// a warm electric-piano chord loop and a bass line, with soft vinyl crackle). Music and effects toggle separately.
+// (c) 2026 CyberMax. All rights reserved.
+let ac = null, master = null, sfxBus = null, musBus = null, noiseBuf = null;
+const st = { sfx: true, music: true };
+try { const s = JSON.parse(localStorage.getItem('ssk-audio') || 'null'); if (s) Object.assign(st, s); } catch { /* private mode */ }
+const save = () => { try { localStorage.setItem('ssk-audio', JSON.stringify(st)); } catch { /* */ } };
+
+export function ensure() {
+  if (ac) { if (ac.state === 'suspended') ac.resume().catch(() => {}); return ac; }
+  const C = window.AudioContext || window.webkitAudioContext; if (!C) return null;
+  ac = new C(); master = ac.createGain(); master.gain.value = 0.9;
+  const comp = ac.createDynamicsCompressor(); comp.threshold.value = -14; comp.ratio.value = 3; master.connect(comp).connect(ac.destination);
+  sfxBus = ac.createGain(); sfxBus.gain.value = st.sfx ? 1 : 0; sfxBus.connect(master);
+  musBus = ac.createGain(); musBus.gain.value = st.music ? 0.42 : 0; musBus.connect(master);
+  noiseBuf = ac.createBuffer(1, ac.sampleRate * 2, ac.sampleRate); const d = noiseBuf.getChannelData(0); for (let i = 0; i < d.length; i++) d[i] = Math.random() * 2 - 1;
+  return ac;
+}
+export const settings = () => ({ ...st });
+export function setSfx(on) { st.sfx = !!on; save(); if (sfxBus) sfxBus.gain.value = on ? 1 : 0; }
+export function setMusic(on) { st.music = !!on; save(); if (musBus) musBus.gain.setTargetAtTime(on ? 0.42 : 0, ac.currentTime, 0.2); if (on) startMusic(); }
+/** Expose the mix as a MediaStream for clip recording (optional). */
+export function stream() { if (!ensure()) return null; if (!master._dest) { master._dest = ac.createMediaStreamDestination(); master.connect(master._dest); } return master._dest.stream; }
+
+function noise(t, dur, { f = 2000, q = 1, type = 'bandpass', g = 0.5, bus = sfxBus, attack = 0.001 } = {}) {
+  const s = ac.createBufferSource(); s.buffer = noiseBuf; s.playbackRate.value = 0.8 + Math.random() * 0.4;
+  const fl = ac.createBiquadFilter(); fl.type = type; fl.frequency.value = f; fl.Q.value = q;
+  const e = ac.createGain(); e.gain.setValueAtTime(0, t); e.gain.linearRampToValueAtTime(g, t + attack); e.gain.exponentialRampToValueAtTime(0.0008, t + dur);
+  s.connect(fl).connect(e).connect(bus); s.start(t, Math.random() * 1.5); s.stop(t + dur + 0.05);
+}
+function tone(t, f, dur, { type = 'sine', g = 0.3, bus = sfxBus, f2 = null, attack = 0.004 } = {}) {
+  const o = ac.createOscillator(); o.type = type; o.frequency.setValueAtTime(f, t); if (f2) o.frequency.exponentialRampToValueAtTime(f2, t + dur);
+  const e = ac.createGain(); e.gain.setValueAtTime(0, t); e.gain.linearRampToValueAtTime(g, t + attack); e.gain.exponentialRampToValueAtTime(0.0008, t + dur);
+  o.connect(e).connect(bus); o.start(t); o.stop(t + dur + 0.05);
+}
+
+// ---------- dice
+let lastHit = 0;
+/** One impact: kind 'floor' | 'wall' | 'die', v = impact speed. Rate-limited so piles don't buzz. */
+export function hit(kind, v) {
+  if (!ensure() || !st.sfx) return; const t = ac.currentTime; if (t - lastHit < 0.018) return; lastHit = t;
+  const k = Math.min(1, v / 14);
+  if (kind === 'die') { noise(t, 0.05, { f: 3800 + Math.random() * 900, q: 7, g: 0.55 * k }); tone(t, 2600 + Math.random() * 500, 0.035, { type: 'triangle', g: 0.12 * k }); }
+  else if (kind === 'wall') { noise(t, 0.09, { f: 1700, q: 2.5, g: 0.7 * k }); tone(t, 220, 0.08, { g: 0.2 * k, f2: 120 }); }
+  else { noise(t, 0.07, { f: 2300 + Math.random() * 600, q: 3.2, g: 0.6 * k }); tone(t, 1300 + Math.random() * 300, 0.03, { type: 'triangle', g: 0.08 * k }); }
+}
+let rattleT = 0;
+/** Dice shaken in the hand (call every frame while held; k = shake strength 0..1). */
+export function rattle(k = 1) {
+  if (!ensure() || !st.sfx) return; const t = ac.currentTime; if (t - rattleT < 0.055 + Math.random() * 0.05) return; rattleT = t;
+  for (let i = 0; i < 2; i++) noise(t + i * 0.012, 0.03, { f: 3200 + Math.random() * 1500, q: 6, g: 0.18 * k });
+}
+export function whoosh(power = 0.6) { if (!ensure() || !st.sfx) return; const t = ac.currentTime; noise(t, 0.28, { f: 900 + power * 900, q: 0.7, g: 0.25, attack: 0.06 }); }
+export function tap() { if (!ensure() || !st.sfx) return; const t = ac.currentTime; tone(t, 880, 0.06, { type: 'square', g: 0.05 }); tone(t + 0.03, 1320, 0.05, { type: 'square', g: 0.04 }); }
+export function chips(n = 4) { if (!ensure() || !st.sfx) return; const t = ac.currentTime; for (let i = 0; i < n; i++) { noise(t + i * 0.045, 0.04, { f: 5200, q: 9, g: 0.22 }); tone(t + i * 0.045, 3100 + i * 60, 0.03, { type: 'triangle', g: 0.05 }); } }
+/** Result stings: '456' horn stab + crowd-ish burst, 'trips' rising chord, 'point' two notes, '123' low drop, 'none' shrug. */
+export function sting(kind) {
+  if (!ensure() || !st.sfx) return; const t = ac.currentTime;
+  if (kind === '456') { [0, 4, 7, 12].forEach((s, i) => tone(t + i * 0.06, 349.2 * 2 ** (s / 12), 0.5, { type: 'sawtooth', g: 0.07 })); noise(t, 1.1, { f: 1500, q: 0.4, g: 0.18, attack: 0.15 }); tone(t, 55, 0.6, { g: 0.5, f2: 40 }); }
+  else if (kind === 'trips') { [0, 3, 7, 10, 14].forEach((s, i) => tone(t + i * 0.07, 293.7 * 2 ** (s / 12), 0.55, { type: 'triangle', g: 0.09 })); }
+  else if (kind === 'point') { tone(t, 523.3, 0.16, { type: 'triangle', g: 0.12 }); tone(t + 0.12, 659.3, 0.22, { type: 'triangle', g: 0.12 }); }
+  else if (kind === '123') { tone(t, 220, 0.7, { type: 'sawtooth', g: 0.09, f2: 70 }); tone(t, 110, 0.7, { g: 0.3, f2: 45 }); }
+  else if (kind === 'win') { [0, 7, 12].forEach((s, i) => tone(t + i * 0.08, 440 * 2 ** (s / 12), 0.3, { type: 'square', g: 0.05 })); }
+  else if (kind === 'lose') { tone(t, 330, 0.25, { type: 'square', g: 0.05, f2: 220 }); }
+  else { tone(t, 392, 0.1, { type: 'triangle', g: 0.07 }); tone(t + 0.1, 370, 0.14, { type: 'triangle', g: 0.07 }); }
+}
+
+// ---------- "Stoop Night": original boom-bap loop (scheduled ahead with the audio clock)
+const BPM = 88, SPB = 60 / BPM, STEP = SPB / 4;
+// two-bar pattern, 32 sixteenths. K = kick, S = snare, H = hat
+const KICK = [1, 0, 0, 0, 0, 0, 0, 1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0, 0, 0, 0];
+const SNARE = [0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 1];
+// chords (MIDI notes): Fm9 -> Db maj7 -> Bbm9 -> C7(b9) one per half bar... over 2 bars: one per bar half
+const CHORDS = [[53, 56, 60, 63, 67], [49, 53, 56, 60, 65], [46, 49, 53, 56, 60], [48, 52, 55, 58, 61]];
+const BASS = [41, 0, 0, 41, 0, 0, 44, 0, 37, 0, 0, 37, 0, 0, 39, 0, 34, 0, 0, 34, 0, 0, 37, 0, 36, 0, 0, 36, 0, 0, 40, 43];
+const mf = (m) => 440 * 2 ** ((m - 69) / 12);
+let playing = false, nextT = 0, stepI = 0, timer = 0, crackle = null;
+function kick(t) { const o = ac.createOscillator(), e = ac.createGain(); o.frequency.setValueAtTime(130, t); o.frequency.exponentialRampToValueAtTime(42, t + 0.14); e.gain.setValueAtTime(0.95, t); e.gain.exponentialRampToValueAtTime(0.001, t + 0.42); o.connect(e).connect(musBus); o.start(t); o.stop(t + 0.45); noise(t, 0.02, { f: 3000, q: 1, g: 0.15, bus: musBus }); }
+function snare(t) { noise(t, 0.2, { f: 1900, q: 0.9, g: 0.55, bus: musBus }); tone(t, 190, 0.12, { type: 'triangle', g: 0.28, bus: musBus, f2: 150 }); }
+function hat(t, open) { noise(t, open ? 0.16 : 0.035, { f: 8200, q: 1.3, type: 'highpass', g: open ? 0.13 : 0.1, bus: musBus }); }
+function keys(t, notes, dur) { // warm EP: sine + soft FM bell, slow tremolo
+  for (const n of notes) { const f = mf(n); const o = ac.createOscillator(), m = ac.createOscillator(), mg = ac.createGain(), e = ac.createGain();
+    o.type = 'sine'; o.frequency.value = f; m.frequency.value = f * 2; mg.gain.value = f * 0.9; m.connect(mg).connect(o.frequency);
+    e.gain.setValueAtTime(0, t); e.gain.linearRampToValueAtTime(0.045, t + 0.02); e.gain.exponentialRampToValueAtTime(0.012, t + dur * 0.7); e.gain.exponentialRampToValueAtTime(0.0005, t + dur);
+    mg.gain.setValueAtTime(f * 0.9, t); mg.gain.exponentialRampToValueAtTime(f * 0.05, t + 0.4);
+    o.connect(e).connect(musBus); o.start(t); m.start(t); o.stop(t + dur + 0.05); m.stop(t + dur + 0.05); }
+}
+function bass(t, n) { if (!n) return; const o = ac.createOscillator(), fl = ac.createBiquadFilter(), e = ac.createGain(); o.type = 'sawtooth'; o.frequency.value = mf(n - 12); fl.type = 'lowpass'; fl.frequency.value = 260;
+  e.gain.setValueAtTime(0, t); e.gain.linearRampToValueAtTime(0.26, t + 0.01); e.gain.exponentialRampToValueAtTime(0.001, t + STEP * 2.6); o.connect(fl).connect(e).connect(musBus); o.start(t); o.stop(t + STEP * 3); }
+function schedule() {
+  while (nextT < ac.currentTime + 0.25) {
+    const i = stepI % 32, swing = i % 2 ? STEP * 0.18 : 0, t = nextT + swing;
+    if (KICK[i]) kick(t); if (SNARE[i]) snare(t); hat(t, i % 8 === 6);
+    if (i % 8 === 0) keys(t, CHORDS[(i / 8) | 0], STEP * 7.5);
+    bass(t, BASS[i]);
+    nextT += STEP; stepI++;
+  }
+}
+export function startMusic() {
+  if (!ensure() || !st.music || playing) return; playing = true; nextT = ac.currentTime + 0.1; stepI = 0;
+  timer = setInterval(schedule, 60); schedule();
+  if (!crackle) { crackle = ac.createBufferSource(); crackle.buffer = noiseBuf; crackle.loop = true; const f = ac.createBiquadFilter(); f.type = 'highpass'; f.frequency.value = 6000; const g = ac.createGain(); g.gain.value = 0.012; crackle.connect(f).connect(g).connect(musBus); crackle.start(); }
+}
+export function stopMusic() { playing = false; clearInterval(timer); }
+document.addEventListener('visibilitychange', () => { if (!ac) return; if (document.hidden) ac.suspend().catch(() => {}); else ac.resume().catch(() => {}); });

cmx.js

@@ -0,0 +1,249 @@
+// 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 && !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 () => {
+      if (deferred) {
+        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);
+      }
+    });
+  }
+  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 || 'dark'; // games default to the dark arcade look (fun.css)
+    const n = c === 'dark' ? 'light' : 'dark';
+    r.dataset.theme = n;
+    store('cm-theme-v', n);
+    try { localStorage.setItem('cm-theme', n); } catch { /* private mode */ }
+  });
+}
+
+// ------------------------------------------------------------------ first-touch attribution on buy links
+// First-sale review (29 Oct 2026, docs/ceo/first-sale-2026-10-27.md): the first paid order could be traced to the page
+// that sold it but not to where the buyer came from. So the first time this browser opens a CyberMax page, one short tag
+// is kept in localStorage (no cookie, no id, never sent on its own): where it came from (utm_source + utm_campaign, s=,
+// the referrer's host or "direct") and the landing page, e.g. "ft-youtube-brimbloom-at-games-brimbloom". A Buy click
+// carries it: s=<source>--<tag> on data.cybermaxtools.com/buy links (the Worker copies s into client_reference_id
+// "data_<s>"), client_reference_id=<id>--<tag> on buy.stripe.com links. No extra request, page view or Worker call.
+// The same code is in shared/convert-kit/convert.js (site pages), so the tag is shared across cybermaxtools.com.
+const FT_KEY = 'cmx-ft';
+const FT_DAYS = 90;
+const ftSlug = (x, n) => String(x || '').toLowerCase().replace(/^www\./, '').replace(/[^a-z0-9]+/g, '-').replace(/^-+/, '').slice(0, n).replace(/-+$/, '');
+// words collect.py reads as "our own test" (TEST_MARK) never appear in a buyer's tag
+const ftClean = (t) => t.replace(/(^|-)(test|e2e|check|probe|audit|lane\d*|internal)(?=-|$)/g, '$1x');
+export function ftCompute(loc, referrer) {
+  const q = new URLSearchParams(loc.search || '');
+  const us = q.get('utm_source'), uc = q.get('utm_campaign'), s = q.get('s');
+  let ch;
+  if (us) ch = ftSlug(us, 14) + (uc ? `-${ftSlug(String(uc).replace(/^\d{4}-\d{2}-\d{2}-(\d+-)?/, ''), 18)}` : ''); // post ids start with a date
+  else if (s) ch = `s-${ftSlug(s, 24)}`;
+  else {
+    let host = '';
+    try { host = referrer ? new URL(referrer).hostname.toLowerCase() : ''; } catch { host = 'other'; }
+    ch = !host ? 'direct' : /(^|\.)cybermaxtools\.com$|cybermax-tools/.test(host) ? `site-${ftSlug(host.split('.')[0], 12)}` : `r-${ftSlug(host, 24)}`;
+  }
+  const segs = String(loc.pathname || '/').toLowerCase().split('/').filter((x) => x && !/^index\.html?$/.test(x));
+  const land = ftSlug(segs.slice(-2).join('-'), 18) || 'home';
+  return ftClean(`ft-${ch || 'direct'}-at-${land}`).slice(0, 48).replace(/-+$/, '');
+}
+/** The first-touch tag of this browser ('' when storage is blocked). Recorded once, kept FT_DAYS days. */
+export function firstTouch() {
+  try {
+    const old = JSON.parse(localStorage.getItem(FT_KEY) || 'null');
+    if (old && old.t && Date.now() - old.at < FT_DAYS * 864e5) return old.t;
+    const t = ftCompute(location, document.referrer);
+    localStorage.setItem(FT_KEY, JSON.stringify({ t, at: Date.now() }));
+    return t;
+  } catch { return ''; }
+}
+/** href with the first-touch tag added (data /buy links: s; Stripe links: client_reference_id). Pure, for tests too. */
+export function ftTagUrl(href, t) {
+  if (!t) return href;
+  try {
+    const u = new URL(href);
+    if (u.hostname === 'data.cybermaxtools.com' && u.pathname.startsWith('/buy/')) {
+      const s = (u.searchParams.get('s') || 'unknown').toLowerCase().replace(/[^a-z0-9-]/g, '');
+      if (s.includes('--ft-')) return href;
+      u.searchParams.set('s', `${s}--${t}`.slice(0, 80).replace(/-+$/, '')); // the Worker keeps s to 80 chars of [a-z0-9-]
+      return u.toString();
+    }
+    if (u.hostname === 'buy.stripe.com') {
+      const c = u.searchParams.get('client_reference_id') || 'data_unknown';
+      if (c.includes('--ft-')) return href;
+      u.searchParams.set('client_reference_id', `${c}--${t}`.slice(0, 200)); // Stripe: 200 chars of letters, digits, - and _
+      return u.toString();
+    }
+  } catch { /* not a URL */ }
+  return href;
+}
+if (typeof document !== 'undefined' && typeof location !== 'undefined' && !window.__cmxFt) {
+  window.__cmxFt = 1;
+  firstTouch();
+  // capture phase, registered before funpass.js/skins.js add their direct-checkout handler (they import this module)
+  document.addEventListener('click', (e) => {
+    const a = e.target && e.target.closest && e.target.closest('a[href*="data.cybermaxtools.com/buy/"],a[href*="buy.stripe.com/"]');
+    if (a) { const t = firstTouch(); if (t) a.href = ftTagUrl(a.href, t); }
+  }, true);
+}

dice3d.js

@@ -0,0 +1,399 @@
+// Stoopshake 3D: real-physics dice on a night-time sidewalk. Three.js r170 (shared CyberMax stage: HDR, bloom, ACES, shake)
+// + cannon-es 0.20 (MIT) rigid bodies. Rounded dice with engraved pips, PBR materials and a generated environment map,
+// a warm street lamp with soft shadows, neon fill, and a backstop the dice bounce off (stoop step, curb, parapet...).
+// Throw: hold to shake, flick/drag to throw (power and direction from the gesture), or roll(power) for buttons and bots.
+// The result is read from whichever face points up once the dice sleep; a die that rests tilted (cocked) or leaves the
+// area is a free re-roll. Slow motion kicks in when the dice are about to settle on 4-5-6, 1-2-3 or trips.
+// Everything here is generated in code (no outside art). (c) 2026 CyberMax. All rights reserved.
+import { Stage, THREE, col, damp, clamp01 } from './stage3d.js';
+import * as CANNON from './vendor/cannon-es.min.js';
+
+const DIE = 1;            // edge length (world units)
+const R_CORNER = 0.13;    // corner rounding
+const G = -52;            // gravity tuned so a throw reads like real dice in 1-2 s
+// face order in a BoxGeometry: +x, -x, +y, -y, +z, -z  -> standard die, opposite faces sum to 7
+const FACE_VAL = [2, 5, 1, 6, 3, 4];
+const AXES = [new THREE.Vector3(1, 0, 0), new THREE.Vector3(-1, 0, 0), new THREE.Vector3(0, 1, 0), new THREE.Vector3(0, -1, 0), new THREE.Vector3(0, 0, 1), new THREE.Vector3(0, 0, -1)];
+
+// ------------------------------------------------------------------ looks
+export const SKINS = {
+  classic: { name: 'Classic', base: '#F3EFE6', pip: '#121212', one: '#C3122F', rough: 0.32, metal: 0, clear: 0.6 },
+  chrome: { name: 'Chrome', base: '#D9DDE3', pip: '#0B0C10', rough: 0.12, metal: 1, clear: 0.3, pack: 'skins' },
+  gold: { name: 'Gold', base: '#E6B54A', pip: '#2A1A05', rough: 0.2, metal: 1, clear: 0.4, pack: 'skins' },
+  bone: { name: 'Bone', base: '#E4D6B8', pip: '#3B2A1A', rough: 0.62, metal: 0, clear: 0, aged: true, pack: 'skins' },
+  neon: { name: 'Neon', base: '#0E0B1A', pip: '#3CFFE0', rough: 0.25, metal: 0, clear: 1, glow: true, pack: 'skins' },
+  crew: { name: 'Crew colours', base: '#E23B5A', pip: '#FFFFFF', rough: 0.3, metal: 0, clear: 0.8, pack: 'crew' },
+};
+// tables: free Corner, Dice & Table Pack (stoop, rooftop, arcade), Crew Pass (court, boardwalk)
+export const THEMES = {
+  corner: { name: 'Corner Store Curb', ground: 'concrete', back: 'step', wall: 'brick', sky: ['#05060E', '#1A1430', '#04050A'], lamp: '#FFC27A', neonA: '#FF3D6E', neonB: '#2FE6FF', sign: 'OPEN 24/7' },
+  stoop: { name: 'Brownstone Stoop', ground: 'concrete', back: 'stoop', wall: 'brownstone', sky: ['#060815', '#23183A', '#05060C'], lamp: '#FFB86B', neonA: '#FF9A3D', neonB: '#7C8CFF', sign: 'HOME', pack: 'skins' },
+  rooftop: { name: 'Rooftop', exposure: 1.45, ground: 'tar', back: 'parapet', wall: 'skyline', sky: ['#020515', '#22305E', '#0A0B1A'], lamp: '#FFD9A0', neonA: '#FF4FD8', neonB: '#48C2FF', sign: '', pack: 'skins' },
+  arcade: { name: 'Arcade', exposure: 1.2, ground: 'carpet', back: 'cabinet', wall: 'arcade', sky: ['#05020C', '#1A0630', '#05020C'], lamp: '#B98CFF', neonA: '#FF2BD6', neonB: '#00F0FF', sign: 'PLAY', pack: 'skins' },
+  court: { name: 'Night Court', exposure: 1.15, ground: 'asphalt', back: 'lowwall', wall: 'fence', sky: ['#030712', '#14243E', '#03050A'], lamp: '#E8F1FF', neonA: '#FF7A1A', neonB: '#3DA0FF', sign: '', pack: 'crew' },
+  boardwalk: { name: 'Boardwalk', exposure: 1.3, ground: 'wood', back: 'bench', wall: 'pier', sky: ['#040615', '#2B1D47', '#06040C'], lamp: '#FFCF8A', neonA: '#FF5577', neonB: '#FFE15C', sign: '', pack: 'crew' },
+};
+
+// ------------------------------------------------------------------ procedural textures (canvas)
+function canvasTex(w, h, draw, { repeat = [1, 1], srgb = true } = {}) {
+  const c = document.createElement('canvas'); c.width = w; c.height = h;
+  draw(c.getContext('2d'), w, h);
+  const t = new THREE.CanvasTexture(c);
+  t.wrapS = t.wrapT = THREE.RepeatWrapping; t.repeat.set(...repeat); t.anisotropy = 4;
+  if (srgb) t.colorSpace = THREE.SRGBColorSpace;
+  return t;
+}
+function noise(g, w, h, n, a, cols) {
+  for (let i = 0; i < n; i++) { g.fillStyle = cols[i % cols.length]; g.globalAlpha = Math.random() * a; const s = Math.random() * 3 + 0.5; g.fillRect(Math.random() * w, Math.random() * h, s, s); }
+  g.globalAlpha = 1;
+}
+const GROUNDS = {
+  stone: (g, w, h) => { g.fillStyle = '#5E5A56'; g.fillRect(0, 0, w, h); noise(g, w, h, 16000, 0.35, ['#3A3735', '#7E7974', '#4C4946', '#8E8984']); g.fillStyle = 'rgba(0,0,0,.18)'; g.fillRect(0, 0, w, 6); },
+  concrete: (g, w, h) => { g.fillStyle = '#6E6A66'; g.fillRect(0, 0, w, h); noise(g, w, h, 26000, 0.35, ['#3E3B39', '#8E8984', '#575350', '#A39E98']);
+    g.strokeStyle = 'rgba(20,18,16,.75)'; g.lineWidth = 3; g.beginPath(); g.moveTo(0, h / 2); g.lineTo(w, h / 2); g.moveTo(w / 2, 0); g.lineTo(w / 2, h); g.stroke();
+    g.fillStyle = 'rgba(30,28,26,.55)'; for (let i = 0; i < 9; i++) { g.beginPath(); g.arc(Math.random() * w, Math.random() * h, 3 + Math.random() * 5, 0, 7); g.fill(); }
+    g.strokeStyle = 'rgba(40,36,34,.35)'; g.lineWidth = 1.2; for (let i = 0; i < 5; i++) { g.beginPath(); let x = Math.random() * w, y = Math.random() * h; g.moveTo(x, y); for (let k = 0; k < 6; k++) { x += (Math.random() - 0.5) * 40; y += (Math.random() - 0.5) * 40; g.lineTo(x, y); } g.stroke(); } },
+  tar: (g, w, h) => { g.fillStyle = '#2B2B2F'; g.fillRect(0, 0, w, h); noise(g, w, h, 30000, 0.5, ['#1A1A1D', '#45454B', '#5A5A60', '#121214']); },
+  asphalt: (g, w, h) => { g.fillStyle = '#2E3034'; g.fillRect(0, 0, w, h); noise(g, w, h, 30000, 0.45, ['#1C1D20', '#4A4D52', '#62656A']);
+    g.strokeStyle = 'rgba(240,240,235,.85)'; g.lineWidth = 10; g.beginPath(); g.arc(w / 2, -h * 0.1, h * 0.55, 0, Math.PI); g.stroke(); },
+  carpet: (g, w, h) => { g.fillStyle = '#120A26'; g.fillRect(0, 0, w, h); noise(g, w, h, 12000, 0.4, ['#1E1240', '#0B061A']);
+    const c = ['#FF2BD6', '#00F0FF', '#FFE15C', '#7CFF6B']; for (let i = 0; i < 70; i++) { g.strokeStyle = c[i % 4]; g.globalAlpha = 0.75; g.lineWidth = 4; const x = Math.random() * w, y = Math.random() * h; g.beginPath();
+      if (i % 3 === 0) g.arc(x, y, 8, 0, 7); else if (i % 3 === 1) { g.moveTo(x - 9, y); g.lineTo(x, y - 12); g.lineTo(x + 9, y); } else { g.moveTo(x - 10, y - 4); g.lineTo(x - 3, y + 4); g.lineTo(x + 4, y - 4); g.lineTo(x + 11, y + 4); } g.stroke(); } g.globalAlpha = 1; },
+  wood: (g, w, h) => { const n = 8; for (let i = 0; i < n; i++) { g.fillStyle = ['#6B4A2E', '#5E4128', '#73502F', '#664629'][i % 4]; g.fillRect(0, (i * h) / n, w, h / n - 3); g.fillStyle = '#1C120A'; g.fillRect(0, ((i + 1) * h) / n - 3, w, 3); }
+    noise(g, w, h, 8000, 0.25, ['#3A2716', '#8A6440']); g.strokeStyle = 'rgba(40,25,12,.35)'; for (let i = 0; i < 60; i++) { g.beginPath(); const y = Math.random() * h; g.moveTo(0, y); g.bezierCurveTo(w / 3, y + 4, (2 * w) / 3, y - 4, w, y); g.stroke(); } },
+};
+const WALLS = {
+  brick: (g, w, h) => { g.fillStyle = '#2A1612'; g.fillRect(0, 0, w, h); const bw = 64, bh = 24; for (let y = 0; y < h; y += bh) for (let x = -((y / bh) % 2) * bw / 2; x < w; x += bw) {
+    const v = 0.75 + Math.random() * 0.35; g.fillStyle = `rgb(${120 * v | 0},${52 * v | 0},${40 * v | 0})`; g.fillRect(x + 2, y + 2, bw - 4, bh - 4); }
+    noise(g, w, h, 9000, 0.25, ['#1A0C08', '#9A5A48']);
+    // original tag-style mural strokes (abstract, no words): spray loops in the corner
+    g.lineCap = 'round'; for (const [c, o] of [['#2FE6FF', 0], ['#FF3D6E', 14]]) { g.strokeStyle = c; g.globalAlpha = 0.5; g.lineWidth = 9; g.beginPath(); g.moveTo(w * 0.62 + o, h * 0.62); g.bezierCurveTo(w * 0.7 + o, h * 0.3, w * 0.8 + o, h * 0.85, w * 0.92 + o, h * 0.5); g.stroke(); } g.globalAlpha = 1; },
+  brownstone: (g, w, h) => { g.fillStyle = '#4A2E22'; g.fillRect(0, 0, w, h); noise(g, w, h, 20000, 0.3, ['#2C1A12', '#6B4532', '#5A3828']);
+    g.fillStyle = 'rgba(20,10,6,.6)'; for (let y = 0; y < h; y += 46) g.fillRect(0, y, w, 3); },
+};
+/** A die face: pips with a soft engraved edge; also returns a bump map. */
+function faceCanvas(v, skin, bump) {
+  const S = 256, c = document.createElement('canvas'); c.width = c.height = S; const g = c.getContext('2d');
+  g.fillStyle = bump ? '#FFFFFF' : skin.base; g.fillRect(0, 0, S, S);
+  if (!bump && skin.aged) { noise(g, S, S, 3500, 0.25, ['#BFAE8A', '#F5EBD5', '#A8946C']); }
+  if (!bump && skin.metal) { const gr = g.createLinearGradient(0, 0, S, S); gr.addColorStop(0, 'rgba(255,255,255,.25)'); gr.addColorStop(1, 'rgba(0,0,0,.18)'); g.fillStyle = gr; g.fillRect(0, 0, S, S); }
+  const P = { 1: [[0.5, 0.5]], 2: [[0.27, 0.27], [0.73, 0.73]], 3: [[0.25, 0.25], [0.5, 0.5], [0.75, 0.75]], 4: [[0.27, 0.27], [0.73, 0.27], [0.27, 0.73], [0.73, 0.73]],
+    5: [[0.26, 0.26], [0.74, 0.26], [0.5, 0.5], [0.26, 0.74], [0.74, 0.74]], 6: [[0.27, 0.24], [0.73, 0.24], [0.27, 0.5], [0.73, 0.5], [0.27, 0.76], [0.73, 0.76]] }[v];
+  const r = v === 1 ? 0.13 : 0.085;
+  for (const [x, y] of P) {
+    const gr = g.createRadialGradient(x * S - r * S * 0.25, y * S - r * S * 0.25, r * S * 0.1, x * S, y * S, r * S);
+    if (bump) { gr.addColorStop(0, '#202020'); gr.addColorStop(0.8, '#3A3A3A'); gr.addColorStop(1, '#FFFFFF'); }
+    else { const pc = v === 1 && skin.one ? skin.one : skin.pip; gr.addColorStop(0, pc); gr.addColorStop(0.75, pc); gr.addColorStop(1, skin.glow ? pc : 'rgba(0,0,0,.35)'); }
+    g.fillStyle = gr; g.beginPath(); g.arc(x * S, y * S, r * S, 0, 7); g.fill();
+  }
+  return c;
+}
+function emissiveFace(v, skin) { // neon skin: only the pips glow
+  const S = 256, c = document.createElement('canvas'); c.width = c.height = S; const g = c.getContext('2d'); g.fillStyle = '#000'; g.fillRect(0, 0, S, S);
+  const src = faceCanvas(v, { ...skin, base: '#000000' }, false); g.drawImage(src, 0, 0); return c;
+}
+function roundedBox(size, r, seg = 7) {
+  const geo = new THREE.BoxGeometry(size, size, size, seg, seg, seg);
+  const p = geo.attributes.position, h = size / 2 - r, v = new THREE.Vector3(), inner = new THREE.Vector3();
+  for (let i = 0; i < p.count; i++) {
+    v.fromBufferAttribute(p, i);
+    inner.set(Math.max(-h, Math.min(h, v.x)), Math.max(-h, Math.min(h, v.y)), Math.max(-h, Math.min(h, v.z)));
+    const d = v.clone().sub(inner); if (d.lengthSq() > 1e-9) d.normalize().multiplyScalar(r);
+    v.copy(inner).add(d); p.setXYZ(i, v.x, v.y, v.z);
+  }
+  geo.computeVertexNormals();
+  return geo;
+}
+
+// ------------------------------------------------------------------ the table
+export class DiceTable {
+  constructor(canvas, opts = {}) {
+    this.opts = opts;
+    const mobile = /Android|iPhone|iPad|Mobile/i.test(navigator.userAgent) && !opts.record;
+    this.stage = new Stage(canvas, { shadows: true, record: !!opts.record, bloom: 0.55, threshold: 1.1, exposure: 1.05, sat: 1.08, con: 1.06, vig: 0.6, grain: 0.03, fov: 42, particles: 600, fixedQuality: !!opts.record });
+    const S = this.stage; this.scene = S.scene; this.r = S.r;
+    this.r.shadowMap.enabled = true; this.r.shadowMap.type = THREE.PCFSoftShadowMap;
+    this.shadowSize = mobile ? 1024 : 2048;
+    this.world = new CANNON.World({ gravity: new CANNON.Vec3(0, G, 0) });
+    this.world.allowSleep = true; this.world.broadphase = new CANNON.NaiveBroadphase();
+    this.world.defaultContactMaterial.friction = 0.3; this.world.defaultContactMaterial.restitution = 0.3;
+    this.mDie = new CANNON.Material('die'); this.mFloor = new CANNON.Material('floor'); this.mWall = new CANNON.Material('wall');
+    this.world.addContactMaterial(new CANNON.ContactMaterial(this.mDie, this.mFloor, { friction: 0.32, restitution: 0.32 }));
+    this.world.addContactMaterial(new CANNON.ContactMaterial(this.mDie, this.mWall, { friction: 0.15, restitution: 0.55 }));
+    this.world.addContactMaterial(new CANNON.ContactMaterial(this.mDie, this.mDie, { friction: 0.12, restitution: 0.45 }));
+    this.dieGeo = roundedBox(DIE, R_CORNER);
+    this.dice = []; this.state = 'idle'; this.timeScale = 1; this.slowT = 0; this.t = 0; this.settleT = 0;
+    this.camPos = new THREE.Vector3(0, 7.2, 12.5); this.camLook = new THREE.Vector3(0, 0.6, -3); this.camPosT = this.camPos.clone(); this.camLookT = this.camLook.clone();
+    this.onImpact = opts.onImpact || (() => {}); this.onSlow = opts.onSlow || (() => {});
+    this.statics = new THREE.Group(); this.scene.add(this.statics);
+    this.setTheme(opts.theme || 'corner');
+    this.makeDice(opts.skin || 'classic');
+    this.hand();
+  }
+
+  // ---------- environment
+  envFrom(th) {
+    const pm = new THREE.PMREMGenerator(this.r);
+    const sc = new THREE.Scene(); sc.background = col(th.sky[1]).multiplyScalar(0.25);
+    const box = (c, k, x, y, z, sx, sy, sz) => { const m = new THREE.Mesh(new THREE.BoxGeometry(sx, sy, sz), new THREE.MeshBasicMaterial({ color: col(c).multiplyScalar(k) })); m.position.set(x, y, z); sc.add(m); };
+    box(th.lamp, 6, -3, 6, 2, 2, 0.5, 2); box(th.neonA, 4, 5, 2, -4, 3, 0.6, 0.3); box(th.neonB, 4, -5, 2.5, -4, 2.5, 0.5, 0.3); box('#FFFFFF', 0.6, 0, 9, 0, 14, 0.2, 14); box(th.sky[0], 1, 0, -2, 0, 30, 0.2, 30);
+    const env = pm.fromScene(sc, 0.04).texture; pm.dispose();
+    sc.traverse((o) => { if (o.geometry) o.geometry.dispose(); if (o.material) o.material.dispose(); });
+    return env;
+  }
+  clearStatics() {
+    for (const b of this.staticBodies || []) this.world.removeBody(b);
+    this.staticBodies = [];
+    this.statics.traverse((o) => { if (o.geometry && o.geometry !== this.dieGeo) o.geometry.dispose(); if (o.material) { (Array.isArray(o.material) ? o.material : [o.material]).forEach((m) => { if (m.map) m.map.dispose(); m.dispose(); }); } });
+    this.scene.remove(this.statics); this.statics = new THREE.Group(); this.scene.add(this.statics);
+  }
+  wallBody(x, y, z, sx, sy, sz, mat) { const b = new CANNON.Body({ mass: 0, material: mat || this.mWall, shape: new CANNON.Box(new CANNON.Vec3(sx / 2, sy / 2, sz / 2)) }); b.position.set(x, y, z); this.world.addBody(b); this.staticBodies.push(b); return b; }
+  mesh(geo, mat, x, y, z, { cast = false, recv = true, parent } = {}) { const m = new THREE.Mesh(geo, mat); m.position.set(x, y, z); m.castShadow = cast; m.receiveShadow = recv; (parent || this.statics).add(m); return m; }
+  std(o) { return new THREE.MeshStandardMaterial({ roughness: 0.85, metalness: 0, ...o }); }
+  glowMat(c, k = 3) { return new THREE.MeshBasicMaterial({ color: col(c).multiplyScalar(k), toneMapped: false }); }
+  signTex(text, color) { return canvasTex(512, 160, (g, w, h) => { g.clearRect(0, 0, w, h); g.font = '900 108px "Barlow Condensed", Arial Narrow, sans-serif'; g.textAlign = 'center'; g.textBaseline = 'middle';
+    g.shadowColor = color; g.shadowBlur = 30; g.strokeStyle = color; g.lineWidth = 7; g.strokeText(text, w / 2, h / 2 + 4); g.fillStyle = '#FFFFFF'; g.globalAlpha = 0.85; g.fillText(text, w / 2, h / 2 + 4); }); }
+
+  setTheme(id) {
+    const th = THEMES[id] || THEMES.corner; this.themeId = THEMES[id] ? id : 'corner'; this.theme = th;
+    this.clearStatics();
+    const S = this.stage, sc = this.scene, P = this.statics;
+    S.look.exposure = th.exposure || 1.05;
+    S.sky({ top: th.sky[0], hor: th.sky[1], low: th.sky[2], glow: th.neonA, glowDir: [0.4, 0.1, -1], glowK: 0.25, stars: id === 'rooftop' || id === 'boardwalk' ? 0.8 : 0.25 });
+    if (this.env) this.env.dispose();
+    this.env = this.envFrom(th); sc.environment = this.env; sc.environmentIntensity = 0.55;
+    if (this.lights) this.lights.forEach((l) => sc.remove(l));
+    // light: one warm lamp (shadows), a cool moon fill, two neon accents
+    const lamp = new THREE.SpotLight(col(th.lamp), 700, 40, 0.62, 0.6, 2); lamp.position.set(-4.5, 13, 3.5); lamp.target.position.set(0.5, 0, -1.5);
+    lamp.castShadow = true; lamp.shadow.mapSize.set(this.shadowSize, this.shadowSize); lamp.shadow.bias = -0.0004; lamp.shadow.normalBias = 0.02; lamp.shadow.radius = 4; lamp.shadow.camera.near = 4; lamp.shadow.camera.far = 30;
+    const moon = new THREE.DirectionalLight(col('#7E92D6'), 0.35); moon.position.set(6, 10, 8);
+    const nA = new THREE.PointLight(col(th.neonA), 60, 16, 2); nA.position.set(4.5, 3.2, -6.4);
+    const nB = new THREE.PointLight(col(th.neonB), 45, 16, 2); nB.position.set(-5, 2.6, -6.2);
+    const hemi = new THREE.HemisphereLight(col(th.sky[1]), col('#0A0806'), 0.35);
+    this.lights = [lamp, lamp.target, moon, nA, nB, hemi]; this.lights.forEach((l) => sc.add(l));
+    // ground
+    const gt = canvasTex(1024, 1024, GROUNDS[th.ground] || GROUNDS.concrete, { repeat: [3, 3] });
+    const ground = this.mesh(new THREE.PlaneGeometry(40, 40), this.std({ map: gt, roughness: th.ground === 'wood' ? 0.7 : 0.92, metalness: 0, envMapIntensity: 0.4 }), 0, 0, 0);
+    ground.rotation.x = -Math.PI / 2;
+    this.wallBody(0, -0.5, 0, 40, 1, 40, this.mFloor);
+    // backstop the dice bounce off (z = -6) + soft invisible side rails, open front (off the curb = re-roll)
+    const B = th.back, bmat = this.std({ map: canvasTex(512, 256, GROUNDS[th.ground === 'carpet' ? 'tar' : th.ground === 'wood' ? 'wood' : 'stone'], { repeat: [3, 1] }), roughness: 0.9 });
+    if (B === 'step' || B === 'stoop') {
+      for (let i = 0; i < (B === 'stoop' ? 5 : 2); i++) { const h = 0.85, d = 1.2; this.mesh(new THREE.BoxGeometry(B === 'stoop' ? 7 : 16, h, d), bmat, B === 'stoop' ? -1.5 : 0, h / 2 + i * h, -6.6 - i * d, { cast: true }); }
+      this.wallBody(0, 0.85, -6.6, 20, 1.7, 1.2);
+      if (B === 'stoop') { // iron railings
+        const iron = this.std({ color: '#151518', roughness: 0.45, metalness: 0.8 });
+        for (const x of [-5.1, 2.1]) { for (let i = 0; i < 7; i++) this.mesh(new THREE.CylinderGeometry(0.05, 0.05, 2.2), iron, x, 1.6 + i * 0.6, -6.3 - i * 0.85, { cast: true }); const rail = this.mesh(new THREE.CylinderGeometry(0.07, 0.07, 7.6), iron, x, 4.2, -9.2, { cast: true }); rail.rotation.x = -0.82; }
+      }
+    } else if (B === 'parapet') { this.mesh(new THREE.BoxGeometry(24, 1.6, 0.8), this.std({ color: '#3A3634', roughness: 0.95 }), 0, 0.8, -6.4, { cast: true }); this.wallBody(0, 0.8, -6.4, 24, 1.6, 0.8); }
+    else if (B === 'cabinet' || B === 'bench' || B === 'lowwall') {
+      const c = B === 'cabinet' ? '#1A0F33' : B === 'bench' ? '#4A3220' : '#4C4C50';
+      this.mesh(new THREE.BoxGeometry(20, 1.2, 1), this.std({ color: c, roughness: 0.7 }), 0, 0.6, -6.5, { cast: true }); this.wallBody(0, 0.6, -6.5, 20, 1.2, 1);
+    }
+    this.rails = [-1, 1].map((sg) => this.wallBody(sg * 7.2, 1, -1, 0.4, 2, 14)); this.railX = 7.2; // invisible side rails (dice still look free); narrower on a portrait phone
+    // the curb at the front edge, then the street
+    this.mesh(new THREE.BoxGeometry(40, 0.35, 0.5), this.std({ color: th.ground === 'carpet' ? '#2B1A4A' : '#8C8781', roughness: 0.9 }), 0, -0.02, 7.5, { cast: true });
+    if (th.ground !== 'carpet') { const st = this.mesh(new THREE.PlaneGeometry(40, 14), this.std({ color: '#141518', roughness: 0.55, metalness: 0.1, envMapIntensity: 0.9 }), 0, -0.2, 14.7); st.rotation.x = -Math.PI / 2; }
+    // the background wall / skyline
+    const W = th.wall;
+    if (W === 'brick' || W === 'brownstone') {
+      const wt = canvasTex(1024, 512, WALLS[W], { repeat: [3, 2] });
+      this.mesh(new THREE.PlaneGeometry(40, 16), this.std({ map: wt, roughness: 0.95 }), 0, 8, -10.6);
+      // lit store window + door glow
+      const win = this.mesh(new THREE.PlaneGeometry(6.5, 2.6), this.glowMat('#FFD9A0', 1.4), 4.8, 3.3, -10.55, { recv: false });
+      const shelves = canvasTex(512, 256, (g, w, h) => { g.fillStyle = '#FFE6B8'; g.fillRect(0, 0, w, h); for (let y = 40; y < h; y += 60) { g.fillStyle = '#5A3A1E'; g.fillRect(0, y, w, 6); for (let x = 6; x < w; x += 18) { g.fillStyle = ['#D8473A', '#3A82D8', '#F2C94C', '#4CB863', '#E8E8E8'][(x + y) % 5]; g.fillRect(x, y - 26 + (x % 5), 12, 26 - (x % 5)); } } });
+      win.material = new THREE.MeshBasicMaterial({ map: shelves, color: col('#FFE2B0').multiplyScalar(0.62), toneMapped: false });
+      const frame = this.std({ color: '#1A1A1C', roughness: 0.5, metalness: 0.6 });
+      this.mesh(new THREE.BoxGeometry(6.9, 0.22, 0.3), frame, 4.8, 4.7, -10.4); this.mesh(new THREE.BoxGeometry(6.9, 0.22, 0.3), frame, 4.8, 1.95, -10.4);
+      for (const x of [1.45, 4.8, 8.15]) this.mesh(new THREE.BoxGeometry(0.18, 2.9, 0.3), frame, x, 3.3, -10.4);
+      const glass = this.mesh(new THREE.PlaneGeometry(6.5, 2.6), new THREE.MeshPhysicalMaterial({ color: '#0A0C10', roughness: 0.05, metalness: 0, transparent: true, opacity: 0.28, envMapIntensity: 1.6 }), 4.8, 3.3, -10.45, { recv: false }); glass.renderOrder = 1;
+      if (th.sign) { const s = this.mesh(new THREE.PlaneGeometry(3.6, 1.15), new THREE.MeshBasicMaterial({ map: this.signTex(th.sign, th.neonA), transparent: true, color: col('#FFFFFF').multiplyScalar(2.2), toneMapped: false, depthWrite: false }), 4.8, 5.45, -10.45, { recv: false }); s.renderOrder = 2; }
+      for (const [x, y] of [[-6, 9], [-2, 9], [2, 11], [-6, 12.5], [6, 11]]) this.mesh(new THREE.PlaneGeometry(1.8, 2.4), this.glowMat(Math.random() > 0.4 ? '#FFC98A' : '#1A1830', 1.1), x, y, -10.5, { recv: false });
+    } else if (W === 'skyline') {
+      for (let i = 0; i < 46; i++) { const h = 6 + Math.random() * 26, w = 2 + Math.random() * 4, x = -60 + i * 2.7 + Math.random(), z = -40 - Math.random() * 40;
+        const b = this.mesh(new THREE.BoxGeometry(w, h, w), this.std({ color: '#0A0C16', roughness: 1 }), x, h / 2 - 2, z, { recv: false });
+        const lit = canvasTex(64, 256, (g) => { g.fillStyle = '#080A12'; g.fillRect(0, 0, 64, 256); for (let y = 6; y < 256; y += 12) for (let x2 = 6; x2 < 64; x2 += 12) if (Math.random() > 0.55) { g.fillStyle = Math.random() > 0.2 ? '#FFD48A' : '#9FD8FF'; g.fillRect(x2, y, 6, 7); } });
+        b.material = new THREE.MeshBasicMaterial({ map: lit, color: col('#FFFFFF').multiplyScalar(1.4), toneMapped: false }); }
+      const tank = this.mesh(new THREE.CylinderGeometry(1.6, 1.6, 3.2, 20), this.std({ color: '#2A1E16', roughness: 0.9 }), -8, 5.2, -12, { cast: true }); // water tower
+      this.mesh(new THREE.ConeGeometry(1.8, 1.2, 20), this.std({ color: '#1E1610' }), -8, 7.4, -12);
+      for (const x of [-9.2, -6.8]) this.mesh(new THREE.CylinderGeometry(0.1, 0.1, 3.6), this.std({ color: '#111' }), x, 1.8, -12);
+      tank.receiveShadow = false;
+      this.stringLights(th);
+    } else if (W === 'arcade') {
+      for (let i = 0; i < 6; i++) { const x = -8.5 + i * 3.4; this.mesh(new THREE.BoxGeometry(2.4, 5, 1.6), this.std({ color: '#150A2C', roughness: 0.6 }), x, 2.5, -9.4, { cast: true });
+        this.mesh(new THREE.PlaneGeometry(1.8, 1.4), this.glowMat([th.neonA, th.neonB, '#FFE15C', '#7CFF6B'][i % 4], 1.8), x, 3.4, -8.58, { recv: false });
+        this.mesh(new THREE.BoxGeometry(2.4, 0.3, 1.62), this.glowMat(i % 2 ? th.neonA : th.neonB, 2.2), x, 4.9, -9.4, { recv: false }); }
+      this.mesh(new THREE.PlaneGeometry(40, 16), this.std({ color: '#0B0618' }), 0, 8, -10.6);
+      if (th.sign) { const s = this.mesh(new THREE.PlaneGeometry(5, 1.6), new THREE.MeshBasicMaterial({ map: this.signTex(th.sign, th.neonB), transparent: true, color: col('#FFFFFF').multiplyScalar(2.4), toneMapped: false, depthWrite: false }), 0, 7.4, -10.5, { recv: false }); s.renderOrder = 2; }
+    } else if (W === 'fence') {
+      const ft = canvasTex(256, 256, (g, w, h) => { g.clearRect(0, 0, w, h); g.strokeStyle = 'rgba(200,205,215,.85)'; g.lineWidth = 3; for (let i = -w; i < w * 2; i += 26) { g.beginPath(); g.moveTo(i, 0); g.lineTo(i + h, h); g.stroke(); g.beginPath(); g.moveTo(i + h, 0); g.lineTo(i, h); g.stroke(); } }, { repeat: [10, 4] });
+      this.mesh(new THREE.PlaneGeometry(40, 10), new THREE.MeshStandardMaterial({ map: ft, transparent: true, alphaTest: 0.3, roughness: 0.4, metalness: 0.7, side: THREE.DoubleSide }), 0, 5, -9, { recv: false });
+      for (let x = -18; x <= 18; x += 6) this.mesh(new THREE.CylinderGeometry(0.08, 0.08, 10), this.std({ color: '#888', metalness: 0.8, roughness: 0.4 }), x, 5, -9);
+      // a hoop in the distance + floodlight
+      this.mesh(new THREE.BoxGeometry(3, 2, 0.12), this.std({ color: '#EEE', roughness: 0.4 }), 6, 7, -14);
+      const rim = this.mesh(new THREE.TorusGeometry(0.6, 0.05, 8, 24), this.std({ color: th.neonA, metalness: 0.5, roughness: 0.4 }), 6, 6.2, -13.4); rim.rotation.x = Math.PI / 2;
+      this.mesh(new THREE.BoxGeometry(2, 0.6, 0.4), this.glowMat('#F4F8FF', 5), -9, 11, -12, { recv: false });
+    } else if (W === 'pier') {
+      for (let x = -20; x <= 20; x += 2.5) this.mesh(new THREE.BoxGeometry(0.2, 1.4, 0.2), this.std({ color: '#3A2616' }), x, 1.9, -9.6, { cast: true });
+      this.mesh(new THREE.BoxGeometry(42, 0.18, 0.25), this.std({ color: '#4A3220' }), 0, 2.6, -9.6, { cast: true });
+      const sea = this.mesh(new THREE.PlaneGeometry(200, 80), this.std({ color: '#060A1A', roughness: 0.2, metalness: 0.2 }), 0, -1, -50); sea.rotation.x = -Math.PI / 2;
+      const wheel = new THREE.Group(); wheel.position.set(10, 9, -34); P.add(wheel); // ferris wheel lights
+      for (let i = 0; i < 36; i++) { const a = (i / 36) * Math.PI * 2; this.mesh(new THREE.SphereGeometry(0.22, 8, 6), this.glowMat(i % 2 ? th.neonA : th.neonB, 4), Math.cos(a) * 7, Math.sin(a) * 7, 0, { parent: wheel, recv: false }); }
+      this.wheel = wheel;
+      this.stringLights(th);
+    }
+    // props: two milk crates (seats) and a boombox, a lamp post with a glowing head
+    if (th.ground !== 'carpet') {
+      const crate = canvasTex(256, 256, (g, w, h) => { g.fillStyle = '#1D4FB8'; g.fillRect(0, 0, w, h); g.fillStyle = 'rgba(0,0,0,.85)'; for (let y = 24; y < h - 20; y += 34) for (let x = 20; x < w - 20; x += 34) g.fillRect(x, y, 22, 22); });
+      const cm = this.std({ map: crate, roughness: 0.6, color: id === 'court' ? '#FF9A3D' : '#FFFFFF' });
+      this.mesh(new THREE.BoxGeometry(1.5, 1.2, 1.5), cm, -6.4, 0.6, 2.2, { cast: true }).rotation.y = 0.3;
+      this.mesh(new THREE.BoxGeometry(1.5, 1.2, 1.5), cm, 6.6, 0.6, 3.4, { cast: true }).rotation.y = -0.2;
+      const bb = this.mesh(new THREE.BoxGeometry(1.9, 1, 0.6), this.std({ color: '#1A1A1E', roughness: 0.4, metalness: 0.4 }), 6.4, 1.7, 3.3, { cast: true }); bb.rotation.y = -0.4;
+      for (const dx of [-0.5, 0.5]) { const sp = this.mesh(new THREE.CircleGeometry(0.32, 20), this.std({ color: '#0C0C0E', roughness: 0.9, emissive: col(th.neonB), emissiveIntensity: 0.08 }), dx, 0, 0.31, { parent: bb }); sp.receiveShadow = false; }
+    }
+    const pole = this.mesh(new THREE.CylinderGeometry(0.12, 0.16, 14), this.std({ color: '#1C1E22', metalness: 0.7, roughness: 0.5 }), -7.5, 7, 6.5, { cast: true });
+    pole.castShadow = false;
+    this.mesh(new THREE.BoxGeometry(1.3, 0.3, 0.7), this.glowMat(th.lamp, 4), -6.9, 13.8, 6.2, { recv: false });
+    if (this.dice.length) this.dice.forEach((d) => this.world.addBody(d.body)); // bodies were never removed; noop safety
+  }
+  stringLights(th) {
+    for (let i = 0; i < 26; i++) { const x = -13 + i, y = 7.6 - Math.sin((i / 25) * Math.PI) * 1.4; this.mesh(new THREE.SphereGeometry(0.11, 8, 6), this.glowMat(i % 3 ? '#FFD48A' : th.neonA, 5), x, y, -8.6, { recv: false }); }
+  }
+
+  // ---------- dice
+  diceMats(skinId, crew) {
+    const sk = { ...(SKINS[skinId] || SKINS.classic) }; if (skinId === 'crew' && crew) { sk.base = crew.a || sk.base; sk.pip = crew.b || sk.pip; }
+    return FACE_VAL.map((v) => {
+      const map = new THREE.CanvasTexture(faceCanvas(v, sk, false)); map.colorSpace = THREE.SRGBColorSpace; map.anisotropy = 4;
+      const bump = new THREE.CanvasTexture(faceCanvas(v, sk, true));
+      const lite = !!this.lite;
+      const m = lite ? new THREE.MeshStandardMaterial({ map, bumpMap: bump, bumpScale: 3.5, roughness: Math.max(0.12, sk.rough - 0.08), metalness: sk.metal, envMapIntensity: sk.metal ? 1.4 : 1.0 })
+        : new THREE.MeshPhysicalMaterial({ map, bumpMap: bump, bumpScale: 3.5, roughness: sk.rough, metalness: sk.metal, clearcoat: sk.clear, clearcoatRoughness: 0.18, envMapIntensity: sk.metal ? 1.4 : 0.9 });
+      if (sk.glow) { const em = new THREE.CanvasTexture(emissiveFace(v, sk)); em.colorSpace = THREE.SRGBColorSpace; m.emissiveMap = em; m.emissive = col('#FFFFFF'); m.emissiveIntensity = 2.6; m.transmission = 0; }
+      return m;
+    });
+  }
+  makeDice(skinId, crew) {
+    this.skinId = skinId;
+    const mats = this.diceMats(skinId, crew);
+    if (this.dice.length) { for (const d of this.dice) { (Array.isArray(d.mesh.material) ? d.mesh.material : []).forEach((m) => { m.map?.dispose(); m.bumpMap?.dispose(); m.emissiveMap?.dispose(); m.dispose(); }); d.mesh.material = mats.map((m) => m.clone()); } return; }
+    for (let i = 0; i < 3; i++) {
+      const mesh = new THREE.Mesh(this.dieGeo, mats.map((m) => m.clone())); mesh.castShadow = true; mesh.receiveShadow = true; this.scene.add(mesh);
+      const body = new CANNON.Body({ mass: 1, material: this.mDie, shape: new CANNON.Box(new CANNON.Vec3(DIE / 2 - 0.02, DIE / 2 - 0.02, DIE / 2 - 0.02)), linearDamping: 0.08, angularDamping: 0.12, allowSleep: true, sleepSpeedLimit: 0.25, sleepTimeLimit: 0.35 });
+      body.addEventListener('collide', (e) => { const v = Math.abs(e.contact.getImpactVelocityAlongNormal()); if (v > 1.2 && this.state === 'rolling') this.onImpact(e.body.material === this.mDie ? 'die' : e.body.material === this.mWall ? 'wall' : 'floor', v, i); });
+      this.world.addBody(body);
+      this.dice.push({ mesh, body, i });
+    }
+  }
+  setSkin(id, crew) { this.makeDice(id, crew); }
+
+  /** Dice in the hand: hovering near the thrower, gently jiggling (also the pose between rolls). */
+  hand(px = 0) {
+    this.state = 'hand'; this.timeScale = 1; this.handX = px; this.shakeK = 0;
+    this.dice.forEach((d, i) => { d.body.type = CANNON.Body.KINEMATIC; d.body.velocity.setZero(); d.body.angularVelocity.setZero(); d.body.position.set(px + (i - 1) * 1.15, 1.9, 3.6 + (i === 1 ? -0.3 : 0)); d.body.quaternion.setFromEuler(Math.random() * 6, Math.random() * 6, Math.random() * 6); d.body.wakeUp(); });
+    this.camPosT.set(0, 7.2, 12.5); this.camLookT.set(0, 0.6, -3);
+  }
+  /** Shaking in the hand (pointer held): x follows the finger, the dice rattle. */
+  shake(px, k = 1) { if (this.state !== 'hand') return; this.handX = Math.max(-4, Math.min(4, px)); this.shakeK = k; }
+
+  /** Throw. dir: {x, y} screen-space flick (y < 0 = away from you); power 0..1. Resolves { dice, scores?, cocked, off }. */
+  throw({ x = 0, power = 0.6, seed } = {}) {
+    if (this.state === 'rolling') return this.pending;
+    const rnd = seed != null ? mulberry(seed) : Math.random;
+    power = Math.max(0.25, Math.min(1, power));
+    this.state = 'rolling'; this.t = 0; this.settleT = 0; this.timeScale = 1; this.slowT = 0; this.slowFired = false;
+    this.launch(x, power, rnd);
+    this.camPosT.set(0, 8.4, 11.5); this.camLookT.set(0, 0.2, -3.2);
+    return (this.pending = new Promise((res) => { this.resolve = res; }));
+  }
+  launch(x, power, rnd) {
+    this.world.accumulator = 0;
+    this.dice.forEach((d, i) => {
+      // cannon-es derives box inertia from the world-space AABB, so compute it unrotated (correct + identical every throw)
+      const b = d.body; b.type = CANNON.Body.DYNAMIC; b.mass = 1; b.quaternion.set(0, 0, 0, 1); b.updateMassProperties(); b.wakeUp();
+      b.sleepState = 0; b.timeLastSleepy = 0; b.force.setZero(); b.torque.setZero();
+      b.quaternion.setFromEuler(rnd() * 6.283, rnd() * 6.283, rnd() * 6.283);
+      b.position.set(this.handX + (i - 1) * 1.05 + (rnd() - 0.5) * 0.3, 2.0 + rnd() * 0.6, 3.7 + (rnd() - 0.5) * 0.4);
+      const sp = 11 + power * 15;
+      b.velocity.set(x * 9 + (rnd() - 0.5) * 2.5, 2.5 + power * 4 + rnd() * 2, -sp * (0.85 + rnd() * 0.3));
+      b.angularVelocity.set((rnd() - 0.5) * 40, (rnd() - 0.5) * 30, (rnd() - 0.5) * 40);
+    });
+  }
+  /** Physics only, no drawing: where would this seeded throw land? (trailer: pick a real throw that lands 4-5-6). */
+  simulate({ x = 0, power = 0.6, seed = 1, handX = 0 } = {}) {
+    const keep = this.handX; this.handX = handX;
+    this.launch(x, Math.max(0.25, Math.min(1, power)), mulberry(seed));
+    let still = 0, t = 0, off = false;
+    while (t < 7) { this.world.step(1 / 120, 1 / 60, 8); t += 1 / 60;
+      const rd = this.read(); off = rd.some((r) => r.p.y < -1.5 || r.p.z > 8 || Math.abs(r.p.x) > 9); if (off) break;
+      const moving = this.dice.some((d) => d.body.velocity.length() > 0.25 || d.body.angularVelocity.length() > 0.6);
+      still = moving ? 0 : still + 1 / 60; if (still > 0.28) break; }
+    const rd = this.read(); const out = { dice: rd.map((r) => r.val), cocked: !off && rd.some((r) => r.up < 0.9), off };
+    this.handX = keep; this.hand(keep); return out;
+  }
+  read() {
+    const q = new THREE.Quaternion(), v = new THREE.Vector3();
+    return this.dice.map((d) => { q.set(d.body.quaternion.x, d.body.quaternion.y, d.body.quaternion.z, d.body.quaternion.w); let best = -2, val = 1;
+      AXES.forEach((a, k) => { v.copy(a).applyQuaternion(q); if (v.y > best) { best = v.y; val = FACE_VAL[k]; } }); return { val, up: best, p: d.body.position }; });
+  }
+  update(realDt) {
+    const dt = Math.min(0.05, realDt);
+    if (this.state === 'hand') {
+      const tt = performance.now() / 1000;
+      this.dice.forEach((d, i) => { const b = d.body, k = this.shakeK;
+        b.position.set(this.handX + (i - 1) * 1.15 + Math.sin(tt * 31 + i * 2) * 0.12 * k, 1.9 + Math.sin(tt * 2 + i) * 0.08 + Math.abs(Math.sin(tt * 27 + i)) * 0.25 * k, 3.6 + (i === 1 ? -0.3 : 0) + Math.cos(tt * 23 + i) * 0.1 * k);
+        const e = new CANNON.Quaternion(); e.setFromEuler(dt * (0.8 + 12 * k) * (i + 1), dt * (0.6 + 10 * k), dt * 0.4 * (2 - i)); b.quaternion = b.quaternion.mult(e); });
+    }
+    if (this.state === 'rolling') {
+      const step = dt * this.timeScale * (this.speed || 1);
+      this.world.step(1 / 120, step, this.speed > 1 ? 30 : 8);
+      this.t += step;
+      const rd = this.read();
+      const moving = this.dice.some((d) => d.body.velocity.length() > 0.25 || d.body.angularVelocity.length() > 0.6);
+      const slowish = this.dice.every((d) => d.body.velocity.length() < 5 && d.body.position.y < 1.6);
+      // slow motion when the dice are about to land on something big
+      if (!this.slowFired && this.t > 0.55 && slowish && moving) {
+        const vals = rd.map((r) => r.val).sort((a, b) => a - b), flat = rd.every((r) => r.up > 0.94);
+        const big = flat && ((vals[0] === 4 && vals[1] === 5 && vals[2] === 6) || (vals[0] === 1 && vals[1] === 2 && vals[2] === 3) || (vals[0] === vals[2]));
+        if (big) { this.slowFired = true; this.slowT = 1.1; this.onSlow(vals); }
+      }
+      if (this.slowT > 0) { this.slowT -= dt; this.timeScale = damp(this.timeScale, 0.22, 10, dt); } else this.timeScale = damp(this.timeScale, 1, 6, dt);
+      const c = rd.reduce((a, r) => a.add(new THREE.Vector3(r.p.x, 0, r.p.z)), new THREE.Vector3()).multiplyScalar(1 / 3);
+      this.camLookT.set(c.x * 0.6, 0, Math.min(1, c.z) * 0.7 - 1.2);
+      const off = rd.some((r) => r.p.y < -1.5 || r.p.z > 8 || Math.abs(r.p.x) > 9);
+      if (!moving) this.settleT += dt; else this.settleT = 0;
+      if (off || this.settleT > 0.28 || this.t > 7) this.finish(rd, off);
+    }
+    // sync meshes
+    for (const d of this.dice) { d.mesh.position.set(d.body.position.x, d.body.position.y, d.body.position.z); d.mesh.quaternion.set(d.body.quaternion.x, d.body.quaternion.y, d.body.quaternion.z, d.body.quaternion.w); }
+    if (this.wheel) this.wheel.rotation.z += realDt * 0.05;
+    // camera (aspect-aware so a phone in portrait still sees the whole throw)
+    const S = this.stage, asp = S.cam.aspect || 1, k = asp < 1 ? 1 + (1 - asp) * 1.25 : 1;
+    const rx = asp < 0.8 ? 4.3 : asp < 1.2 ? 5.6 : 7.2; if (this.rails && rx !== this.railX) { this.railX = rx; this.rails.forEach((b, i) => { b.position.x = (i ? 1 : -1) * rx; }); }
+    this.camPos.x = damp(this.camPos.x, this.camPosT.x, 3, dt); this.camPos.y = damp(this.camPos.y, this.camPosT.y * k, 3, dt); this.camPos.z = damp(this.camPos.z, this.camPosT.z * k, 3, dt);
+    this.camLook.x = damp(this.camLook.x, this.camLookT.x, 3, dt); this.camLook.y = damp(this.camLook.y, this.camLookT.y, 3, dt); this.camLook.z = damp(this.camLook.z, this.camLookT.z, 3, dt);
+    S.setCam(this.camPos, this.camLook);
+    if (!this.noDraw) S.render(realDt);
+  }
+  finish(rd, off) {
+    this.state = 'settled'; this.timeScale = 1;
+    const cocked = !off && rd.some((r) => r.up < 0.9);
+    const out = { dice: rd.map((r) => r.val), cocked, off, at: rd.map((r) => [r.p.x, r.p.z]) };
+    const c = rd.reduce((a, r) => a.add(new THREE.Vector3(r.p.x, 0, r.p.z)), new THREE.Vector3()).multiplyScalar(1 / 3);
+    if (!off) { const spread = Math.max(...rd.map((r) => Math.hypot(r.p.x - c.x, r.p.z - c.z))); const d = 4.4 + spread * 1.15; this.camPosT.set(c.x * 0.7, d * 1.45, c.z + d * 0.5); this.camLookT.set(c.x, 0, c.z - 0.15); }
+    const r = this.resolve; this.resolve = null; if (r) r(out);
+  }
+  /** Juice for a result (big = 4-5-6 / trips: gold flash + sparks; bust = 1-2-3: red flash). */
+  celebrate(kind) {
+    const S = this.stage, c = this.dice.reduce((a, d) => a.add(new THREE.Vector3(d.body.position.x, 0.6, d.body.position.z)), new THREE.Vector3()).multiplyScalar(1 / 3);
+    if (kind === '456' || kind === 'trips') { S.shake(0.7); S.flash('#FFE08A', 0.18); S.punch(0.004); S.burst(c, { n: 90, colors: ['#FFD36B', '#FFF2C2'], speed: 7, life: 1.1, size: 0.16, up: 5, hdr: 3 }); S.burst(c, { n: 50, colors: [this.theme.neonB, this.theme.neonA], speed: 5, life: 0.9, size: 0.12, up: 3, hdr: 3 }); }
+    else if (kind === '123') { S.shake(0.5); S.flash('#FF2A3D', 0.18); S.punch(0.004); }
+    else if (kind === 'point') S.shake(0.15);
+  }
+  resize() { this.stage.fit(); }
+  /** Frame-stepped rendering (trailer): fixed dt, no wall clock. */
+  stepFixed(dt) { this.update(dt); }
+}
+
+function mulberry(seed) { let t = seed >>> 0; return () => { t += 0x6D2B79F5; let r = Math.imul(t ^ (t >>> 15), 1 | t); r ^= r + Math.imul(r ^ (r >>> 7), 61 | r); return ((r ^ (r >>> 14)) >>> 0) / 4294967296; }; }
+export { clamp01 };

fonts/rubik-spray-paint.woff2

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:95618dc0a362160126211c88bd0391851c47b64816f8a340609dcbefba19d50b
+size 120264

fun.css

@@ -0,0 +1,69 @@
+/* CyberMax Fun kit: shared look for CyberMax games (copied into each game). Mobile first. 2026 look: dark arcade night by
+   default (glass panels, a glow in each game's own colours behind the stage), light on request. (c) 2026 CyberMax. */
+:root{--bg:#07080F;--bg2:#0E1020;--card:rgba(22,25,42,.72);--card-solid:#151829;--ink:#F1EFF8;--muted:#A3A8BE;--line:rgba(255,255,255,.10);--chip:rgba(255,255,255,.06);--acc:#FF6A3D;--acc-ink:#11141B;--ok:#2FD3A0;--bad:#FF7A5C;--game:#5CF2FF;--game2:#FF4D9A;--shadow:0 1px 0 rgba(255,255,255,.04) inset,0 18px 50px rgba(0,0,0,.45);color-scheme:dark}
+:root[data-theme=light]{--bg:#F6F3EC;--bg2:#EFEADF;--card:#fff;--card-solid:#fff;--ink:#11141B;--muted:#565C6B;--line:#E2DCD0;--chip:#ECE6DA;--ok:#0B7F5E;--bad:#C2361B;--shadow:0 1px 2px rgba(17,20,27,.06),0 10px 30px rgba(17,20,27,.08);color-scheme:light}
+*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}
+body{margin:0;background:radial-gradient(1100px 620px at 50% -12%,color-mix(in srgb,var(--game) 20%,transparent),transparent 70%),radial-gradient(800px 520px at 105% 38%,color-mix(in srgb,var(--game2) 13%,transparent),transparent 70%),radial-gradient(700px 500px at -8% 70%,color-mix(in srgb,var(--game) 9%,transparent),transparent 70%),linear-gradient(180deg,var(--bg),var(--bg2));background-attachment:fixed;color:var(--ink);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow-x:hidden;min-height:100vh}
+:root[data-theme=light] body{background:var(--bg)}
+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.08)}.btn:not(.ghost){box-shadow:0 6px 22px color-mix(in srgb,var(--acc) 35%,transparent)}.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(--chip);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);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);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow)}
+.muted{color:var(--muted)}.small{font-size:14px}
+h1{font-size:clamp(28px,6.4vw,46px);font-weight:900;line-height:1.05;letter-spacing:-.025em;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;transition:transform .15s,border-color .15s}.more a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--game) 50%,var(--line))}.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-solid);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(--bg2)}
+.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}
+.fp-game{border-color:var(--acc);display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;gap:2px 12px;padding:14px 14px 12px;margin:0 0 6px}.fp-game b{font-size:16px}.fp-game .fp-price{grid-row:span 2}.fp-game .fp-note{grid-column:1}
+.fp-or{margin:12px 0 8px;font-size:14px}
+
+.top{position:relative;z-index:2}.top .brand{letter-spacing:-.01em}
+/* 3D games on wide screens: a bigger stage, centred header (2026 upgrade) */
+@media (min-width:1100px){.wrap:has(.cmx3d-wrap){max-width:1080px}.wrap:has(.cmx3d-wrap) .seo,.wrap:has(.cmx3d-wrap) footer{max-width:760px;margin-left:auto;margin-right:auto}
+.wrap:has(.cmx3d-wrap) section.game>.headline{text-align:center}.wrap:has(.cmx3d-wrap) section.game>.headline .tag{margin-left:auto;margin-right:auto;max-width:640px}
+.wrap:has(.cmx3d-wrap) section.game>.chips{justify-content:center}.wrap:has(.cmx3d-wrap) section.game>.lv-goal,.wrap:has(.cmx3d-wrap) section.game>#goal{text-align:center;justify-content:center}
+.wrap:has(.cmx3d-wrap) section.game>.panel{max-width:760px;margin-left:auto;margin-right:auto}}
+/* living background: two slow glows in the game's colours drift behind the page (dark theme; off for reduced motion) */
+body::before,body::after{content:"";position:fixed;z-index:-1;width:60vmax;height:60vmax;border-radius:50%;filter:blur(70px);opacity:.16;pointer-events:none;animation:cmx-drift 26s ease-in-out infinite alternate}
+body::before{left:-20vmax;top:-25vmax;background:var(--game)}body::after{right:-25vmax;bottom:-30vmax;background:var(--game2);animation-duration:34s;animation-direction:alternate-reverse}
+:root[data-theme=light] body::before,:root[data-theme=light] body::after{display:none}
+@keyframes cmx-drift{from{transform:translate(0,0) scale(1)}to{transform:translate(12vmax,8vmax) scale(1.15)}}
+.panel{transition:border-color .2s,box-shadow .2s}.panel:hover{border-color:color-mix(in srgb,var(--game) 28%,var(--line))}
+.fp-rbx{font-size:13px;color:var(--muted);margin:10px 0 0;text-align:center}.fp-rbx a{color:inherit;font-weight:700}

funpass.js

@@ -0,0 +1,298 @@
+// CyberMax games checkout: the per-game "full game" unlock + the Fun Pass (every game), copied into each game's web/ folder.
+// Model (games lane GM, 9 Oct 2026; evidence docs/ceo/games-monetization-2026-10-09.md):
+//   - Free demo: every game's daily challenge stays free for everyone, plus the first levels (OFFER.demo once the per-game
+//     unlock is live; levels 1-20 until then). A level the player has opened is never locked again.
+//   - Full game: ONE payment per game (OFFER.price, Stripe pack revenue/packs/stripe/<game>-full) unlocks every level,
+//     mode, the daily archive and themes in that game, for good. Shown only when OFFER.live is true (owner-approved).
+//   - Fun Pass = the all-games bundle: Monthly $2.99 · Yearly $19 · Lifetime $29.99 (pack revenue/packs/stripe/fun-pass).
+//   - Portal builds (scripts/games/portals.py) never show a checkout; where the portal SDK offers rewarded ads, the player
+//     may watch one to open the full game for an hour (shared/portal-adapter/cmx-portal.js CMXPortal.rewarded()).
+// Buy: counted redirect https://data.cybermaxtools.com/buy/st-<pack>-<plan>?s=game-<id> -> Stripe checkout.
+// After checkout the data Worker (/unlock/fun-pass or /unlock/<game>-full) checks the Checkout Session and returns with
+// #cmx-pro=<code> (the full-game return adds ?unlock=full). The code on the receipt page unlocks any other device.
+// No account, no cookies, nothing personal stored. (c) 2026 CyberMax. All rights reserved.
+import { count, store, toast } from './cmx.js';
+import { OFFER } from './offer.js'; // written by scripts/games/sync_kit.py from products/fun-pass/games.json
+export { OFFER };
+
+const DATA = 'https://data.cybermaxtools.com';
+const KEY = 'cmx-pro:fun-pass';
+const SID = /^(cmxk1\.[A-Za-z0-9_-]+\.[A-Za-z0-9_-]+|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 = ['Every level and mode in every CyberMax game', 'The full archive of past dailies', 'Custom colour themes', 'New games included as they launch'];
+const FULL_KEY = `cmx-full:${OFFER.game}`;
+const REWARD_KEY = `cmx-reward:${OFFER.game}`;
+const REWARD_MS = 60 * 60 * 1000; // one rewarded ad on a portal build opens the full game for an hour
+
+let state = store(KEY);
+let full = store(FULL_KEY);
+const listeners = [];
+let cfg = { game: 'games', name: 'CyberMax games', perks: [] };
+// Per-game offer naming (17 Oct 2026 conversion fix): games whose one-time unlock is not a "full game" (no levels, every
+// mode free) pass init({ title: 'Stoopshake Crew Pass', exact: true, free: '...' }): the sheet then names the offer exactly
+// as the Stripe product, lists only its own perks and states what stays free, instead of "every level / bonus mode".
+const fullTitle = () => cfg.title || `Full ${OFFER.name}`;
+
+const passOn = () => !!(state && state.code);
+export const ownsGame = () => !!(full && full.code);
+const rewardOn = () => { const r = store(REWARD_KEY); return !!(r && Date.now() - r.at < REWARD_MS); };
+/** True when this player may use everything in this game: Fun Pass, this game's full unlock, or a portal reward hour. */
+export const isPro = () => passOn() || ownsGame() || rewardOn();
+/** Free levels in this game's demo: OFFER.demo once the per-game unlock is live, else the game's current number. */
+export const freeLevels = (current = 20) => (OFFER.live && OFFER.demo ? Math.min(current, OFFER.demo) : current);
+const portal = () => (typeof window !== 'undefined' && window.CMXPortal && window.CMXPortal.portal) || '';
+export function onChange(fn) { listeners.push(fn); fn(isPro()); }
+// The header pass button names the real price (convert lane, 15 Oct 2026): "Full game $2.99" where this game sells its
+// own unlock, else the Fun Pass monthly price. Pass holders see the button's own label.
+function priceButton() {
+  const btn = typeof document !== 'undefined' && document.getElementById('pass-btn');
+  if (!btn) return;
+  if (!btn.dataset.label) btn.dataset.label = btn.textContent;
+  btn.textContent = isPro() || portal() ? btn.dataset.label : sellsGame() ? `✨ ${cfg.title ? cfg.short || cfg.title : 'Full game'} ${OFFER.price}` : `✨ Fun Pass ${PLANS[0].price}/mo`;
+}
+function emit() {
+  document.documentElement.classList.toggle('cmx-pro', isPro());
+  priceButton();
+  listeners.forEach((fn) => { try { fn(isPro()); } catch { /* game hook */ } });
+}
+
+// Offline Pro keys (17 Oct 2026): "cmxk1.<payload>.<Ed25519 signature>" from data.cybermaxtools.com/unlock is verified here
+// with WebCrypto and this public key, so an unlock needs no Worker call. Expired, foreign-signed or unverifiable keys fall
+// back to the online check of the order code inside them, as before.
+const CMX_PUB = 'u0FDxbu0d9B9Sz5-yLT6AuL5IagyTlFcbBgEDqZxWtk';
+const b64d = (s) => { s = s.replace(/-/g, '+').replace(/_/g, '/'); while (s.length % 4) s += '='; return Uint8Array.from(atob(s), (c) => c.charCodeAt(0)); };
+async function cmxKeyOk(k, app, online) {
+  const [tag, body, sig] = k.split('.');
+  let p;
+  try { p = JSON.parse(new TextDecoder().decode(b64d(body))); } catch { return false; }
+  if (!p || p.a !== app) return false;
+  try {
+    const key = await crypto.subtle.importKey('raw', b64d(CMX_PUB), { name: 'Ed25519' }, false, ['verify']);
+    if (await crypto.subtle.verify({ name: 'Ed25519' }, key, b64d(sig), new TextEncoder().encode(tag + '.' + body)) && (!p.x || p.x * 1000 > Date.now())) return true;
+  } catch { /* no Ed25519 here: online check below */ }
+  return p.c ? online(p.c) : false;
+}
+async function check(code, what = 'fun-pass') {
+  if (/^cmxk1\./.test(code)) return cmxKeyOk(code, what, (c) => checkOnline(c, what));
+  return checkOnline(code, what);
+}
+async function checkOnline(code, what = 'fun-pass') {
+  try {
+    const r = await fetch(`${DATA}/unlock/${what}?json=1&session_id=${encodeURIComponent(code)}`);
+    const j = await r.json();
+    return j && typeof j.pro === 'boolean' ? j.pro : null;
+  } catch { return null; }
+}
+
+/** Turn on a full-game code for this game (receipt code of the <game>-full Payment Link). */
+export async function unlockGame(code) {
+  const ok = await check(code, `${OFFER.game}-full`);
+  if (ok) {
+    full = store(FULL_KEY, { code, at: new Date().toISOString() });
+    count(cfg.game, 'pro', 'full-unlocked');
+    toast(cfg.title ? `${cfg.title} is on. Thank you for supporting CyberMax games!` : `${OFFER.name}: the full game is on. Thank you for supporting CyberMax games!`, 3500);
+    emit(); render();
+  } else if (ok === false) toast('That code is not a full-game order for this game.', 3500);
+  else toast('Could not reach the unlock check. Try again in a minute.', 3500);
+  return ok;
+}
+
+/** Turn on a pasted or returned code: a Fun Pass code, or (where this game sells its own unlock) a full-game code. */
+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();
+    return ok;
+  }
+  if (sellsGame() && (await check(code, `${OFFER.game}-full`))) return unlockGame(code);
+  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 (!passOn() || Date.now() - (state.checked || 0) < RECHECK) return; // only a Fun Pass is re-checked (a full-game or Founder owner has no pass state)
+  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}`;
+const gameUrl = (from = '') => `${DATA}/buy/st-${OFFER.game}-full-unlock?s=game-${cfg.game}${from ? `-${from}` : ''}`;
+const sellsGame = () => !!(OFFER.live && OFFER.price && OFFER.game !== 'games');
+
+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;
+}
+
+const planHtml = () => 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('');
+const codeForm = `<details><summary>Already bought?</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>`;
+
+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()) {
+    const what = passOn() ? 'The Fun Pass is on in this browser for every CyberMax game' : ownsGame() ? (cfg.title ? `You own the ${esc(cfg.title)}` : `You own the full ${esc(OFFER.name)}`) : 'The full game is open for the next hour (rewarded ad)';
+    const code = passOn() ? state.code : ownsGame() ? full.code : '';
+    d.innerHTML = `<div class="fp"><button class="fp-x" data-close aria-label="Close">×</button><p class="fp-kick">${passOn() ? 'CyberMax Fun Pass' : esc(OFFER.name)}</p><h2>Everything is open. Thank you!</h2>
+      <p>${what}: ${perks.map(esc).join(' · ')}.</p>
+      ${code ? `<p class="fp-small">Your code (paste it on another device to turn it on there):</p><code class="fp-code">${esc(code)}</code>` : ''}
+      ${passOn() ? '<p class="fp-small">Manage or cancel a subscription any time from the link in your Stripe receipt email.</p>' : ''}</div>`;
+    return;
+  }
+  if (portal()) { // portal build: no outside checkout; a rewarded ad (when the portal offers one) opens the game for an hour
+    d.innerHTML = `<div class="fp"><button class="fp-x" data-close aria-label="Close">×</button><p class="fp-kick">${esc(OFFER.name || 'Full game')}</p>
+      <h2>Open the full game for an hour</h2><ul class="fp-perks">${perks.slice(0, 4).map((p) => `<li>${esc(p)}</li>`).join('')}</ul>
+      <p><button class="btn" type="button" data-reward>▶ Watch a short ad</button></p>
+      <p class="fp-small">Optional. The daily challenge and the free levels stay free without ads.</p></div>`;
+    d.querySelector('[data-reward]').addEventListener('click', async () => {
+      count(cfg.game, 'cta', 'reward-ad');
+      const ok = await window.CMXPortal.rewarded().catch(() => false);
+      if (ok) { store(REWARD_KEY, { at: Date.now() }); count(cfg.game, 'pro', 'reward-hour'); toast('Everything is open for the next hour. Have fun!', 3000); emit(); d.close(); }
+      else toast('No ad is available right now. Try again later.', 3000);
+    });
+    return;
+  }
+  const allGames = `${OFFER.games || 'every'} CyberMax games`;
+  const own = cfg.perks || [];
+  const gamePerks = cfg.exact ? own.slice(0, 6) : [...own, ...(own.some((p) => /archive/i.test(p)) ? [] : ['The full archive of past dailies']), 'Every bonus mode in this game'].slice(0, 6);
+  const freeLine = cfg.free || `The daily challenge and ${OFFER.levels === false ? 'the free modes stay' : `the first ${OFFER.demo || ''} levels stay`} free for everyone.`;
+  d.innerHTML = sellsGame()
+    ? `<div class="fp"><button class="fp-x" data-close aria-label="Close">×</button><p class="fp-kick">${esc(OFFER.name)} · ${cfg.title ? 'one payment' : 'full game'}</p>
+    <h2>${cfg.title ? `Get the ${esc(cfg.title)}` : `Unlock the full ${esc(OFFER.name)}`}</h2>
+    <ul class="fp-perks">${gamePerks.map((p) => `<li>${esc(p)}</li>`).join('')}</ul>
+    <a class="fp-plan fp-game" href="${gameUrl()}" rel="nofollow" data-game><i>This game only</i><b>${esc(fullTitle())}</b><span class="fp-price">${esc(OFFER.price)}<small> once</small></span><span class="fp-note">Pay once, keep it forever. No subscription.</span></a>
+    <p class="fp-or"><b>Or get all ${esc(allGames)}</b> with the Fun Pass (a separate pass for every game):</p>
+    <div class="fp-plans">${planHtml()}</div>
+    <p class="fp-small">Secure Stripe checkout · turns on as soon as you pay · your code works on any device · 14-day fix-or-refund if it doesn't work as described (<a href="https://cybermaxtools.com/terms#payments" target="_blank" rel="noopener">terms</a>). ${esc(freeLine)} Prices in USD; tax for your country is added at checkout.</p>
+    ${codeForm}</div>`
+    : `<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">${planHtml()}</div>
+    <p class="fp-small">Secure Stripe checkout (card, Apple Pay, Google Pay) · turns on as soon as you pay · cancel any time from your receipt email · 14-day fix-or-refund if it doesn't work as described (<a href="https://cybermaxtools.com/terms#payments" target="_blank" rel="noopener">terms</a>). Works in every CyberMax game. The daily challenges and the free levels stay free for everyone.</p>
+    ${codeForm}</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}`)));
+  d.querySelector('[data-game]')?.addEventListener('click', () => count(cfg.game, 'cta', 'full-game'));
+}
+
+/** 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. */
+// One quiet line under the result: CyberMax's free Roblox games (24 Oct 2026). Not on game portals (their rules ban
+// outside links), never a pop-up; links carry the game id so clicks can be told apart.
+const ROBLOX = [['Skyline Flight Circuit', 'https://www.roblox.com/games/89786604994377'], ['Hatchlume', 'https://www.roblox.com/games/80122923062327'],
+  ['Sled Volt', 'https://www.roblox.com/games/134881648422275']];
+function robloxRow(host) {
+  if (portal() || host.querySelector('.fp-rbx')) return;
+  const p = document.createElement('p'); p.className = 'fp-rbx';
+  const tag = `?utm_source=cybermax&utm_medium=game&utm_campaign=${encodeURIComponent(cfg.game || 'games')}-end`;
+  p.innerHTML = 'Play our Roblox games: ' + ROBLOX.map(([n, u]) => `<a href="${u}${tag}" target="_blank" rel="noopener">${esc(n)}</a>`).join(' · ');
+  p.querySelectorAll('a').forEach((a) => a.addEventListener('click', () => count(cfg.game, 'cta', 'roblox-end')));
+  host.appendChild(p);
+}
+
+export function afterWin(host, from = 'win') {
+  if (!host) return;
+  robloxRow(host);
+  if (isPro() || portal()) { 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];
+  const game = sellsGame();
+  const href = game ? gameUrl('after') : `${buyUrl(best.id)}-after`;
+  const label = game ? (cfg.title ? `Get the ${cfg.title}: ${OFFER.price} once` : `Get the full ${OFFER.name}: ${OFFER.price} once`) : `Get the Fun Pass: ${best.price}${best.per}`;
+  const line = game ? (cfg.extra || `The full game opens every level, mode, the daily archive and themes in ${OFFER.name}.`)
+    : (cfg.extra || 'The Fun Pass opens every level, mode, the full archive and themes in every CyberMax game.');
+  el.innerHTML = `<p><b>Want more today?</b> ${esc(line)}</p>
+    <p class="fp-row"><a class="btn sm" href="${href}" rel="nofollow" data-after>${esc(label)}</a> <button class="btn sm ghost" type="button" data-plans>${game ? 'All games pass' : 'See all plans'}</button></p>
+    <p class="fp-small">Secure Stripe checkout · turns on as soon as you pay · ${game ? 'one payment, no subscription' : 'cancel any time from your receipt email'} · 14-day fix-or-refund if it doesn't work as described (<a href="https://cybermaxtools.com/terms#payments" target="_blank" rel="noopener">terms</a>). Today's daily challenge stays free.</p>
+    <div class="fp-cap"></div>`;
+  el.querySelector('[data-after]').addEventListener('click', () => { count(cfg.game, 'cta', game ? 'full-game-after' : `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 perks (listed first). Reads #cmx-pro=<code> after
+ * checkout (?unlock=full marks this game's full-game return). Skin-pack codes are taken first by skins.js capture(). */
+export function init(options) {
+  cfg = { ...cfg, ...options };
+  const m = /[#&]cmx-key=([^&]+)/.exec(location.hash || '') || /[#&]cmx-pro=([^&]+)/.exec(location.hash || '');
+  if (m && SID.test(decodeURIComponent(m[1]))) {
+    const q = new URLSearchParams(location.search);
+    const fullReturn = q.get('unlock') === 'full';
+    q.delete('unlock');
+    history.replaceState(null, '', location.pathname + (q.toString() ? `?${q}` : ''));
+    if (fullReturn) unlockGame(decodeURIComponent(m[1])); else unlock(decodeURIComponent(m[1]));
+  } else recheck();
+  emit();
+}
+
+// Direct checkout (17 Oct 2026, Workers cap fix): a click on a data.cybermaxtools.com/buy/<offer> link goes straight to the
+// Stripe/Polar checkout (static map https://cybermaxtools.com/store/buy-direct.json); the click is counted by a beacon.
+(() => {
+  if (typeof document === 'undefined' || window.__cmxBd) return;
+  window.__cmxBd = 1;
+  let MAP = null;
+  try { MAP = JSON.parse(sessionStorage.getItem('cmx-bd') || 'null'); } catch { /* none */ }
+  if (!MAP) fetch('https://cybermaxtools.com/store/buy-direct.json').then((r) => r.json()).then((j) => { MAP = j; try { sessionStorage.setItem('cmx-bd', JSON.stringify(j)); } catch { /* full */ } }).catch(() => {});
+  document.addEventListener('click', (e) => {
+    const a = e.target && e.target.closest && e.target.closest('a[href*="data.cybermaxtools.com/buy/"]');
+    if (!a || !MAP || !MAP.offers) return;
+    try {
+      const u = new URL(a.href);
+      const k = /^\/buy\/([a-z0-9-]+)\/?$/.exec(u.pathname);
+      const t = k && MAP.offers[k[1]];
+      if (!t) return;
+      const s = String(u.searchParams.get('s') || 'unknown').toLowerCase().replace(/[^a-z0-9-]/g, '').slice(0, 80) || 'unknown';
+      a.href = t.split(MAP.ph).join(s);
+      if (!navigator.webdriver) navigator.sendBeacon(u.href + (u.search ? '&' : '?') + 'b=1');
+    } catch { /* keep the counted link */ }
+  }, true);
+})();

game.js

@@ -0,0 +1,585 @@
+// Stoopshake: free 3D street dice (classic Cee-lo, 4-5-6) on a night-time stoop. Real-physics dice (dice3d.js), the rules
+// engine (rules.js), an original soundtrack (audio.js). Modes: Quick 1v1, Table (up to 6, pot), Banker, the Daily Table,
+// pass-and-play, async challenge links (state in the URL, no server), Crew tables (Crew Pass), Telegram Mini App + group
+// chats (/dice on the bot, rolled with Telegram's own animated dice). Free play chips only: daily top-up, earned by playing,
+// never bought, sold or cashed out; no prizes. Paid = looks and crew features only, never odds. (c) 2026 CyberMax.
+import { count, store, toast, share, download } from './cmx.js';
+import * as FP from './funpass.js';
+import * as pack from './pack.js';
+import * as TGM from './tg.js';
+import * as R from './rules.js';
+import * as A from './audio.js';
+
+const GAME = 'stoopshake';
+const SITE = 'https://cybermaxtools.com';
+const PATH = '/games/stoopshake/';
+const DATA = 'https://data.cybermaxtools.com';
+const BOT_LINK = 'https://t.me/CyberMaxTools_bot';
+const $ = (id) => document.getElementById(id);
+const esc = (s) => String(s).replace(/[&<>"']/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' })[c]);
+const sleep = (ms) => new Promise((r) => setTimeout(r, ms * (CAP ? 0 : FAST ? 0.15 : 1)));
+const Q = new URLSearchParams(location.search);
+const CAP = Q.has('cap');      // trailer / screenshots: frame-stepped from outside (window.__cap)
+const FAST = Q.has('fast');    // tests: shorter pauses
+const TODAY = R.dayNumber();
+const dz = (d) => (d || []).map(R.face).join('');
+
+// ------------------------------------------------------------------ paid extras (cosmetic / convenience only)
+pack.capture({ game: GAME, name: 'Stoopshake', title: 'Dice & Table Pack', skins: 4, price: '$1.99', preview: ['#D9DDE3', '#E6B54A', '#E4D6B8', '#3CFFE0'],
+  perks: ['4 dice: Chrome, Gold, Bone and Neon', '3 tables: Brownstone Stoop, Rooftop and Arcade', '5 win emotes for your big rolls'] });
+const CREW_PERKS = ['Crew tables: save your crew (up to 6) and seat them in one tap', 'Your crew name and colours on the dice and every share card', 'Stats history: every round, win rate, best rolls', '2 more tables: Night Court and Boardwalk'];
+// Named exactly as the Stripe product (prod "Stoopshake Crew Pass: crew tables, colours and stats"); the Crew Pass also
+// turns on every Dice & Table Pack look (ownPack() below), so the sheet says so. Every mode stays free (17 Oct 2026).
+FP.init({ game: GAME, name: 'Stoopshake', title: 'Stoopshake Crew Pass', short: 'Crew Pass', exact: true,
+  free: 'Every mode, the Daily Table and the daily free chips stay free for everyone.',
+  perks: [...CREW_PERKS, 'Also every Dice & Table Pack look: 4 dice, 3 tables, 5 emotes'],
+  extra: 'The Crew Pass opens crew tables, your crew name and colours, stats history and two more tables. Same dice odds for everyone.' });
+const ownPack = () => pack.owned() || FP.isPro();
+const ownCrew = () => FP.isPro();
+const EMOTES = [{ id: 'none', t: '' }, { id: 'mic', t: '🎤 MIC DROP' }, { id: 'ice', t: '🧊 ICE COLD' }, { id: 'easy', t: '😤 TOO EASY' }, { id: 'crown', t: '👑 RUN IT BACK' }, { id: 'dance', t: '🕺 DANCE BREAK' }];
+
+// ------------------------------------------------------------------ saved on this device only
+const DEF = { name: '', wallet: null, rules: false, skin: 'classic', theme: 'corner', emote: 'none', daily: {}, hist: [], crew: { name: 'MY CREW', a: '#E23B5A', b: '#FFFFFF', members: [] }, board: false, dev: '', locals: [] };
+const S = Object.assign({}, DEF, store('ssk:s') || {});
+if (!S.dev) S.dev = Math.random().toString(36).slice(2, 12);
+if (!S.name) S.name = ['ACE', 'BLAZE', 'DOT', 'KASH', 'NOVA', 'RICO', 'JAY', 'MIKA', 'ZEE', 'LUX'][Math.floor(Math.random() * 10)] + (10 + Math.floor(Math.random() * 89));
+const save = () => store('ssk:s', S);
+let gift = 0;
+({ wallet: S.wallet, gift } = R.dailyRefill(S.wallet, TODAY)); save();
+
+// ------------------------------------------------------------------ challenge link from a friend (?c=...)
+let chal = Q.get('c') ? R.decodeChallenge(Q.get('c')) : null;
+
+// ------------------------------------------------------------------ 3D boot
+let table = null, DT = null;
+const cv = $('c');
+async function boot() {
+  const ok = (() => { try { return !!document.createElement('canvas').getContext('webgl2'); } catch { return false; } })();
+  if (!ok) { $('loading').hidden = true; $('nogl').hidden = false; count(GAME, 'nogl'); return; }
+  $('lbar').style.width = '35%';
+  DT = await import('./dice3d.js');
+  $('lbar').style.width = '75%';
+  try { await document.fonts.load('800 20px "Barlow Condensed"'); } catch { /* */ }
+  table = new DT.DiceTable(cv, { theme: S.theme, skin: skinFor(), record: CAP, onImpact: (k, v) => A.hit(k, v), onSlow: () => { A.whoosh(0.3); $('app').classList.add('slow'); } });
+  if (S.skin === 'crew') table.setSkin('crew', S.crew);
+  if (FAST) { table.speed = 3; table.stage.setQuality(0.5); table.stage.q.bloom = false; table.r.shadowMap.enabled = false; } // tests on software GL: same physics, faster clock, cheap frames
+  addEventListener('resize', () => table.resize()); table.resize();
+  // compile every shader behind the loading screen (parallel where the GPU allows), so the first frame doesn't stall
+  $('lbar').style.width = '90%';
+  const tc = performance.now();
+  try { table.stage.setCam(table.camPos, table.camLook); await table.r.compileAsync(table.scene, table.stage.cam); } catch { /* older three: compiles on first frame */ }
+  table.update(1 / 60); // first frame (post-processing programs)
+  window.__sskCompile = Math.round(performance.now() - tc);
+  $('loading').hidden = true;
+  count(GAME, 'view', TGM.app() ? 'telegram' : chal ? 'challenge' : '');
+  if (!CAP) requestAnimationFrame(loop);
+  window.__ssk = { ready: true, readyAt: Math.round(performance.now()), rolls: 0, state: () => ({ mode: M && M.mode, turn: turnSeat && turnSeat.name, chips: S.wallet.chips, waiting: !!waiting }), table };
+  renderTop();
+  if (gift > 0 && S.wallet.played > 0) setTimeout(() => toast(`Daily top-up: +${gift} free chips. Come back tomorrow for more.`, 3500), 600);
+  if (chal) home(); else if (!S.rules) { $('rules').hidden = false; } else home();
+}
+const skinFor = () => { const sk = DT.SKINS[S.skin]; if (!sk || (sk.pack === 'skins' && !ownPack()) || (sk.pack === 'crew' && !ownCrew())) return 'classic'; return S.skin; };
+const themeFor = () => { const th = DT.THEMES[S.theme]; if (!th || (th.pack === 'skins' && !ownPack()) || (th.pack === 'crew' && !ownCrew())) return 'corner'; return S.theme; };
+let last = performance.now();
+function loop(now) {
+  const dt = Math.min(0.05, (now - last) / 1000); last = now;
+  if (holding && table.state === 'hand') { table.shake(holdX, holdK); A.rattle(holdK); holdK = Math.max(0.35, holdK * 0.96); }
+  table.update(dt); rec.frame();
+  if (table.state !== 'rolling') $('app').classList.remove('slow');
+  requestAnimationFrame(loop);
+}
+// frame-stepped capture for the trailer and store shots (no wall clock)
+window.__cap = {
+  step: (dt = 1 / 30, draw = true) => { if (!table) return; table.noDraw = !draw; table.update(dt); table.noDraw = false; }, ready: () => !!table,
+  // trailer + store shots: drive the real scene and the real HUD from outside (tests/trailer.mjs)
+  hideAll: () => { hideAll(); actions([]); },
+  seats: (list, turn) => { M = { mode: 'cap', seats: list.map((x) => ({ ...x, last: x.last || null, sc: x.last ? R.score(x.last) : null })), chipsShown: !!list[0].chips, potLabel: () => list.pot || '' }; turnSeat = M.seats[turn ?? -1] || null; renderSeats(); },
+  pot: (t) => { $('pot').textContent = t; },
+  banner: (kind, text, sub, emote) => { const b = $('banner'); b.className = `banner k${kind}`; b.innerHTML = `${esc(text)}${sub ? `<small>${esc(sub)}</small>` : ''}${emote ? `<span class="emote">${esc(emote)}</span>` : ''}`; b.classList.add('show'); },
+  unbanner: () => $('banner').classList.remove('show'),
+  talk: (who, text) => { const t = $('talk'); t.innerHTML = `<b>${esc(who)}:</b> ${esc(text)}`; t.classList.add('show'); },
+  untalk: () => $('talk').classList.remove('show'),
+  hint: (t) => { $('hint').textContent = t || ''; $('hint').classList.toggle('hide', !t); },
+  roll: (on) => { $('roll').disabled = !on; },
+  hud: (on) => { $('hud').style.display = on ? '' : 'none'; },
+  theme: (id) => { table.setTheme(id); table.hand(0); }, skin: (id) => table.setSkin(id, S.crew),
+  find: (want, from = 1, n = 400, power = 0.62) => { for (let s = from; s < from + n; s++) { const r = table.simulate({ seed: s, power }); if (!r.off && !r.cocked && R.score(r.dice).kind === want) return { seed: s, dice: r.dice }; } return null; },
+  throwSeed: (seed, power = 0.62) => { table.hand(0); table.throw({ seed, power }); },
+  state: () => table.state, celebrate: (k) => table.celebrate(k), shake: (x, k) => table.shake(x, k), hand: (x) => table.hand(x || 0),
+  read: () => table.read().map((r) => r.val),
+  score: () => R.score(table.read().map((r) => r.val)),
+};
+
+// ------------------------------------------------------------------ input: hold to shake, flick to throw
+let waiting = null, holding = false, holdX = 0, holdK = 0, trail = [];
+const toX = (clientX) => { const r = cv.getBoundingClientRect(); return ((clientX - r.left) / r.width - 0.5) * 8; };
+cv.addEventListener('pointerdown', (e) => {
+  A.ensure(); A.startMusic();
+  if (!waiting || table.state !== 'hand') return;
+  holding = true; holdX = toX(e.clientX); holdK = 1; trail = [{ x: e.clientX, y: e.clientY, t: performance.now() }];
+  try { cv.setPointerCapture(e.pointerId); } catch { /* */ }
+  $('hint').classList.add('hide');
+});
+cv.addEventListener('pointermove', (e) => {
+  if (!holding) return;
+  const p = { x: e.clientX, y: e.clientY, t: performance.now() }; const q = trail[trail.length - 1];
+  holdX = toX(e.clientX); holdK = Math.min(1, holdK + Math.hypot(p.x - q.x, p.y - q.y) / 60);
+  trail.push(p); if (trail.length > 30) trail.shift();
+});
+const endHold = (e) => {
+  if (!holding) return; holding = false;
+  const now = performance.now(); const pts = trail.filter((p) => now - p.t < 110); const a = pts[0] || trail[0], b = trail[trail.length - 1];
+  const dt = Math.max(16, b.t - a.t), vx = (b.x - a.x) / dt, vy = (b.y - a.y) / dt; // px per ms
+  const r = cv.getBoundingClientRect(), k = 900 / Math.max(320, r.height);
+  const flick = -vy * k;
+  const power = flick > 0.25 ? Math.min(1, 0.3 + flick * 0.42) : 0.55; // a tap or a sideways drag = a steady toss
+  doThrow({ x: Math.max(-1, Math.min(1, vx * k * 0.6)), power });
+};
+cv.addEventListener('pointerup', endHold); cv.addEventListener('pointercancel', endHold);
+addEventListener('keydown', (e) => { if ((e.key === ' ' || e.key === 'Enter') && waiting && document.activeElement === cv) { e.preventDefault(); doThrow({ power: 0.6 + Math.random() * 0.3, x: (Math.random() - 0.5) * 0.4 }); } });
+$('roll').onclick = () => { A.ensure(); A.startMusic(); if (waiting) doThrow({ power: 0.55 + Math.random() * 0.4, x: (Math.random() - 0.5) * 0.5 }); };
+function doThrow(o) { if (!waiting || table.state !== 'hand') return; if (window.__ssk && !window.__ssk.firstThrow) window.__ssk.firstThrow = Math.round(performance.now()); const w = waiting; waiting = null; $('roll').disabled = true; A.whoosh(o.power); TGM.haptic('medium'); w(o); }
+
+// ------------------------------------------------------------------ clip recorder (on this device only, watermark link)
+const rec = (() => {
+  let mr = null, chunks = [], c2 = null, g = null, type = '', on = false;
+  const ok = () => !CAP && window.MediaRecorder && HTMLCanvasElement.prototype.captureStream;
+  return {
+    start() {
+      if (!ok() || on) return;
+      type = ['video/mp4;codecs=avc1', 'video/webm;codecs=vp9', 'video/webm;codecs=vp8', 'video/webm'].find((t) => MediaRecorder.isTypeSupported && MediaRecorder.isTypeSupported(t)); if (!type) return;
+      const w = 720, h = Math.round(720 * cv.clientHeight / Math.max(1, cv.clientWidth)); c2 = c2 || document.createElement('canvas'); c2.width = w; c2.height = Math.min(1280, Math.max(480, h)); g = c2.getContext('2d');
+      try { const s = c2.captureStream(30); const au = A.stream(); if (au) au.getAudioTracks().forEach((t) => s.addTrack(t)); mr = new MediaRecorder(s, { mimeType: type, videoBitsPerSecond: 4_000_000 }); } catch { mr = null; return; }
+      chunks = []; mr.ondataavailable = (e) => { if (e.data && e.data.size) chunks.push(e.data); }; mr.start(250); on = true;
+    },
+    frame() {
+      if (!on || !g) return;
+      const W = c2.width, H = c2.height, sw = cv.width, sh = cv.height, k = Math.max(W / sw, H / sh);
+      g.drawImage(cv, (W - sw * k) / 2, (H - sh * k) / 2, sw * k, sh * k);
+      g.fillStyle = 'rgba(0,0,0,.55)'; g.fillRect(0, H - 54, W, 54);
+      g.font = '800 30px "Barlow Condensed", sans-serif'; g.fillStyle = '#FFC56B'; g.textBaseline = 'middle'; g.fillText('STOOPSHAKE', 16, H - 27);
+      g.fillStyle = '#FFFFFF'; g.textAlign = 'right'; g.font = '700 22px "Barlow Condensed", sans-serif'; g.fillText('cybermaxtools.com/games/stoopshake · free play chips', W - 16, H - 27); g.textAlign = 'left';
+    },
+    stop() { return new Promise((res) => { if (!on || !mr) { res(null); return; } on = false; mr.onstop = () => res(chunks.length ? { blob: new Blob(chunks, { type: type.split(';')[0] }), ext: type.includes('mp4') ? 'mp4' : 'webm' } : null); try { mr.stop(); } catch { res(null); } }); },
+  };
+})();
+let clip = null;
+
+// ------------------------------------------------------------------ UI bits
+function renderTop() {
+  $('chipsN').textContent = S.wallet.chips.toLocaleString('en-US');
+  const rk = R.rankOf(S.wallet.rep); $('rank').textContent = rk.name.toUpperCase();
+  $('b-snd').classList.toggle('off', !A.settings().music);
+  document.body.classList.toggle('cmx-pro', ownCrew());
+}
+let bannerT = 0;
+function banner(kind, text, sub = '', ms = 1700, emote = '') {
+  const b = $('banner'); b.className = `banner k${kind}`; b.innerHTML = `${esc(text)}${sub ? `<small>${esc(sub)}</small>` : ''}${emote ? `<span class="emote">${esc(emote)}</span>` : ''}`;
+  requestAnimationFrame(() => b.classList.add('show')); clearTimeout(bannerT); bannerT = setTimeout(() => b.classList.remove('show'), ms * (FAST ? 0.3 : 1));
+}
+let talkT = 0;
+function talk(who, text, ms = 2600) { const t = $('talk'); t.innerHTML = `<b>${esc(who)}:</b> ${esc(text)}`; t.classList.add('show'); clearTimeout(talkT); talkT = setTimeout(() => t.classList.remove('show'), ms); }
+function renderSeats() {
+  if (!M) { $('seats').innerHTML = ''; $('pot').textContent = ''; return; }
+  $('seats').innerHTML = M.seats.map((s, i) => `<div class="seat${s === turnSeat ? ' on' : ''}${s.out ? ' out' : ''}${s.win ? ' win' : ''}" style="border-left:4px solid ${s.color}">${M.bank === i ? '<span class="bank">BANK</span>' : ''}<b>${esc(s.name)}</b>`
+    + `<span class="dz">${s.last ? dz(s.last) : '&nbsp;'}</span><small>${s.sc ? esc(s.sc.short) : s.kind === 'bot' ? esc(s.bot.vibe) : s.kind === 'me' ? 'you' : '&nbsp;'}${M.chipsShown && s.chips != null ? ` · ◉${s.chips}` : ''}</small></div>`).join('');
+  $('pot').textContent = M.potLabel ? M.potLabel() : '';
+}
+function actions(btns) { $('actions').innerHTML = ''; for (const [label, fn, cls] of btns) { const b = document.createElement('button'); b.type = 'button'; b.className = cls || 'chipb'; b.textContent = label; b.onclick = fn; $('actions').appendChild(b); } }
+const hideAll = () => { for (const id of ['home', 'rules', 'setup', 'pass', 'end', 'style', 'board', 'me', 'shop']) $(id).hidden = true; };
+
+// ------------------------------------------------------------------ one turn: a seat rolls until it scores
+let M = null, turnSeat = null;
+async function rollFor(seat, { label } = {}) {
+  turnSeat = seat; renderSeats();
+  for (let tries = 0; tries < 40; tries++) {
+    table.hand(seat.kind === 'bot' ? (Math.random() - 0.5) * 3 : 0);
+    let throwOpts;
+    if (seat.kind === 'bot') {
+      $('roll').disabled = true; $('hint').classList.add('hide');
+      await sleep(450 + Math.random() * 400);
+      if (tries === 0 && Math.random() < 0.45) talk(seat.name, R.line(seat.bot, 'hi'));
+      const t0 = performance.now(); while (performance.now() - t0 < (CAP ? 0 : FAST ? 120 : 700)) { table.shake((Math.random() - 0.5) * 2, 1); A.rattle(0.8); await sleep(50); }
+      throwOpts = { power: seat.bot.power * (0.75 + Math.random() * 0.25), x: (Math.random() - 0.5) * 0.6 };
+      A.whoosh(throwOpts.power);
+    } else {
+      if (seat.kind === 'local' && M.locals > 1) { $('pass-n').textContent = seat.name.toUpperCase(); $('pass').hidden = false; await new Promise((r) => { $('pass-ok').onclick = () => { $('pass').hidden = true; r(); }; }); }
+      $('roll').disabled = false; $('hint').textContent = `${seat.kind === 'me' ? 'Your roll' : `${seat.name}'s roll`} · hold to shake, flick up to throw`; $('hint').classList.remove('hide');
+      throwOpts = await new Promise((r) => { waiting = r; });
+    }
+    rec.start();
+    const res = await table.throw(throwOpts);
+    window.__ssk && (window.__ssk.rolls += 1);
+    if (res.off) { banner('none', 'OFF THE CURB!', 'Free re-roll', 1300); A.sting('none'); await sleep(1000); continue; }
+    if (res.cocked) { banner('none', 'COCKED DIE', 'Tilted against something. Free re-roll', 1400); A.sting('none'); await sleep(1100); continue; }
+    const sc = R.score(res.dice); seat.last = res.dice; seat.sc = R.scores(sc) ? sc : null; renderSeats();
+    if (!R.scores(sc)) { banner('none', 'NO SCORE', `${dz(res.dice)} · roll again`, 1100); A.sting('none'); await sleep(950); continue; }
+    table.celebrate(sc.kind); A.sting(sc.kind);
+    const big = sc.kind === '456' || sc.kind === 'trips' || sc.kind === '123';
+    banner(sc.kind === '456' ? '456' : sc.kind, sc.kind === '456' ? '4-5-6!' : sc.kind === '123' ? '1-2-3' : sc.kind === 'trips' ? `TRIP ${sc.value}s` : `POINT ${sc.value}`,
+      `${seat.name} · ${sc.kind === '456' ? 'instant win' : sc.kind === '123' ? 'instant loss' : sc.kind === 'trips' ? 'beats any point' : 'the odd die'}`, big ? 2300 : 1500);
+    if (seat.kind === 'bot' && big) setTimeout(() => talk(seat.name, R.line(seat.bot, 'big')), 900);
+    if (big && seat.kind !== 'bot') TGM.haptic(sc.kind === '123' ? 'error' : 'success');
+    await sleep(big ? 1500 : 900);
+    const c = await rec.stop(); if (c && big) { clip = { ...c, label: `${seat.name}-${sc.short}`.toLowerCase().replace(/[^a-z0-9-]+/g, '-') }; }
+    return { dice: res.dice, sc };
+  }
+  return { dice: [2, 2, 1], sc: R.score([2, 2, 1]) };
+}
+
+// ------------------------------------------------------------------ seats
+const ME = () => ({ id: 'me', name: S.name, kind: 'me', color: '#FFC56B' });
+const botSeat = (id) => { const b = R.botById(id); return { id, name: b.name, kind: 'bot', bot: b, color: b.color, chips: 1000 }; };
+const pickBots = (n) => { const ids = R.BOTS.map((b) => b.id).sort(() => Math.random() - 0.5); return ids.slice(0, n).map(botSeat); };
+
+function settleMe(delta, sc, won) {
+  const before = R.rankOf(S.wallet.rep).index;
+  S.wallet = R.settle(S.wallet, { delta, sc, won });
+  S.hist.push({ d: TODAY, m: M ? M.mode : '', w: won ? 1 : won === false ? 0 : -1, c: delta, k: sc ? sc.kind : '' }); if (S.hist.length > 400) S.hist.splice(0, S.hist.length - 400);
+  save(); renderTop(); if (delta) A.chips(Math.min(8, 2 + Math.round(Math.abs(delta) / 25)));
+  const after = R.rankOf(S.wallet.rep); if (after.index > before) setTimeout(() => { banner('trips', `RANK UP`, after.name.toUpperCase(), 2400); A.sting('trips'); }, 1200);
+}
+const myEmote = () => (ownPack() ? (EMOTES.find((e) => e.id === S.emote) || EMOTES[0]).t : '');
+
+// ------------------------------------------------------------------ modes
+async function runDuel({ stake, opp, practice = false }) {
+  const me = ME(), them = opp || pickBots(1)[0];
+  M = { mode: practice ? 'practice' : 'duel', seats: [me, them], chipsShown: false, potLabel: () => (practice ? 'PRACTICE · no chips' : `STAKE ◉${stake} each`) };
+  let first = 0;
+  count(GAME, 'play', M.mode);
+  for (;;) {
+    M.seats.forEach((s) => { s.last = null; s.sc = null; s.win = false; }); renderSeats();
+    const a = M.seats[first], b = M.seats[1 - first];
+    const ra = await rollFor(a);
+    let r = R.duel(ra.sc, null), rb = null;
+    if (r.winner === null) { rb = await rollFor(b); r = R.duel(ra.sc, rb.sc); }
+    if (r.winner === null) { banner('point', 'TIE!', 'Shoot-off', 1300); await sleep(1300); continue; }
+    const winner = r.winner === 0 ? a : b; winner.win = true; renderSeats();
+    const iWon = winner === me, mySc = a === me ? ra.sc : rb && rb.sc;
+    if (!practice) settleMe(iWon ? stake : -stake, mySc, iWon);
+    if (them.kind === 'bot') setTimeout(() => talk(them.name, R.line(them.bot, iWon ? 'lose' : 'win')), 400);
+    A.sting(iWon ? 'win' : 'lose');
+    await sleep(500);
+    banner(iWon ? '456' : '123', iWon ? 'YOU WIN' : `${winner.name.toUpperCase()} WINS`, practice ? '' : `${iWon ? '+' : '-'}${stake} chips`, 2000, iWon ? myEmote() : '');
+    await sleep(1800);
+    const again = await endChoice(iWon, practice ? null : stake);
+    if (again !== 'again') return;
+    if (!practice && S.wallet.chips < stake) { broke(); return; }
+    first = iWon ? 1 : 0; // loser of the last round shoots first
+  }
+}
+
+async function runTable({ stake, seats, mode = 'table', rounds = 0, daily = null }) {
+  M = { mode, seats, chipsShown: true, pot: 0, potLabel: () => `POT ◉${M.pot}` };
+  count(GAME, 'play', daily ? 'daily' : mode);
+  const log = [];
+  for (let round = 1; ; round++) {
+    seats.forEach((s) => { s.last = null; s.sc = null; s.win = false; s.out = false; });
+    M.pot = 0; for (const s of seats) { const st = s.kind === 'me' ? stake : Math.min(stake, s.chips); s.stake = st; s.chips = (s.chips ?? 0) - (s.kind === 'me' ? 0 : st); M.pot += st; }
+    renderSeats(); A.chips(5);
+    if (daily) banner('point', `ROUND ${round}/${rounds}`, daily.label, 1200);
+    await sleep(daily ? 1100 : 300);
+    let live = [...seats], winners = null, mySc = null;
+    for (;;) {
+      const res = [];
+      for (const s of live) {
+        const r = await rollFor(s); res.push({ seat: s, score: r.sc }); if (s.kind === 'me') mySc = r.sc;
+        if (r.sc.kind === '456') break;
+        if (r.sc.kind === '123') { s.out = true; renderSeats(); }
+      }
+      const tw = R.tableWinners(res);
+      if (tw.winners.length === 1) { winners = tw.winners; break; }
+      banner('point', 'ROLL-OFF', tw.winners.map((s) => s.name).join(' vs '), 1500); await sleep(1500);
+      live = tw.winners; live.forEach((s) => { s.last = null; s.sc = null; }); renderSeats();
+    }
+    const w = winners[0]; w.win = true; if (w.kind !== 'me') w.chips += M.pot;
+    const iWon = w.kind === 'me' || (w.kind === 'local' && false);
+    if (seats.some((s) => s.kind === 'me')) settleMe(iWon ? M.pot - stake : -stake, mySc, iWon);
+    if (w.kind === 'local') { w.chips = (w.chips ?? 500) + M.pot; }
+    renderSeats(); A.sting(iWon ? 'win' : 'lose');
+    banner(iWon ? '456' : 'point', iWon ? 'YOU TAKE THE POT' : `${w.name.toUpperCase()} TAKES IT`, `◉${M.pot}`, 2000, iWon ? myEmote() : '');
+    if (w.kind === 'bot') setTimeout(() => talk(w.name, R.line(w.bot, 'win')), 500);
+    log.push({ sc: mySc, won: iWon, delta: iWon ? M.pot - stake : -stake });
+    await sleep(2000);
+    if (daily && round >= rounds) return finishDaily(daily, log);
+    if (daily) { if (S.wallet.chips < stake) { broke(); return; } continue; }
+    const again = await endChoice(iWon, stake, true);
+    if (again !== 'again') return;
+    if (seats.some((s) => s.kind === 'me') && S.wallet.chips < stake) { broke(); return; }
+    seats.push(seats.shift()); // the deal moves round the table
+  }
+}
+
+async function runBanker({ stake }) {
+  const me = ME(); const bots = pickBots(3); const seats = [me, ...bots];
+  M = { mode: 'banker', seats, chipsShown: true, bank: 1, potLabel: () => `BANK: ${seats[M.bank].name}` };
+  count(GAME, 'play', 'banker');
+  for (;;) {
+    seats.forEach((s) => { s.last = null; s.sc = null; s.win = false; s.out = false; s.stake = s.kind === 'me' ? stake : R.botStake(s.bot, s.chips, 10); });
+    const bank = seats[M.bank]; renderSeats();
+    banner('point', `${bank.name.toUpperCase()} HAS THE BANK`, bank.kind === 'me' ? 'You cover every bet' : `Your stake ◉${stake}`, 1500); await sleep(1400);
+    const br = await rollFor(bank); let next = M.bank; let myDelta = 0, mySc = bank.kind === 'me' ? br.sc : null;
+    const players = seats.filter((s) => s !== bank);
+    if (br.sc.kind === '456' || br.sc.kind === '123') {
+      const o = R.bankerSettle(br.sc, null);
+      banner(o === 'lose' ? '456' : '123', o === 'lose' ? 'BANK TAKES ALL' : 'BANK PAYS ALL', '', 1800); await sleep(1600);
+      for (const p of players) { const d = o === 'win' ? p.stake : -p.stake; if (p.kind === 'me') myDelta += d; else p.chips += d; if (bank.kind === 'me') myDelta -= d; else bank.chips -= d; }
+    } else {
+      for (const p of players) {
+        const pr = await rollFor(p); if (p.kind === 'me') mySc = pr.sc;
+        const o = R.bankerSettle(br.sc, pr.sc); const d = o === 'win' ? p.stake : o === 'lose' ? -p.stake : 0;
+        if (p.kind === 'me') myDelta += d; else p.chips += d; if (bank.kind === 'me') myDelta -= d; else bank.chips -= d;
+        p.win = o === 'win'; renderSeats();
+        banner(o === 'win' ? 'point' : o === 'push' ? 'none' : '123', o === 'win' ? `${p.name.toUpperCase()} BEATS THE BANK` : o === 'push' ? 'PUSH' : 'BANK WINS', o === 'push' ? 'Stake back' : `◉${p.stake}`, 1300);
+        await sleep(1200);
+        if (R.takesBank(br.sc, pr.sc, o) && next === M.bank) next = seats.indexOf(p);
+      }
+    }
+    const won = myDelta > 0 ? true : myDelta < 0 ? false : null;
+    settleMe(myDelta, mySc, won);
+    banner(myDelta >= 0 ? '456' : '123', myDelta > 0 ? 'UP THIS ROUND' : myDelta < 0 ? 'DOWN THIS ROUND' : 'EVEN', `${myDelta >= 0 ? '+' : ''}${myDelta} chips`, 1800, won ? myEmote() : '');
+    await sleep(1700);
+    if (next !== M.bank) { toast(`${seats[next].name} beat the bank with ${seats[next].sc.short} and takes the bank.`, 2600); M.bank = next; }
+    else if (Math.random() < 0.3) M.bank = (M.bank + 1) % seats.length;
+    const again = await endChoice(won, stake, true);
+    if (again !== 'again') return;
+    if (S.wallet.chips < stake) { broke(); return; }
+  }
+}
+
+// pass-and-play / crew: local players only, session chips (500 each)
+async function runLocal(names, crew = false) {
+  const seats = names.map((n, i) => ({ id: `l${i}`, name: n, kind: 'local', color: ['#FFC56B', '#2FE6FF', '#FF3D6E', '#7CF7C8', '#C9A2FF', '#FF9A3D'][i % 6], chips: 500 }));
+  if (crew) seats.forEach((s) => { s.color = S.crew.a; });
+  M = { mode: crew ? 'crew' : 'local', seats, locals: seats.length, chipsShown: true, pot: 0, potLabel: () => `POT ◉${M.pot}` };
+  count(GAME, 'play', M.mode);
+  for (;;) {
+    seats.forEach((s) => { s.last = null; s.sc = null; s.win = false; s.out = false; });
+    M.pot = 0; for (const s of seats) { s.chips -= 25; M.pot += 25; } renderSeats();
+    let live = [...seats], w = null;
+    for (;;) {
+      const res = []; for (const s of live) { const r = await rollFor(s); res.push({ seat: s, score: r.sc }); if (r.sc.kind === '456') break; if (r.sc.kind === '123') { s.out = true; renderSeats(); } }
+      const tw = R.tableWinners(res); if (tw.winners.length === 1) { w = tw.winners[0]; break; }
+      banner('point', 'ROLL-OFF', tw.winners.map((s) => s.name).join(' vs '), 1500); await sleep(1500); live = tw.winners;
+    }
+    w.win = true; w.chips += M.pot; renderSeats(); A.sting('win');
+    banner('456', `${w.name.toUpperCase()} TAKES IT`, `◉${M.pot}`, 2000);
+    if (crew) { S.crew.stats = S.crew.stats || {}; for (const s of seats) { const k = s.name; S.crew.stats[k] = S.crew.stats[k] || { p: 0, w: 0, best: 0 }; S.crew.stats[k].p++; if (s === w) S.crew.stats[k].w++; if (s.sc && s.sc.rank > S.crew.stats[k].best) S.crew.stats[k].best = s.sc.rank; } save(); }
+    await sleep(2000);
+    const again = await endChoice(null, null, true); if (again !== 'again') return;
+    seats.push(seats.shift());
+  }
+}
+
+// async challenge link (no server): one turn per link
+async function runLinkTurn() {
+  const st = chal; const me = st.t; const meName = st.n[me], them = st.n[1 - me];
+  const seat = { id: 'me', name: meName, kind: 'me', color: '#FFC56B' }, other = { id: 'them', name: them, kind: 'remote', color: '#2FE6FF', last: st.d, sc: st.d ? R.score(st.d) : null };
+  M = { mode: 'link', seats: me === 0 ? [seat, other] : [other, seat], chipsShown: false, potLabel: () => `${st.n[0]} ${st.s[0]} - ${st.s[1]} ${st.n[1]} · first to ${st.w}` };
+  count(GAME, 'play', 'link');
+  if (st.d) talk(them, `I rolled ${dz(st.d)} (${R.score(st.d).short}). Beat that.`, 4000);
+  const r = await rollFor(seat);
+  const out = R.challengeTurn(st, r.dice); chal = out.st;
+  const code = R.encodeChallenge(chal); const url = `${SITE}${PATH}?c=${code}`;
+  history.replaceState(null, '', `${location.pathname}?c=${code}`);
+  const over = R.seriesOver(chal);
+  let msg;
+  if (out.round && out.round.tie) msg = `Tie on the point! Round ${chal.k} replays. ${them} rolls first.`;
+  else if (out.round) msg = `${out.round.winner === me ? 'You take' : `${them} takes`} round ${chal.k - 1}. ${chal.n[0]} ${chal.s[0]} - ${chal.s[1]} ${chal.n[1]}.`;
+  else msg = `You set ${r.sc.short}. Now ${them} has to beat it.`;
+  if (over !== null) { msg = `${chal.n[over]} wins the series ${Math.max(...chal.s)}-${Math.min(...chal.s)}!`; if (over === me) settleMe(0, r.sc, true); }
+  const text = over !== null ? `${msg} Rematch on Stoopshake:` : `🎲 ${meName} rolled ${dz(r.dice)} (${r.sc.short}) on Stoopshake. Your turn, ${them}. No real money, just bragging rights:`;
+  const shareUrl = over !== null ? `${SITE}${PATH}?c=${R.encodeChallenge({ n: [chal.n[1], chal.n[0]], s: [0, 0], k: 1, t: 0, d: null, w: chal.w })}` : url;
+  showEnd(`<div class="endsum"><p class="sub">CHALLENGE · FIRST TO ${chal.w}</p><div class="big">${esc(chal.n[0])} ${chal.s[0]}-${chal.s[1]} ${esc(chal.n[1])}</div><p class="sub">${esc(msg)}</p><div class="dzs">${dz(r.dice)}</div>`
+    + `<p class="sub">${over !== null ? 'Send a rematch link:' : `Send this link to <b>${esc(them)}</b> so they can take their turn (anywhere, any time):`}</p></div>`,
+  [['📤 SEND TO ' + them.toUpperCase().slice(0, 12), () => shareLink(text, shareUrl), 'btn'], ['COPY LINK', () => copy(shareUrl), 'ghost'], ['HOME', () => { chal = null; history.replaceState(null, '', location.pathname); home(); }, 'ghost']]);
+}
+function shareLink(text, url) { count(GAME, 'share', 'challenge'); if (TGM.app()) { TGM.challenge(text, url); return; } share(GAME, text, url.replace(SITE, ''), null, null); }
+async function copy(t) { try { await navigator.clipboard.writeText(t); toast('Link copied.'); } catch { prompt('Copy this link', t); } }
+
+// daily table
+async function runDaily() {
+  const d = R.dailyTable(TODAY); const seats = [ME(), ...d.lineup.map(botSeat)];
+  if (S.daily[TODAY]) toast('You already played today\'s table. This run is for fun and won\'t change your daily card.', 3500);
+  if (themeFor() !== d.scene && DT.THEMES[d.scene] && !DT.THEMES[d.scene].pack) table.setTheme(d.scene);
+  await runTable({ stake: Math.min(d.stake, Math.max(10, S.wallet.chips)), seats, mode: 'daily', rounds: d.rounds, daily: d });
+}
+function finishDaily(d, log) {
+  const net = log.reduce((a, x) => a + x.delta, 0); const first = !S.daily[TODAY];
+  const text = R.dailyCard(d.day, log, net);
+  if (first) { S.daily[TODAY] = { net, em: text.split('\n')[1] }; save(); count(GAME, 'done', 'daily'); }
+  table.setTheme(themeFor());
+  showEnd(`<div class="endsum"><p class="sub">${esc(d.label)}</p><div class="big">${net >= 0 ? '+' : ''}${net}</div><p class="delta ${net >= 0 ? 'up' : 'down'}">chips over ${d.rounds} rounds</p><pre class="sub" style="white-space:pre-wrap;font-size:22px">${esc(text)}</pre></div>`,
+    [['📤 SHARE', () => { count(GAME, 'share', 'daily'); if (TGM.app()) TGM.share(text, `${SITE}${PATH}`); else share(GAME, text, PATH, null, null); }, 'btn'], ['🏆 BOARD', () => openBoard(), 'ghost'], ['HOME', home, 'ghost']]);
+}
+
+// ------------------------------------------------------------------ round end / home / setup
+function endChoice(won, stake, table_ = false) {
+  return new Promise((res) => {
+    const b = [['RUN IT BACK', () => { actions([]); res('again'); }, 'btn']];
+    if (clip) b.push(['🎬 SAVE CLIP', () => { download(clip.blob, `stoopshake-${clip.label}.${clip.ext}`); count(GAME, 'share', 'clip'); toast('Clip saved on this device. Post it anywhere.'); }, 'chipb']);
+    if (won && S.wallet.winStreak >= 2) b.push([`🔥 STREAK ${S.wallet.winStreak} CARD`, () => streakCard(), 'chipb']);
+    b.push(['HOME', () => { actions([]); res('home'); home(); }, 'chipb']);
+    actions(b); $('hint').classList.add('hide');
+  });
+}
+function broke() { M = null; renderSeats(); showEnd(`<div class="endsum"><div class="big">OUT OF CHIPS</div><p class="sub">Free chips top up every day. Come back tomorrow, or keep playing the Practice table (no chips).</p></div>`, [['PRACTICE', () => { hideAll(); runDuel({ stake: 0, practice: true }); }, 'btn'], ['HOME', home, 'ghost']]); }
+function showEnd(html, btns) { hideAll(); actions([]); $('end-c').innerHTML = html + '<div class="btnrow" id="end-b"></div><p class="tiny" style="text-align:center">No real money. Just for fun.</p>'; for (const [l, f, c] of btns) { const b = document.createElement('button'); b.type = 'button'; b.className = c; b.textContent = l; b.onclick = f; $('end-b').appendChild(b); } $('end').hidden = false; }
+
+function home() {
+  hideAll(); actions([]); M = null; turnSeat = null; renderSeats(); waiting = null; $('roll').disabled = true;
+  if (table && table.state !== 'rolling') { if (table.themeId !== themeFor()) table.setTheme(themeFor()); table.hand(0); }
+  const d = R.dailyTable(TODAY), done = S.daily[TODAY];
+  $('h-daily').textContent = `DAILY TABLE #${TODAY}${done ? ' ✓' : ''}`;
+  $('h-daily-s').textContent = done ? `Played: ${done.em}  ${done.net >= 0 ? '+' : ''}${done.net}` : `${d.lineup.map((id) => R.botById(id).name).join(', ')} · ${d.rounds} rounds`;
+  $('crew-lock').hidden = ownCrew();
+  const hc = $('h-chal');
+  if (chal) { hc.hidden = false; const them = chal.n[1 - chal.t]; hc.innerHTML = `<b>${esc(them)}</b> challenged you${chal.d ? ` and rolled <b>${dz(chal.d)}</b> (${esc(R.score(chal.d).short)})` : ''}. Series ${chal.s[0]}-${chal.s[1]}, first to ${chal.w}.<br><button class="btn" id="h-go" type="button" style="margin-top:8px">🎲 TAKE YOUR TURN AS ${esc(chal.n[chal.t]).toUpperCase()}</button>`; $('h-go').onclick = () => { hideAll(); runLinkTurn(); }; }
+  else hc.hidden = true;
+  $('home').hidden = false;
+}
+function setup(mode) {
+  if (mode === 'daily') { hideAll(); runDaily(); return; }
+  if (mode === 'tg') { count(GAME, 'cta', 'tg-group'); window.open(`${BOT_LINK}?startgroup=dice`, '_blank', 'noopener'); return; }
+  if (mode === 'crew' && !ownCrew()) { openCrew('crew-mode'); return; }
+  const c = $('setup-c'); const stakes = R.STAKES.filter((s) => s <= Math.max(10, S.wallet.chips));
+  let stake = stakes.includes(25) ? 25 : stakes[0]; let n = mode === 'table' ? 4 : 2;
+  const draw = () => {
+    const stakeRow = `<span class="lbl">STAKE (free play chips · you have ◉${S.wallet.chips})</span><div class="chips-row">${stakes.map((s) => `<button class="chipb${s === stake ? ' on' : ''}" data-s="${s}" type="button">◉${s}</button>`).join('')}</div>`;
+    if (mode === 'duel' || mode === 'banker') c.innerHTML = `<h2 class="tag">${mode === 'duel' ? 'QUICK 1v1' : 'BANKER'}</h2>${stakeRow}<div class="btnrow"><button class="btn" id="go" type="button">🎲 PLAY</button><button class="ghost" id="back" type="button">BACK</button></div>`;
+    else if (mode === 'table') c.innerHTML = `<h2 class="tag">TABLE</h2><span class="lbl">SEATS (you + bots)</span><div class="chips-row">${[2, 3, 4, 5, 6].map((k) => `<button class="chipb${k === n ? ' on' : ''}" data-n="${k}" type="button">${k}</button>`).join('')}</div>${stakeRow}<div class="btnrow"><button class="btn" id="go" type="button">🎲 PLAY</button><button class="ghost" id="back" type="button">BACK</button></div>`;
+    else if (mode === 'local' || mode === 'crew') {
+      const names = mode === 'crew' ? (S.crew.members.length ? S.crew.members : [S.name, '', '']) : (S.locals.length ? S.locals : [S.name, 'Player 2']);
+      c.innerHTML = `<h2 class="tag">${mode === 'crew' ? esc(S.crew.name) : 'PASS & PLAY'}</h2><p class="sub">${mode === 'crew' ? 'Your saved crew. Everyone shoots on this phone; crew stats are kept.' : 'Everyone on one phone. Each round: 25 table chips in the pot.'}</p>`
+        + `<div id="nm">${[0, 1, 2, 3, 4, 5].map((i) => `<input class="inp" data-i="${i}" maxlength="14" placeholder="Player ${i + 1}${i > 1 ? ' (optional)' : ''}" value="${esc(names[i] || '')}" style="margin:4px 0">`).join('')}</div>`
+        + `<div class="btnrow"><button class="btn" id="go" type="button">🎲 PLAY</button><button class="ghost" id="back" type="button">BACK</button></div>`;
+    } else if (mode === 'link') c.innerHTML = `<h2 class="tag">CHALLENGE A FRIEND</h2><p class="sub">You roll first, then send the link. Your friend rolls on their phone and sends it back. No account, no server, first to 3.</p>`
+      + `<span class="lbl">YOUR NAME</span><input class="inp" id="n1" maxlength="14" value="${esc(S.name)}"><span class="lbl">FRIEND'S NAME</span><input class="inp" id="n2" maxlength="14" placeholder="Their name"><div class="btnrow"><button class="btn" id="go" type="button">🎲 ROLL FIRST</button><button class="ghost" id="back" type="button">BACK</button></div>`;
+    for (const b of c.querySelectorAll('[data-s]')) b.onclick = () => { stake = Number(b.dataset.s); A.tap(); draw(); };
+    for (const b of c.querySelectorAll('[data-n]')) b.onclick = () => { n = Number(b.dataset.n); A.tap(); draw(); };
+    $('back').onclick = home;
+    $('go').onclick = () => {
+      A.ensure(); A.startMusic(); hideAll();
+      if (mode === 'duel') runDuel({ stake });
+      else if (mode === 'banker') runBanker({ stake });
+      else if (mode === 'table') runTable({ stake, seats: [ME(), ...pickBots(n - 1)] });
+      else if (mode === 'local' || mode === 'crew') {
+        const names = [...c.querySelectorAll('#nm input')].map((i) => R.cleanName(i.value)).filter((v, i, a) => v && v !== 'Player' || i < 2).slice(0, 6);
+        const list = names.length >= 2 ? names : [S.name, 'Player 2'];
+        if (mode === 'crew') S.crew.members = list; else S.locals = list; save();
+        runLocal(list, mode === 'crew');
+      } else if (mode === 'link') {
+        S.name = R.cleanName($('n1').value) || S.name; save();
+        chal = { n: [S.name, R.cleanName($('n2').value || 'Friend')], s: [0, 0], k: 1, t: 0, d: null, w: 3 };
+        runLinkTurn();
+      }
+    };
+  };
+  hideAll(); draw(); $('setup').hidden = false;
+}
+
+// ------------------------------------------------------------------ style, profile, board, shop
+function openStyle() {
+  const c = $('style-c');
+  const lockP = (p) => (p === 'skins' && !ownPack()) || (p === 'crew' && !ownCrew());
+  const tagP = (p) => (p === 'skins' ? 'PACK' : p === 'crew' ? 'CREW' : '');
+  c.innerHTML = `<h2 class="tag">STYLE</h2><span class="lbl">DICE</span><div class="stylegrid">${Object.entries(DT.SKINS).map(([id, s]) => `<button class="chipb${S.skin === id ? ' on' : ''}" data-k="${id}" type="button"><span class="sw" style="background:${id === 'crew' ? S.crew.a : s.base}"></span>${esc(s.name)}${lockP(s.pack) ? `<i class="lock">${tagP(s.pack)}</i>` : ''}</button>`).join('')}</div>`
+    + `<span class="lbl">TABLE</span><div class="stylegrid">${Object.entries(DT.THEMES).map(([id, t]) => `<button class="chipb${S.theme === id ? ' on' : ''}" data-t="${id}" type="button">${esc(t.name)}${lockP(t.pack) ? `<i class="lock">${tagP(t.pack)}</i>` : ''}</button>`).join('')}</div>`
+    + `<span class="lbl">WIN EMOTE</span><div class="stylegrid">${EMOTES.map((e) => `<button class="chipb${S.emote === e.id ? ' on' : ''}" data-e="${e.id}" type="button">${e.t || 'None'}${e.id !== 'none' && !ownPack() ? '<i class="lock">PACK</i>' : ''}</button>`).join('')}</div>`
+    + (ownCrew() ? `<span class="lbl">CREW NAME AND COLOURS</span><input class="inp" id="cn" maxlength="14" value="${esc(S.crew.name)}"><div class="chips-row" style="margin-top:6px"><input type="color" id="ca" value="${S.crew.a}"><input type="color" id="cb" value="${S.crew.b}"><button class="chipb" id="csave" type="button">SAVE CREW</button></div>` : '<p class="tiny">Crew colours, crew tables and stats history come with the <a href="#" id="s-crew">Crew Pass</a>.</p>')
+    + `<p class="tiny">Looks only: every die rolls with exactly the same physics and odds.</p><div class="btnrow"><button class="btn" id="s-done" type="button">DONE</button></div>`;
+  for (const b of c.querySelectorAll('[data-k]')) b.onclick = () => { const s = DT.SKINS[b.dataset.k]; if (lockP(s.pack)) { s.pack === 'crew' ? openCrew('style-dice') : openPack('style-dice'); return; } S.skin = b.dataset.k; save(); table.setSkin(S.skin, S.crew); A.tap(); openStyle(); };
+  for (const b of c.querySelectorAll('[data-t]')) b.onclick = () => { const t = DT.THEMES[b.dataset.t]; if (lockP(t.pack)) { t.pack === 'crew' ? openCrew('style-table') : openPack('style-table'); return; } S.theme = b.dataset.t; save(); table.setTheme(S.theme); table.hand(0); A.tap(); openStyle(); };
+  for (const b of c.querySelectorAll('[data-e]')) b.onclick = () => { if (b.dataset.e !== 'none' && !ownPack()) { openPack('style-emote'); return; } S.emote = b.dataset.e; save(); A.tap(); openStyle(); };
+  if ($('csave')) $('csave').onclick = () => { S.crew.name = R.cleanName($('cn').value).toUpperCase(); S.crew.a = $('ca').value; S.crew.b = $('cb').value; save(); if (S.skin === 'crew') table.setSkin('crew', S.crew); toast('Crew saved.'); };
+  if ($('s-crew')) $('s-crew').onclick = (e) => { e.preventDefault(); openCrew('style'); };
+  $('s-done').onclick = home; hideAll(); $('style').hidden = false;
+}
+function openMe() {
+  const w = S.wallet, rk = R.rankOf(w.rep), hist = ownCrew() ? S.hist : S.hist.slice(-10);
+  const wr = w.played ? Math.round((w.won / w.played) * 100) : 0;
+  $('me-c').innerHTML = `<h2 class="tag">${esc(S.name)}</h2><p class="sub">${rk.name.toUpperCase()}${rk.next ? ` · ${rk.toNext} rep to ${rk.next.name}` : ' · top rank'}</p>`
+    + `<div class="lbar" style="width:100%"><i style="width:${Math.round(rk.pct * 100)}%"></i></div>`
+    + `<div class="statgrid" style="margin-top:10px"><div><b>${w.played}</b>rounds</div><div><b>${wr}%</b>won</div><div><b>${w.bestStreak || 0}</b>best streak</div><div><b>${w.big.r456}</b>4-5-6s</div><div><b>${w.big.trips}</b>trips</div><div><b>${w.best ? esc(w.best.short) : '-'}</b>best roll</div></div>`
+    + `<span class="lbl">${ownCrew() ? `STATS HISTORY (last ${hist.length} rounds)` : 'LAST 10 ROUNDS (full history with the Crew Pass)'}</span><div class="hist">${hist.map((h) => `<i class="${h.w === 0 ? 'l' : ''}" style="height:${Math.min(100, 12 + Math.abs(h.c) / 2)}%"></i>`).join('')}</div>`
+    + (ownCrew() && S.crew.stats ? `<span class="lbl">${esc(S.crew.name)}</span><table class="lb">${Object.entries(S.crew.stats).sort((a, b) => b[1].w - a[1].w).map(([n, s]) => `<tr><td>${esc(n)}</td><td>${s.w}/${s.p} won</td></tr>`).join('')}</table>` : '')
+    + `<span class="lbl">NAME</span><input class="inp" id="me-n" maxlength="14" value="${esc(S.name)}">`
+    + `<div class="btnrow"><button class="btn" id="me-card" type="button">🔥 STREAK CARD</button><button class="ghost" id="me-save" type="button">SAVE</button><button class="ghost" id="me-done" type="button">BACK</button></div>`;
+  $('me-save').onclick = () => { S.name = R.cleanName($('me-n').value); save(); toast('Saved.'); };
+  $('me-card').onclick = () => streakCard(); $('me-done').onclick = home; hideAll(); $('me').hidden = false;
+}
+async function streakCard() {
+  const c = document.createElement('canvas'); c.width = 1080; c.height = 1350; const g = c.getContext('2d'); const w = S.wallet, rk = R.rankOf(w.rep);
+  const bg = g.createLinearGradient(0, 0, 0, 1350); bg.addColorStop(0, '#1D1430'); bg.addColorStop(1, '#07060C'); g.fillStyle = bg; g.fillRect(0, 0, 1080, 1350);
+  try { g.drawImage(cv, 0, 0, cv.width, cv.height, 0, 260, 1080, 1080 * cv.height / cv.width); } catch { /* */ }
+  g.fillStyle = 'rgba(7,6,12,.55)'; g.fillRect(0, 0, 1080, 1350);
+  g.textAlign = 'center'; g.fillStyle = '#FFC56B'; g.font = '120px Spray, "Barlow Condensed", sans-serif'; g.fillText('STOOPSHAKE', 540, 190);
+  g.fillStyle = '#fff'; g.font = '800 110px "Barlow Condensed", sans-serif'; g.fillText(`🔥 ${w.winStreak || w.bestStreak || 0} WIN STREAK`, 540, 520);
+  g.font = '800 64px "Barlow Condensed", sans-serif'; g.fillStyle = '#2FE6FF'; g.fillText(`${(ownCrew() ? S.crew.name + ' · ' : '')}${S.name} · ${rk.name.toUpperCase()}`, 540, 640);
+  g.fillStyle = '#fff'; g.font = '800 54px "Barlow Condensed", sans-serif'; g.fillText(`Best roll: ${w.best ? w.best.short : '-'} · 4-5-6s: ${w.big.r456}`, 540, 760);
+  g.font = '700 46px "Barlow Condensed", sans-serif'; g.fillStyle = '#B9B1C9'; g.fillText('Free 3D street dice · No real money. Just for fun.', 540, 1170); g.fillStyle = '#FFC56B'; g.fillText('cybermaxtools.com/games/stoopshake', 540, 1250);
+  const blob = await new Promise((r) => c.toBlob(r, 'image/png'));
+  count(GAME, 'share', 'streak');
+  const text = `🔥 ${w.winStreak || w.bestStreak || 0} win streak on Stoopshake (${rk.name}). Come take it from me:`;
+  if (TGM.app()) { TGM.share(text, `${SITE}${PATH}`); return; }
+  share(GAME, text, PATH, blob, 'stoopshake-streak.png');
+}
+async function openBoard() {
+  const reg = R.regionOf(Intl.DateTimeFormat().resolvedOptions().timeZone, navigator.language);
+  const c = $('board-c'); hideAll(); $('board').hidden = false;
+  const top = `<h2 class="tag">BOARD</h2><p class="sub">Ranked by rep (wins and big rolls). Region comes from your device's time zone (${esc(reg.label)}), never your exact location.</p>`;
+  if (!S.board) {
+    c.innerHTML = top + `<p class="sub">Show <b>${esc(S.name)}</b> on the <b>${esc(reg.label)}</b> and world boards? Only your nickname, rank and rep are sent, once a day.</p><div class="btnrow"><button class="btn" id="bd-on" type="button">JOIN THE BOARD</button><button class="ghost" id="bd-x" type="button">NOT NOW</button></div>`;
+    $('bd-on').onclick = () => { S.board = true; save(); count(GAME, 'cta', 'board-join'); openBoard(); }; $('bd-x').onclick = home; return;
+  }
+  c.innerHTML = top + '<p class="sub">Loading…</p>';
+  let j = null;
+  try {
+    if (S.boardDay !== TODAY || S.boardRep !== S.wallet.rep) { const r = await fetch(`${DATA}/dice/board`, { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ dev: S.dev, name: S.name, region: reg.id, label: reg.label, rep: S.wallet.rep, wins: S.wallet.won }) }); j = await r.json(); S.boardDay = TODAY; S.boardRep = S.wallet.rep; save(); }
+    else { const r = await fetch(`${DATA}/dice/board?region=${encodeURIComponent(reg.id)}`); j = await r.json(); }
+  } catch { j = null; }
+  if (!j || !j.world) { c.innerHTML = top + '<p class="sub">The board is resting right now. Try again in a bit.</p><div class="btnrow"><button class="ghost" id="bd-b" type="button">BACK</button></div>'; $('bd-b').onclick = home; return; }
+  const rows = (list) => `<table class="lb">${list.map((x, i) => `<tr class="${x.me ? 'me' : ''}"><td>${i + 1}. ${esc(x.name)} <small>${esc(x.label || '')}</small></td><td>${esc(R.rankOf(x.rep).name)} · ${x.rep}</td></tr>`).join('') || '<tr><td>Be the first.</td><td></td></tr>'}</table>`;
+  let tab = 'near';
+  const draw = () => { c.innerHTML = top + `<div class="tabs"><button class="chipb${tab === 'near' ? ' on' : ''}" data-t="near" type="button">NEAR ME</button><button class="chipb${tab === 'world' ? ' on' : ''}" data-t="world" type="button">WORLD</button><button class="chipb${tab === 'regions' ? ' on' : ''}" data-t="regions" type="button">CITIES</button></div>`
+    + (tab === 'near' ? rows(j.region || []) : tab === 'world' ? rows(j.world || []) : `<table class="lb">${(j.regions || []).map((x, i) => `<tr><td>${i + 1}. ${esc(x.label)}</td><td>${x.players} players · ${x.rep}</td></tr>`).join('')}</table>`)
+    + `<div class="btnrow"><button class="ghost" id="bd-off" type="button">LEAVE THE BOARD</button><button class="btn" id="bd-b" type="button">BACK</button></div>`;
+    for (const b of c.querySelectorAll('[data-t]')) b.onclick = () => { tab = b.dataset.t; draw(); };
+    $('bd-b').onclick = home; $('bd-off').onclick = () => { S.board = false; save(); fetch(`${DATA}/dice/board`, { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ dev: S.dev, leave: true }) }).catch(() => {}); home(); }; };
+  draw();
+}
+function openShop() {
+  const c = $('shop-c'); const tg = !!TGM.app();
+  c.innerHTML = `<h2 class="tag">EXTRAS</h2><p class="sub">The game, every mode and the daily chips are free. Extras are looks and crew features, paid once. They never change the dice.</p>`
+    + `<div class="offer"><h3>Stoopshake Crew Pass <span class="pr">${tg ? '235 ⭐' : '$2.99 once'}</span></h3><ul>${CREW_PERKS.map((p) => `<li>${esc(p)}</li>`).join('')}<li>Also every Dice &amp; Table Pack look</li></ul><button class="btn pink" id="sh-c" type="button">${ownCrew() ? 'YOURS ✓' : 'GET THE CREW PASS'}</button></div>`
+    + `<div class="offer"><h3>Stoopshake Dice &amp; Table Pack <span class="pr">${tg ? '155 ⭐' : '$1.99 once'}</span></h3><ul><li>Dice: Chrome, Gold, Bone, Neon</li><li>Tables: Brownstone Stoop, Rooftop, Arcade</li><li>5 win emotes</li><li>Looks only: same dice odds</li></ul><button class="btn" id="sh-p" type="button">${ownPack() ? 'YOURS ✓' : 'GET THE PACK'}</button></div>`
+    + (tg ? '' : `<p class="tiny">Prices in USD; tax for your country is added at checkout. Play more than one CyberMax game? The <a href="/games/#pass">CyberMax Fun Pass</a> is a separate pass that covers every CyberMax game, both Stoopshake extras included. Chips can never be bought.</p>`)
+    + `<div class="btnrow"><button class="ghost" id="sh-b" type="button">BACK</button></div>`;
+  $('sh-p').onclick = () => { if (!ownPack()) openPack('shop'); }; $('sh-c').onclick = () => { if (!ownCrew()) openCrew('shop'); }; $('sh-b').onclick = home;
+  hideAll(); $('shop').hidden = false; count(GAME, 'cta', 'shop-open');
+}
+
+// ------------------------------------------------------------------ Telegram Mini App
+let tgInfo = {};
+function openCrew(from) { if (TGM.app()) TGM.sheet('stoopshake-full', { perks: CREW_PERKS, onPaid: claimTG }); else FP.open(from); }
+function openPack(from) { if (TGM.app()) TGM.sheet('stoopshake-skins', { perks: ['4 dice: Chrome, Gold, Bone, Neon', '3 tables: Stoop, Rooftop, Arcade', '5 win emotes', 'Looks only: same dice odds'], onPaid: claimTG }); else pack.open(from); }
+async function claimTG() {
+  tgInfo = { ...tgInfo, ...(await TGM.status()) }; const codes = tgInfo.codes || {};
+  if (codes['stoopshake-full'] && !FP.ownsGame()) await FP.unlockGame(codes['stoopshake-full']);
+  if (codes['stoopshake-skins'] && !pack.owned()) await pack.unlock(codes['stoopshake-skins']);
+  renderTop();
+}
+FP.onChange(() => renderTop()); pack.onChange(() => renderTop());
+
+// ------------------------------------------------------------------ wiring
+for (const b of document.querySelectorAll('.mode')) b.onclick = () => { A.tap(); setup(b.dataset.m); };
+$('rules-ok').onclick = () => { S.rules = true; save(); A.ensure(); A.startMusic(); hideAll(); if (chal) home(); else runDuel({ stake: Math.min(25, S.wallet.chips) || 0, practice: S.wallet.chips < 10 }); };
+$('b-rules').onclick = () => { hideAll(); $('rules').hidden = false; $('rules-ok').textContent = 'BACK'; $('rules-ok').onclick = home; };
+$('b-style').onclick = () => openStyle(); $('b-me').onclick = () => openMe(); $('b-board').onclick = () => openBoard();
+$('b-shop').onclick = (e) => { e.preventDefault(); openShop(); };
+$('b-extras').onclick = () => { A.tap(); openShop(); };
+if (TGM.app()) $('b-extras').textContent = '✨ EXTRAS: CREW PASS · DICE & TABLE PACK';
+$('b-menu').onclick = () => { A.tap(); if (M && !confirm('Leave this table? Chips already settled stay settled.')) return; location.hash = ''; if (M) { location.href = location.pathname + (chal ? `?c=${R.encodeChallenge(chal)}` : ''); return; } home(); };
+$('b-snd').onclick = () => { A.ensure(); const on = !A.settings().music; A.setMusic(on); if (!on) A.stopMusic(); renderTop(); };
+TGM.init({ onResize: () => table && table.resize(), onBack: () => home() }).then(async (W) => { if (!W) return; count(GAME, 'tg-open'); tgInfo = await TGM.hello(); claimTG(); });
+boot();

index.html

@@ -1,19 +1,159 @@
 <!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>
+<html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
+<title>Stoopshake: Free 3D Street Dice Game (Cee-lo 4-5-6), No Download</title>
+<meta name="description" content="Play Stoopshake free: real-physics 3D street dice (Cee-lo, 4-5-6). Flick to throw, beat bots, play friends by link or in Telegram groups. No real money.">
+<link rel="canonical" href="https://cybermaxtools.com/games/stoopshake/">
+<meta property="og:type" content="website"><meta property="og:site_name" content="CyberMax">
+<meta name="theme-color" content="#0B0912">
+<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="Stoopshake">
+<link rel="preload" href="fonts/barlow-condensed-800.woff2" as="font" type="font/woff2" crossorigin>
+<link rel="preload" href="fonts/rubik-spray-paint.woff2" as="font" type="font/woff2" crossorigin>
+<link rel="stylesheet" href="fun.css"><link rel="stylesheet" href="style.css">
+<script type="importmap">{"imports":{"three":"./vendor/three.module.min.js"}}</script>
+<meta property="og:title" content="Stoopshake: Free 3D Street Dice Game (Cee-lo 4-5-6)">
+<meta property="og:description" content="Play Stoopshake free: real-physics 3D street dice (Cee-lo, 4-5-6). Flick to throw, beat bots, play friends by link or in Telegram groups. No real money.">
+<meta property="og:url" content="https://cybermaxtools.com/games/stoopshake/">
+<meta property="og:image" content="https://cybermaxtools.com/games/stoopshake/og.png">
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="Stoopshake: Free 3D Street Dice Game (Cee-lo 4-5-6)">
+<meta name="twitter:description" content="Play Stoopshake free: real-physics 3D street dice (Cee-lo, 4-5-6). Flick to throw, beat bots, play friends by link or in Telegram groups. No real money.">
+<meta name="twitter:image" content="https://cybermaxtools.com/games/stoopshake/og.png">
+<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/stoopshake/#game", "name": "Stoopshake", "alternateName": "3D street dice game cee-lo", "url": "https://cybermaxtools.com/games/stoopshake/", "image": "https://cybermaxtools.com/games/stoopshake/og.png", "description": "Stoopshake is a free 3D dice game of Cee-lo, the classic three-dice street game, set on a lamp-lit corner at night. The dice are real physics: hold the screen to shake them, flick up to throw, and watch them bounce off the step and settle, with slow motion when a 4-5-6 or a 1-2-3 is about to land. 4-5-6 wins on the spot and 1-2-3 loses on the spot; trips beat any point, higher trips win; a pair plus one sets your point (the odd die); anything else rolls again. Play Quick 1v1, a Table of up to six with a pot, or Banker, where you try to beat the bank's point and take the bank. The bots have personalities and friendly trash talk. Play friends on one phone, send a challenge link and take turns from anywhere, or add the bot to a Telegram group and roll with Telegram's own animated dice. Chips are free play chips with a free top-up every day: no real money, nothing to cash out and no prizes. Big rolls are recorded as a short clip on your device to share.", "genre": ["Dice", "Casual", "Party", "Multiplayer"], "gamePlatform": ["Web browser", "Android", "iOS", "Windows", "macOS", "ChromeOS"], "applicationCategory": "Game", "operatingSystem": "Any (web browser)", "playMode": ["SinglePlayer", "MultiPlayer"], "inLanguage": "en", "isAccessibleForFree": true, "offers": [{"@type": "Offer", "name": "Free to play (every mode, the Daily Table and daily free chips)", "price": "0", "priceCurrency": "USD"}, {"@type": "Offer", "name": "Stoopshake Crew Pass (one-time unlock)", "price": "2.99", "priceCurrency": "USD"}, {"@type": "Offer", "name": "Stoopshake Dice & Table Pack (one-time unlock)", "price": "1.99", "priceCurrency": "USD"}], "author": {"@type": "Organization", "name": "CyberMax", "url": "https://cybermaxtools.com/"}, "publisher": {"@type": "Organization", "name": "CyberMax"}, "datePublished": "2026-10-17", "keywords": "3D street dice game cee-lo, free 3d street dice game: cee-lo, 4-5-6, unblocked, no download, browser game", "trailer": {"@id": "https://cybermaxtools.com/games/stoopshake/#video"}}, {"@type": "FAQPage", "@id": "https://cybermaxtools.com/games/stoopshake/#faq", "mainEntity": [{"@type": "Question", "name": "Is Stoopshake free?", "acceptedAnswer": {"@type": "Answer", "text": "Yes. Every mode, the Daily Table, Telegram group tables and the daily free chips are free, with no ads and no sign-up. Optional extras, paid once, are looks (Stoopshake Dice & Table Pack, $1.99) and crew features (Stoopshake Crew Pass, $2.99, which also includes every Dice & Table Pack look). The CyberMax Fun Pass covers both, in every CyberMax game."}}, {"@type": "Question", "name": "Is Stoopshake gambling?", "acceptedAnswer": {"@type": "Answer", "text": "No. There is no real money anywhere: chips are free play chips that top up every day, they can't be bought, sold, traded or cashed out, and there are no prizes. Paid extras never change the dice or give chips."}}, {"@type": "Question", "name": "What are the Cee-lo rules?", "acceptedAnswer": {"@type": "Answer", "text": "Roll three dice. 4-5-6 wins on the spot and 1-2-3 loses on the spot. Three of a kind beats any point (higher trips win). A pair plus one sets your point, the odd die. Anything else, roll again."}}, {"@type": "Question", "name": "Are the dice really random?", "acceptedAnswer": {"@type": "Answer", "text": "Each throw is a real physics simulation of three dice bouncing off the step and the ground, started by your own flick, so nobody (including us) picks the result. In Telegram groups the dice are Telegram's own animated dice, rolled by Telegram's servers."}}, {"@type": "Question", "name": "How do I play with friends far away?", "acceptedAnswer": {"@type": "Answer", "text": "Tap Challenge a friend: you roll first and send the link; your friend rolls on their phone and sends it back, first to 3. Or add @CyberMaxTools_bot to your group chat and type /dice."}}, {"@type": "Question", "name": "How do I play in a Telegram group?", "acceptedAnswer": {"@type": "Answer", "text": "Add @CyberMaxTools_bot to the group and type /dice (or /dice 50 for a bigger stake). Players tap Join, the starter taps Start, and each player taps Roll on their turn; the bot rolls three Telegram dice. /dicetop shows the group's top shooters and /crews the weekly crew league."}}, {"@type": "Question", "name": "What is in the Dice & Table Pack?", "acceptedAnswer": {"@type": "Answer", "text": "Chrome, Gold, Bone and Neon dice, three tables (Brownstone Stoop, Rooftop and Arcade) and five win emotes, $1.99 once. Looks only: the dice roll exactly the same."}}, {"@type": "Question", "name": "What does the Crew Pass add?", "acceptedAnswer": {"@type": "Answer", "text": "Crew tables (save your crew and seat them in one tap, with crew stats), your crew name and colours on the dice and share cards, full stats history and two more tables (Night Court and Boardwalk), plus every Dice & Table Pack look; $2.99 once."}}, {"@type": "Question", "name": "Does it work on phones?", "acceptedAnswer": {"@type": "Answer", "text": "Yes. It is built phone-first: hold and flick to throw, and it adjusts its graphics to keep the dice smooth. It also installs as an app and runs inside Telegram."}}, {"@type": "Question", "name": "Is the board tracking my location?", "acceptedAnswer": {"@type": "Answer", "text": "No. The region board is opt-in and uses only the region your device's time zone already reports (for example New York), never GPS or your exact location."}}, {"@type": "Question", "name": "How much is the Stoopshake Crew Pass?", "acceptedAnswer": {"@type": "Answer", "text": "$2.99 once, no subscription: it adds crew tables (save your crew and seat them in one tap, with crew stats), your crew name and colours on the dice and share cards, full stats history, two more tables (Night Court and Boardwalk) and every Dice & Table Pack look, for good, and your receipt code works on any device. Every mode, the Daily Table and the daily free chips stay free for everyone. The Dice & Table Pack alone is $1.99 once, and the CyberMax Fun Pass covers every CyberMax game."}}]}, {"@type": "VideoObject", "name": "Stoopshake demo: Shake the dice. Hit 4-5-6.", "description": "A 18-second screen recording of the live Stoopshake page: Street dice on the stoop; Big Ace sets a point; A real 4-5-6, slow motion; Rooftop table, gold dice, trips. Real result, no voice.", "thumbnailUrl": ["https://cybermax.cybermax-tools.workers.dev/media/demos/stoopshake/poster.jpg"], "uploadDate": "2026-10-17T10:12:23+00:00", "duration": "PT18S", "contentUrl": "https://cybermax.cybermax-tools.workers.dev/media/demos/stoopshake/demo-16x9.mp4", "embedUrl": "https://cybermaxtools.com/games/stoopshake/", "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/stoopshake/#video"}]}</script>
+</head><body>
+<div class="app" id="app">
+  <canvas id="c" aria-label="Stoopshake dice table. Hold to shake the dice, flick or drag up to throw, or press Roll." tabindex="0"></canvas>
+  <div class="hud" id="hud">
+    <div class="bar">
+      <a class="logo" href="https://cybermaxtools.com/games/" aria-label="CyberMax games">STOOP<i>SHAKE</i></a>
+      <span class="pill chips" id="chips" title="Free play chips (no real money)">◉ <b id="chipsN">500</b></span>
+      <span class="pill rank" id="rank">ROOKIE</span>
+      <span class="sp"></span>
+      <button class="ib" id="b-snd" type="button" aria-label="Sound">♪</button>
+      <button class="ib" id="b-menu" type="button" aria-label="Menu">☰</button>
+    </div>
+    <div class="seats" id="seats"></div>
+    <div class="talk" id="talk" aria-live="polite"></div>
+    <div class="banner" id="banner" aria-live="assertive"></div>
+    <div class="hint" id="hint">Hold to shake · flick up to throw</div>
+    <div class="actions" id="actions"></div>
+    <div class="bottom">
+      <div class="pot" id="pot"></div>
+      <button class="roll" id="roll" type="button">🎲 ROLL</button>
+    </div>
+    <p class="nrm">No real money. Just for fun.</p>
+  </div>
+
+  <div class="ov load" id="loading"><p class="biglogo">STOOP<i>SHAKE</i></p><div class="lbar"><i id="lbar"></i></div><p class="hint2">Setting up the stoop…</p></div>
+  <div class="ov" id="nogl" hidden><p class="biglogo">STOOP<i>SHAKE</i></p><p>This browser can't run WebGL2, which Stoopshake's 3D dice need. Try Chrome, Edge, Safari 15+ or Firefox.</p><a class="btn" href="https://cybermaxtools.com/games/">More CyberMax games</a></div>
+
+  <div class="ov sheet" id="home" hidden>
+    <div class="card">
+      <p class="biglogo sm">STOOP<i>SHAKE</i></p>
+      <p class="sub">Street dice, 4-5-6. Real 3D physics. <b>No real money. Just for fun.</b></p>
+      <div class="chal" id="h-chal" hidden></div>
+      <div class="modes">
+        <button class="mode hot" data-m="duel" type="button"><b>QUICK 1v1</b><span>You vs a bot. Best roll takes the chips.</span></button>
+        <button class="mode" data-m="table" type="button"><b>TABLE</b><span>Up to 6 seats. Everyone in the pot.</span></button>
+        <button class="mode" data-m="banker" type="button"><b>BANKER</b><span>Beat the bank's point. Win it, take the bank.</span></button>
+        <button class="mode day" data-m="daily" type="button"><b id="h-daily">DAILY TABLE</b><span id="h-daily-s">Same table for everyone today. 5 rounds.</span></button>
+        <button class="mode" data-m="local" type="button"><b>PASS &amp; PLAY</b><span>2-6 friends on one phone.</span></button>
+        <button class="mode" data-m="link" type="button"><b>CHALLENGE A FRIEND</b><span>Send a link. Take turns anywhere. First to 3.</span></button>
+        <button class="mode tg" data-m="tg" type="button"><b>PLAY IN YOUR GROUP CHAT</b><span>Add the bot, type /dice. Telegram's own dice.</span></button>
+        <button class="mode" data-m="crew" type="button"><b>CREW TABLE <em class="lock" id="crew-lock">CREW PASS</em></b><span>Your saved crew, colours and stats.</span></button>
+      </div>
+      <div class="row3">
+        <button class="ghost" id="b-style" type="button">🎨 STYLE</button>
+        <button class="ghost" id="b-board" type="button">🏆 BOARD</button>
+        <button class="ghost" id="b-me" type="button">👤 ME</button>
+        <button class="ghost" id="b-rules" type="button">📜 RULES</button>
+      </div>
+      <button class="btn pink xbtn" id="b-extras" type="button">✨ EXTRAS: CREW PASS $2.99 · DICE &amp; TABLE PACK $1.99</button>
+      <p class="tiny">Chips are free play chips: a free top-up every day, earned by playing. They can't be bought, sold or cashed out, and there are no prizes. <a href="#" id="b-shop">Extras</a> are looks and crew features only, never better odds.</p>
+    </div>
+  </div>
+
+  <div class="ov sheet" id="rules" hidden>
+    <div class="card">
+      <h2 class="tag">HOW TO PLAY</h2>
+      <ol class="rl">
+        <li><span class="dz">⚃⚄⚅</span><span><b>4-5-6</b> wins on the spot.</span></li>
+        <li><span class="dz">⚀⚁⚂</span><span><b>1-2-3</b> loses on the spot.</span></li>
+        <li><span class="dz">⚄⚄⚄</span><span><b>Trips</b> beat any point. Higher trips win.</span></li>
+        <li><span class="dz">⚂⚂⚄</span><span><b>A pair + one</b> sets your <b>point</b>: the odd die (here 5). Higher point wins.</span></li>
+        <li><span class="dz">⚀⚃⚄</span><span>Anything else: <b>no score, roll again</b>.</span></li>
+      </ol>
+      <p class="sub">Hold the screen to shake, flick up to throw (or press ROLL). Off the curb or a tilted die? Free re-roll.</p>
+      <p class="sub">Ties roll off. In Banker, a tie with the bank is a push: you keep your chips.</p>
+      <button class="btn" id="rules-ok" type="button">GOT IT. LET'S ROLL</button>
+    </div>
+  </div>
+
+  <div class="ov sheet" id="setup" hidden><div class="card" id="setup-c"></div></div>
+  <div class="ov sheet" id="pass" hidden><div class="card"><p class="sub">Pass the phone to</p><h2 class="tag" id="pass-n">PLAYER</h2><button class="btn" id="pass-ok" type="button">I'M READY</button></div></div>
+  <div class="ov sheet" id="end" hidden><div class="card" id="end-c"></div></div>
+  <div class="ov sheet" id="style" hidden><div class="card" id="style-c"></div></div>
+  <div class="ov sheet" id="board" hidden><div class="card" id="board-c"></div></div>
+  <div class="ov sheet" id="me" hidden><div class="card" id="me-c"></div></div>
+  <div class="ov sheet" id="shop" hidden><div class="card" id="shop-c"></div></div>
+</div>
+
+<div class="wrap below">
+<header class="top"><a class="brand" href="https://cybermaxtools.com/games/">CyberMax games</a><nav><a href="https://cybermaxtools.com/games/">All games</a><a href="https://cybermaxtools.com/store/">Store</a></nav></header>
+<main>
+  <div class="headline"><h1>Stoopshake <span class="pro-badge">CREW</span> <small class="h1kw">Free 3D street dice game: Cee-lo, 4-5-6</small></h1><p class="muted tag2">Free 3D street dice: Cee-lo, 4-5-6. Flick to throw. No real money. Just for fun.</p></div>
+  <section class="buybox" id="extras" aria-labelledby="extras-h">
+    <h2 id="extras-h">Stoopshake is free. Extras are optional.</h2>
+    <p class="muted">Every mode, the Daily Table, Telegram group tables and the daily free chips are free, with no ads and no sign-up. Extras are paid once and never change the dice or give chips.</p>
+    <div class="bx">
+      <div class="bo best">
+        <p class="bk">Crew features + every look</p>
+        <h3>Stoopshake Crew Pass <span class="bp">$2.99 <small>once</small></span></h3>
+        <ul><li>Crew tables: save your crew (up to 6) and seat them in one tap, with crew stats</li><li>Your crew name and colours on the dice and every share card</li><li>Full stats history and two more tables: Night Court and Boardwalk</li><li>Also every Dice &amp; Table Pack look</li></ul>
+        <a class="btn pink" href="https://data.cybermaxtools.com/buy/st-stoopshake-full-unlock?s=game-stoopshake-page" rel="nofollow" data-cmx-buy>Get the Crew Pass, $2.99</a>
+      </div>
+      <div class="bo">
+        <p class="bk">Looks only</p>
+        <h3>Stoopshake Dice &amp; Table Pack <span class="bp">$1.99 <small>once</small></span></h3>
+        <ul><li>4 dice: Chrome, Gold, Bone and Neon</li><li>3 tables: Brownstone Stoop, Rooftop and Arcade</li><li>5 win emotes for your big rolls</li><li>Same physics and odds as the free dice</li></ul>
+        <a class="btn" href="https://data.cybermaxtools.com/buy/st-stoopshake-skins-pack?s=game-stoopshake-page" rel="nofollow" data-cmx-buy>Get the Dice &amp; Table Pack, $1.99</a>
+      </div>
+    </div>
+    <p class="bsm">Secure Stripe checkout. Prices in USD; tax for your country is added at checkout. Your extras turn on as soon as you pay, and the receipt code turns them on on any device. 14-day fix-or-refund if it doesn't work as described (<a href="https://cybermaxtools.com/terms#payments">terms</a>).</p>
+    <p class="bfp"><b>Play more than one CyberMax game?</b> The <a href="https://cybermaxtools.com/games/#pass">CyberMax Fun Pass</a> is a separate pass that covers every CyberMax game, both Stoopshake extras included: $2.99/month, $19/year or $29.99 for life.</p>
+  </section>
+  <section class="seo" id="guide">
+<h2>Stoopshake: 3d street dice game cee-lo</h2>
+<p>Stoopshake is a free 3D dice game of Cee-lo, the classic three-dice street game, set on a lamp-lit corner at night. The dice are real physics: hold the screen to shake them, flick up to throw, and watch them bounce off the step and settle, with slow motion when a 4-5-6 or a 1-2-3 is about to land. 4-5-6 wins on the spot and 1-2-3 loses on the spot; trips beat any point, higher trips win; a pair plus one sets your point (the odd die); anything else rolls again. Play Quick 1v1, a Table of up to six with a pot, or Banker, where you try to beat the bank&#x27;s point and take the bank. The bots have personalities and friendly trash talk. Play friends on one phone, send a challenge link and take turns from anywhere, or add the bot to a Telegram group and roll with Telegram&#x27;s own animated dice. Chips are free play chips with a free top-up every day: no real money, nothing to cash out and no prizes. Big rolls are recorded as a short clip on your device to share.</p>
+<h2>How to play Stoopshake</h2>
+<ol><li>Hold the screen to shake the dice, then flick up to throw (or press ROLL).</li><li>4-5-6 wins on the spot; 1-2-3 loses on the spot.</li><li>Three of a kind (trips) beats any point; higher trips win.</li><li>A pair plus one sets your point: the odd die. A higher point wins.</li><li>Anything else is no score: roll again. Dice off the curb or a tilted die are a free re-roll.</li></ol>
+<h3>Controls</h3>
+<p><b>Phone and tablet:</b> Hold anywhere on the table to pick up and shake the dice, then flick your thumb up to throw: a harder flick throws harder, a sideways flick angles the throw. Or tap ROLL. The phone buzzes on big rolls inside Telegram.</p>
+<p><b>Desktop, laptop and Chromebook:</b> Click and hold on the table to shake, then drag up and release to throw; or press the ROLL button, or Space or Enter with the table focused.</p>
+<h2>Stoopshake tips and strategy</h2>
+<ul><li>Every throw is real physics, so no throw style is luckier than another: throw how it feels good.</li><li>In Banker, a tie with the bank&#x27;s point is a push: you keep your chips.</li><li>Beat the bank with 4-5-6 or trips and the bank passes to you.</li><li>The Daily Table is the same lineup for everyone today: share your spoiler-free emoji card.</li><li>Out of chips? The free top-up comes back every day, and Practice needs no chips.</li></ul>
+<h2>Game modes</h2>
+<ul><li>Quick 1v1: you against a bot with a personality; best roll takes the stake.</li><li>Table: up to 6 seats, everyone puts the stake in the pot, a 4-5-6 takes it on the spot, ties roll off.</li><li>Banker: beat the bank&#x27;s point; win with 4-5-6 or trips and you take the bank.</li><li>Daily Table: the same three bots and stake for everyone today, 5 rounds, a shareable emoji card.</li><li>Pass and play: 2-6 friends on one phone.</li><li>Challenge a friend: you roll, send the link, they roll on their phone, first to 3; no account, no server.</li><li>Telegram groups: add @CyberMaxTools_bot, type /dice, everyone rolls with Telegram&#x27;s own animated dice; group leaderboard and a weekly crew league.</li><li>Crew tables (Crew Pass): your saved crew, crew colours and crew stats.</li></ul>
+<p>Every mode, the Daily Table, Telegram group tables and the daily free chips are free to play, with no ads and no sign-up. Two optional extras are paid once: the <a href="#extras">Stoopshake Crew Pass</a> ($2.99 once: crew tables, crew colours, stats history, two more tables and every Dice &amp; Table Pack look) and the <a href="#extras">Stoopshake Dice &amp; Table Pack</a> ($1.99 once: 4 dice, 3 tables and 5 win emotes, looks only). The <a href="https://cybermaxtools.com/games/#pass">CyberMax Fun Pass</a> ($2.99/month, $19/year or $29.99 for life) is a separate pass that covers every CyberMax game, both Stoopshake extras included.</p>
+<h2>Stoopshake FAQ</h2>
+<h3>Is Stoopshake free?</h3><p>Yes. Every mode, the Daily Table, Telegram group tables and the daily free chips are free, with no ads and no sign-up. Optional extras, paid once, are looks (Stoopshake Dice &amp; Table Pack, $1.99) and crew features (Stoopshake Crew Pass, $2.99, which also includes every Dice &amp; Table Pack look). The CyberMax Fun Pass covers both, in every CyberMax game.</p>
+<h3>Is Stoopshake gambling?</h3><p>No. There is no real money anywhere: chips are free play chips that top up every day, they can&#x27;t be bought, sold, traded or cashed out, and there are no prizes. Paid extras never change the dice or give chips.</p>
+<h3>What are the Cee-lo rules?</h3><p>Roll three dice. 4-5-6 wins on the spot and 1-2-3 loses on the spot. Three of a kind beats any point (higher trips win). A pair plus one sets your point, the odd die. Anything else, roll again.</p>
+<h3>Are the dice really random?</h3><p>Each throw is a real physics simulation of three dice bouncing off the step and the ground, started by your own flick, so nobody (including us) picks the result. In Telegram groups the dice are Telegram&#x27;s own animated dice, rolled by Telegram&#x27;s servers.</p>
+<h3>How do I play with friends far away?</h3><p>Tap Challenge a friend: you roll first and send the link; your friend rolls on their phone and sends it back, first to 3. Or add @CyberMaxTools_bot to your group chat and type /dice.</p>
+<h3>How do I play in a Telegram group?</h3><p>Add @CyberMaxTools_bot to the group and type /dice (or /dice 50 for a bigger stake). Players tap Join, the starter taps Start, and each player taps Roll on their turn; the bot rolls three Telegram dice. /dicetop shows the group&#x27;s top shooters and /crews the weekly crew league.</p>
+<h3>What is in the Dice &amp; Table Pack?</h3><p>Chrome, Gold, Bone and Neon dice, three tables (Brownstone Stoop, Rooftop and Arcade) and five win emotes, $1.99 once. Looks only: the dice roll exactly the same.</p>
+<h3>What does the Crew Pass add?</h3><p>Crew tables (save your crew and seat them in one tap, with crew stats), your crew name and colours on the dice and share cards, full stats history and two more tables (Night Court and Boardwalk), plus every Dice &amp; Table Pack look; $2.99 once.</p>
+<h3>Does it work on phones?</h3><p>Yes. It is built phone-first: hold and flick to throw, and it adjusts its graphics to keep the dice smooth. It also installs as an app and runs inside Telegram.</p>
+<h3>Is the board tracking my location?</h3><p>No. The region board is opt-in and uses only the region your device&#x27;s time zone already reports (for example New York), never GPS or your exact location.</p>
+<h3>How much is the Stoopshake Crew Pass?</h3><p>$2.99 once, no subscription: it adds crew tables (save your crew and seat them in one tap, with crew stats), your crew name and colours on the dice and share cards, full stats history, two more tables (Night Court and Boardwalk) and every Dice &amp; Table Pack look, for good, and your receipt code works on any device. Every mode, the Daily Table and the daily free chips stay free for everyone. The Dice &amp; Table Pack alone is $1.99 once, and the CyberMax Fun Pass covers every CyberMax game.</p>
+<h2>Similar free games</h2>
+<div class="more"><a href="https://cybermaxtools.com/games/turfbreak/"><b>Turfbreak</b><span>First-person turf war in a rain-soaked night city: take the zones, chain killstreaks</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/games/soaklark/"><b>Soaklark</b><span>3D water-balloon turf war: paint the block, soak rivals</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/privacy">Privacy</a> · <a href="https://cybermaxtools.com/terms">Terms</a></footer>
+</div>
+<script type="module" src="game.js"></script>
+</body></html>

manifest.webmanifest

@@ -0,0 +1,47 @@
+{
+ "name": "Stoopshake: Street dice on the stoop: real 3D physics, 4-5-6",
+ "short_name": "Stoopshake",
+ "description": "Street dice on the stoop: real 3D physics, 4-5-6. 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": "#07060C",
+ "theme_color": "#0B0912",
+ "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"
+  }
+ ]
+}

offer.js

@@ -0,0 +1,2 @@
+// Written by scripts/games/sync_kit.py from products/fun-pass/games.json; do not edit by hand. (c) 2026 CyberMax.
+export const OFFER = {"game": "stoopshake", "name": "Stoopshake", "price": "$2.99", "live": true, "demo": 20, "games": 20, "levels": false};

pack.js

@@ -0,0 +1,133 @@
+// CyberMax game Skin Pack (Stoopshake: the Dice & Table 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 = /^(cmxk1\.[A-Za-z0-9_-]+\.[A-Za-z0-9_-]+|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 */ } });
+
+// Offline Pro keys (17 Oct 2026): "cmxk1.<payload>.<Ed25519 signature>" from data.cybermaxtools.com/unlock is verified here
+// with WebCrypto and this public key, so an unlock needs no Worker call. Expired, foreign-signed or unverifiable keys fall
+// back to the online check of the order code inside them, as before.
+const CMX_PUB = 'u0FDxbu0d9B9Sz5-yLT6AuL5IagyTlFcbBgEDqZxWtk';
+const b64d = (s) => { s = s.replace(/-/g, '+').replace(/_/g, '/'); while (s.length % 4) s += '='; return Uint8Array.from(atob(s), (c) => c.charCodeAt(0)); };
+async function cmxKeyOk(k, app, online) {
+  const [tag, body, sig] = k.split('.');
+  let p;
+  try { p = JSON.parse(new TextDecoder().decode(b64d(body))); } catch { return false; }
+  if (!p || p.a !== app) return false;
+  try {
+    const key = await crypto.subtle.importKey('raw', b64d(CMX_PUB), { name: 'Ed25519' }, false, ['verify']);
+    if (await crypto.subtle.verify({ name: 'Ed25519' }, key, b64d(sig), new TextEncoder().encode(tag + '.' + body)) && (!p.x || p.x * 1000 > Date.now())) return true;
+  } catch { /* no Ed25519 here: online check below */ }
+  return p.c ? online(p.c) : false;
+}
+async function check(code) {
+  if (/^cmxk1\./.test(code)) return cmxKeyOk(code, `${cfg.game}-skins`, checkOnline);
+  return checkOnline(code);
+}
+async function checkOnline(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} Dice & Table Pack is on. New dice, tables and win emotes are yours!`, 3500);
+    emit(); render();
+  } else if (ok === false) toast('That code is not a Dice & Table 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-key=([^&]+)/.exec(location.hash || '') || /[#&]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} Dice & Table Pack</p><h2>Your Dice & Table Pack is on. Thank you!</h2>
+      <p>Pick dice, tables and emotes under STYLE on the home screen.</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} Dice & Table Pack</p>
+    <h2>${cfg.title || 'Dice & Table Pack'}, ${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 dice odds and chips 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 Dice & Table 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}`);
+}
+
+// Direct checkout (17 Oct 2026, Workers cap fix): a click on a data.cybermaxtools.com/buy/<offer> link goes straight to the
+// Stripe/Polar checkout (static map https://cybermaxtools.com/store/buy-direct.json); the click is counted by a beacon.
+(() => {
+  if (typeof document === 'undefined' || window.__cmxBd) return;
+  window.__cmxBd = 1;
+  let MAP = null;
+  try { MAP = JSON.parse(sessionStorage.getItem('cmx-bd') || 'null'); } catch { /* none */ }
+  if (!MAP) fetch('https://cybermaxtools.com/store/buy-direct.json').then((r) => r.json()).then((j) => { MAP = j; try { sessionStorage.setItem('cmx-bd', JSON.stringify(j)); } catch { /* full */ } }).catch(() => {});
+  document.addEventListener('click', (e) => {
+    const a = e.target && e.target.closest && e.target.closest('a[href*="data.cybermaxtools.com/buy/"]');
+    if (!a || !MAP || !MAP.offers) return;
+    try {
+      const u = new URL(a.href);
+      const k = /^\/buy\/([a-z0-9-]+)\/?$/.exec(u.pathname);
+      const t = k && MAP.offers[k[1]];
+      if (!t) return;
+      const s = String(u.searchParams.get('s') || 'unknown').toLowerCase().replace(/[^a-z0-9-]/g, '').slice(0, 80) || 'unknown';
+      a.href = t.split(MAP.ph).join(s);
+      if (!navigator.webdriver) navigator.sendBeacon(u.href + (u.search ? '&' : '?') + 'b=1');
+    } catch { /* keep the counted link */ }
+  }, true);
+})();

rules.js

@@ -0,0 +1,206 @@
+// Stoopshake rules engine: classic Cee-lo with three dice, plus the free-chip economy, ranks, bots, the daily table and
+// the async challenge link. Pure (no DOM, no clock unless passed, no Math.random unless no rng is passed), so the unit tests
+// cover every outcome and the Telegram table (data Worker src/tgdice.js) scores rolls the same way.
+// Rules (shown on first open):
+//   4-5-6 wins on the spot, 1-2-3 loses on the spot; trips beat any point (higher trips win); a pair plus a single sets the
+//   point (the single die is the point, 1-6); anything else is no score: roll again.
+// Chips are free play chips: daily refill, earned by playing, never bought, sold, traded or cashed out. No prizes.
+// (c) 2026 CyberMax. All rights reserved.
+
+export const FACES = ['⚀', '⚁', '⚂', '⚃', '⚄', '⚅'];
+export const face = (n) => FACES[n - 1] || '?';
+
+/** Score three dice. Returns { kind: '456'|'123'|'trips'|'point'|'none', value, rank, instant, label, short }. */
+export function score(dice) {
+  if (!Array.isArray(dice) || dice.length !== 3 || dice.some((d) => !Number.isInteger(d) || d < 1 || d > 6)) throw new Error('three dice 1-6');
+  const [a, b, c] = [...dice].sort((x, y) => x - y);
+  if (a === 4 && b === 5 && c === 6) return { kind: '456', value: 6, rank: 100, instant: 'win', label: '4-5-6! Instant win', short: '4-5-6' };
+  if (a === 1 && b === 2 && c === 3) return { kind: '123', value: 1, rank: -100, instant: 'loss', label: '1-2-3. Instant loss', short: '1-2-3' };
+  if (a === b && b === c) return { kind: 'trips', value: a, rank: 50 + a, instant: null, label: `Trip ${a}s`, short: `Trips ${a}` };
+  if (a === b || b === c) {
+    const single = a === b ? c : a;
+    return { kind: 'point', value: single, rank: 10 + single, instant: null, label: `Point ${single}`, short: `Point ${single}` };
+  }
+  return { kind: 'none', value: 0, rank: null, instant: null, label: 'No score. Roll again', short: 'No score' };
+}
+export const scores = (s) => s.kind !== 'none';
+
+/** -1 / 0 / 1: does score a beat score b? (both must be scoring rolls) */
+export function compare(a, b) { return Math.sign(a.rank - b.rank); }
+
+/** Table (2-6 seats, everyone antes the same stake). results: [{ seat, score }] in roll order; a 4-5-6 ends the round at once.
+ *  Returns { winners: [seat], instant: bool, out: [seat] (1-2-3) }. Several winners = a roll-off between them. */
+export function tableWinners(results) {
+  const inst = results.find((r) => r.score.kind === '456');
+  if (inst) return { winners: [inst.seat], instant: true, out: results.filter((r) => r.score.kind === '123').map((r) => r.seat) };
+  const live = results.filter((r) => r.score.kind !== '123' && r.score.kind !== 'none');
+  const out = results.filter((r) => r.score.kind === '123').map((r) => r.seat);
+  if (!live.length) return { winners: results.map((r) => r.seat), instant: false, out: [] }; // everyone rolled 1-2-3: all roll again
+  const best = Math.max(...live.map((r) => r.score.rank));
+  return { winners: live.filter((r) => r.score.rank === best).map((r) => r.seat), instant: false, out };
+}
+
+/** Banker mode, from the player's side: 'win' | 'lose' | 'push'. bank = banker's scoring roll; player = player's (or null if
+ *  the banker's roll already settled every bet: 4-5-6 = bank takes all, 1-2-3 = bank pays all). */
+export function bankerSettle(bank, player) {
+  if (bank.kind === '456') return 'lose';
+  if (bank.kind === '123') return 'win';
+  if (!player) throw new Error('player roll needed');
+  if (player.kind === '456') return 'win';
+  if (player.kind === '123') return 'lose';
+  const c = compare(player, bank);
+  return c > 0 ? 'win' : c < 0 ? 'lose' : 'push';
+}
+/** The bank passes to a player who beat it with 4-5-6 or trips (classic rule); else the banker keeps it. */
+export const takesBank = (bank, player, outcome) => outcome === 'win' && player && (player.kind === '456' || player.kind === 'trips');
+
+/** Quick 1v1: the first roller's instant result ends it; else both roll and compare (tie = shoot-off). */
+export function duel(first, second) {
+  if (first.kind === '456') return { winner: 0, instant: true };
+  if (first.kind === '123') return { winner: 1, instant: true };
+  if (!second) return { winner: null, instant: false };
+  if (second.kind === '456') return { winner: 1, instant: true };
+  if (second.kind === '123') return { winner: 0, instant: true };
+  const c = compare(first, second);
+  return { winner: c > 0 ? 0 : c < 0 ? 1 : null, instant: false, tie: c === 0 };
+}
+
+// ------------------------------------------------------------------ free chips (never bought, sold or cashed out)
+export const START_CHIPS = 500;
+export const DAILY_FLOOR = 500;     // each new day tops you back up to at least this
+export const DAILY_BONUS = 100;     // + this for showing up (streak days add a little more, capped)
+export const STAKES = [10, 25, 50, 100, 250];
+
+export function newWallet(day) { return { chips: START_CHIPS, day, streakDays: 1, bestStreak: 0, winStreak: 0, rep: 0, played: 0, won: 0, best: null, big: { r456: 0, trips: 0, r123: 0 } }; }
+/** Daily refill: on a new day, top up to DAILY_FLOOR and add the visit bonus. Returns { wallet, gift } (gift = chips added). */
+export function dailyRefill(w, day) {
+  if (!w) return { wallet: newWallet(day), gift: START_CHIPS };
+  if (w.day === day) return { wallet: w, gift: 0 };
+  const streakDays = w.day === day - 1 ? Math.min(30, (w.streakDays || 1) + 1) : 1;
+  const bonus = DAILY_BONUS + Math.min(10, streakDays - 1) * 10;
+  const chips = Math.max(w.chips, DAILY_FLOOR) + bonus;
+  return { wallet: { ...w, day, streakDays, chips }, gift: chips - w.chips };
+}
+/** Settle one round for the local player: delta chips (+ or -), rep earned, streak. */
+export function settle(w, { delta, sc, won }) {
+  const out = { ...w, big: { ...w.big } };
+  out.chips = Math.max(0, w.chips + delta);
+  out.played += 1;
+  if (won) { out.won += 1; out.winStreak = (w.winStreak || 0) + 1; out.bestStreak = Math.max(w.bestStreak || 0, out.winStreak); } else if (won === false) out.winStreak = 0;
+  let rep = won ? 10 : 2;
+  if (sc && sc.kind === '456') { rep += 5; out.big.r456 += 1; }
+  if (sc && sc.kind === 'trips') { rep += 3 + sc.value; out.big.trips += 1; }
+  if (sc && sc.kind === '123') out.big.r123 += 1;
+  out.rep = (w.rep || 0) + rep;
+  if (sc && scores(sc) && (!w.best || sc.rank > w.best.rank)) out.best = { kind: sc.kind, value: sc.value, rank: sc.rank, short: sc.short };
+  return out;
+}
+
+export const RANKS = [
+  { id: 'rookie', name: 'Rookie', at: 0 }, { id: 'regular', name: 'Regular', at: 100 }, { id: 'shooter', name: 'Shooter', at: 400 },
+  { id: 'captain', name: 'Captain', at: 1200 }, { id: 'champ', name: 'Champ', at: 3000 }, { id: 'legend', name: 'Legend', at: 7500 },
+];
+export function rankOf(rep = 0) {
+  let i = 0;
+  for (let k = 0; k < RANKS.length; k++) if (rep >= RANKS[k].at) i = k;
+  const next = RANKS[i + 1];
+  return { ...RANKS[i], index: i, next: next || null, toNext: next ? next.at - rep : 0, pct: next ? (rep - RANKS[i].at) / (next.at - RANKS[i].at) : 1 };
+}
+
+// ------------------------------------------------------------------ bots with personalities (friendly trash talk, 13+)
+export const BOTS = [
+  { id: 'dot', name: 'Ms. Dot', vibe: 'the block grandma', power: 0.55, risk: 0.3, color: '#F4B6C2',
+    lines: { hi: ['Sit down, baby. Let Ms. Dot show you.', 'I was shaking dice before your phone was born.'], win: ['Mm-hm. Grandma still got it.', 'Go get you some practice, sugar.'], lose: ['Beginner\'s luck. I\'ll allow it.', 'Okay, okay. Run it back.'], big: ['That\'s how we did it back in my day.', 'Now THAT is a roll.'] } },
+  { id: 'pip', name: 'Lil Pip', vibe: 'the showboat', power: 0.95, risk: 0.8, color: '#7CF7C8',
+    lines: { hi: ['Cameras out. Lil Pip in the building.', 'Hope you stretched.'], win: ['Too easy. Somebody clip that.', 'Light work.'], lose: ['Nah, the curb moved.', 'I let you have that one.'], big: ['SHEEESH. Did you see that?', 'Put it on the big screen.'] } },
+  { id: 'prof', name: 'The Professor', vibe: 'calm, does the maths', power: 0.7, risk: 0.45, color: '#9EC5FF',
+    lines: { hi: ['Probability is on nobody\'s side. Shall we?', 'Three dice, 216 outcomes. Only one of them is mine.'], win: ['As calculated.', 'The numbers were kind.'], lose: ['Variance. Noted.', 'A fair result. Again?'], big: ['Fascinating.', 'A 1 in 36 shot. Lovely.'] } },
+  { id: 'nova', name: 'Nova', vibe: 'cool, quiet, dangerous', power: 0.8, risk: 0.6, color: '#C9A2FF',
+    lines: { hi: ['...', 'Your roll.'], win: ['Mm.', 'Again.'], lose: ['Fine.', 'Respect.'], big: ['Ice cold.', 'Yeah.'] } },
+  { id: 'ace', name: 'Big Ace', vibe: 'loud, loves the game', power: 1.0, risk: 0.7, color: '#FFC56B',
+    lines: { hi: ['WHO\'S NEXT?! Big Ace on the stoop!', 'Bring the whole block!'], win: ['THAT\'S WHAT I\'M TALKIN\' ABOUT!', 'Run it back, run it back!'], lose: ['AW, COME ON!', 'Okay, you got me. ONE more.'], big: ['OHHHH! THE BLOCK IS LOUD TONIGHT!', 'Somebody call the whole street!'] } },
+  { id: 'kiko', name: 'Kiko', vibe: 'new on the block, hyped', power: 0.65, risk: 0.5, color: '#FF8FA3',
+    lines: { hi: ['Wait, how does the point work again? Kidding. Let\'s go!', 'First time on this stoop. Be nice.'], win: ['I WON? I WON!', 'Ha! Ranked up!'], lose: ['Next one\'s mine.', 'Learning, learning.'], big: ['NO WAY!', 'Did that just happen?!'] } },
+];
+export const botById = (id) => BOTS.find((b) => b.id === id);
+export function line(bot, mood, rnd = Math.random) { const l = bot.lines[mood] || bot.lines.hi; return l[Math.floor(rnd() * l.length) % l.length]; }
+/** A bot's stake choice for the Table (pot) or as a Banker player. */
+export function botStake(bot, wallet, base, rnd = Math.random) {
+  const opts = STAKES.filter((s) => s <= Math.max(10, wallet));
+  const pick = Math.min(opts.length - 1, Math.max(0, Math.round((bot.risk + (rnd() - 0.5) * 0.4) * (opts.length - 1))));
+  return Math.max(base || 10, opts[pick] || 10);
+}
+
+// ------------------------------------------------------------------ the daily table (same lineup and goal for everyone)
+export const EPOCH = Date.UTC(2026, 9, 2); // CyberMax daily #1 = 2 Oct 2026 (shared with every CyberMax game)
+export const dayNumber = (now = Date.now()) => Math.floor((now - EPOCH) / 864e5) + 1;
+function mulberry(seed) { let t = seed >>> 0; return () => { t += 0x6D2B79F5; let r = Math.imul(t ^ (t >>> 15), 1 | t); r ^= r + Math.imul(r ^ (r >>> 7), 61 | r); return ((r ^ (r >>> 14)) >>> 0) / 4294967296; }; }
+export const rng = mulberry;
+export const DAILY_ROUNDS = 5;
+export function dailyTable(day) {
+  const r = mulberry(day * 7919 + 17);
+  const pool = [...BOTS];
+  const lineup = [];
+  while (lineup.length < 3) lineup.push(pool.splice(Math.floor(r() * pool.length), 1)[0].id);
+  const scenes = ['corner', 'corner', 'stoop', 'rooftop', 'arcade', 'court', 'boardwalk'];
+  return { day, lineup, stake: [25, 50, 50, 100][Math.floor(r() * 4)], rounds: DAILY_ROUNDS, scene: scenes[day % scenes.length], label: `Daily Table #${day}` };
+}
+/** Spoiler-free share text for a finished daily (Wordle-style): one emoji per round. */
+export function dailyCard(day, rounds, net) {
+  const em = rounds.map((x) => (x.sc && x.sc.kind === '456' ? '🔥' : x.sc && x.sc.kind === 'trips' ? '👑' : x.sc && x.sc.kind === '123' ? '💀' : x.won ? '✅' : '❌')).join('');
+  return `Stoopshake Daily #${day} 🎲\n${em}  ${net >= 0 ? '+' : ''}${net} chips\nNo real money. Just for fun.`;
+}
+
+// ------------------------------------------------------------------ async challenge links (state in the URL, no server)
+// { v, n: [nameA, nameB], s: [winsA, winsB], k: round, t: whose turn (0/1), d: last roll [x,y,z] or null, w: first to }
+const b64u = (s) => (typeof btoa === 'function' ? btoa(unescape(encodeURIComponent(s))) : Buffer.from(s, 'utf8').toString('base64')).replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/, '');
+const unb64u = (s) => { const t = s.replace(/-/g, '+').replace(/_/g, '/'); return typeof atob === 'function' ? decodeURIComponent(escape(atob(t))) : Buffer.from(t, 'base64').toString('utf8'); };
+function sum(str) { let h = 2166136261; for (let i = 0; i < str.length; i++) { h ^= str.charCodeAt(i); h = Math.imul(h, 16777619); } return (h >>> 0).toString(36).slice(-4); }
+export const cleanName = (s) => String(s || '').replace(/[^\p{L}\p{N} ._-]/gu, '').replace(/\s+/g, ' ').trim().slice(0, 14) || 'Player';
+export function encodeChallenge(st) {
+  const o = { v: 1, n: st.n.map(cleanName), s: st.s.map((x) => Math.max(0, Math.min(9, x | 0))), k: Math.max(1, st.k | 0), t: st.t ? 1 : 0, d: st.d || null, w: st.w || 3 };
+  const j = JSON.stringify(o);
+  return `${b64u(j)}.${sum(j)}`;
+}
+export function decodeChallenge(code) {
+  try {
+    const [p, c] = String(code || '').split('.');
+    const j = unb64u(p);
+    if (sum(j) !== c) return null;
+    const o = JSON.parse(j);
+    if (o.v !== 1 || !Array.isArray(o.n) || o.n.length !== 2 || !Array.isArray(o.s)) return null;
+    if (o.d && (!Array.isArray(o.d) || o.d.length !== 3 || o.d.some((x) => !Number.isInteger(x) || x < 1 || x > 6))) return null;
+    return { n: o.n.map(cleanName), s: o.s.map((x) => x | 0), k: o.k | 0, t: o.t ? 1 : 0, d: o.d, w: o.w || 3 };
+  } catch { return null; }
+}
+/** Apply one async turn: the player whose turn it is rolled `dice` (a scoring roll). Returns the next state + what happened.
+ *  Round flow: A rolls (d stored), B rolls and the round is decided against A's stored roll; then the loser of the round
+ *  starts the next one. A 4-5-6 or 1-2-3 by the first roller decides the round at once. Ties replay the round. */
+export function challengeTurn(st, dice) {
+  const me = st.t; const sc = score(dice);
+  if (!scores(sc)) throw new Error('scoring roll needed');
+  const next = { ...st, s: [...st.s] };
+  if (!st.d) { // first roller of this round
+    if (sc.instant) { const w = sc.instant === 'win' ? me : 1 - me; next.s[w] += 1; next.k += 1; next.d = null; next.t = 1 - w; return { st: next, sc, round: { winner: w, instant: true } }; }
+    next.d = dice; next.t = 1 - me; return { st: next, sc, round: null };
+  }
+  const first = score(st.d);
+  const r = duel(first, sc); // first = the other player
+  next.d = null;
+  if (r.winner === null) { next.t = 1 - me; return { st: next, sc, round: { winner: null, tie: true } }; } // tie: the other player rolls first again
+  const w = r.winner === 0 ? 1 - me : me;
+  next.s[w] += 1; next.k += 1; next.t = 1 - w;
+  return { st: next, sc, round: { winner: w } };
+}
+export const seriesOver = (st) => (st.s[0] >= st.w ? 0 : st.s[1] >= st.w ? 1 : null);
+
+// ------------------------------------------------------------------ region board (opt-in, coarse, never precise)
+/** Coarse region from what the browser already reports (time zone + language). Never GPS. e.g. "New York · US". */
+export function regionOf(tz, lang) {
+  const t = String(tz || '');
+  const city = (t.split('/').pop() || '').replace(/_/g, ' ').replace(/[^A-Za-z .-]/g, '').slice(0, 24);
+  const cc = (/[-_]([A-Za-z]{2})$/.exec(String(lang || '')) || [])[1];
+  const area = t.split('/')[0] || '';
+  const label = city ? `${city}${cc ? ` · ${cc.toUpperCase()}` : ''}` : (cc ? cc.toUpperCase() : 'Earth');
+  return { id: `${area}/${city}`.toLowerCase().replace(/[^a-z/ .-]/g, '').slice(0, 40) || 'earth', label, cc: cc ? cc.toUpperCase() : '' };
+}

stage3d.js

@@ -0,0 +1,325 @@
+// CyberMax 3D stage: the shared Three.js (r170, ./vendor, MIT) look for CyberMax games, built from Soaklark 3D's
+// renderer patterns. Toon materials with a rim light, HDR scene target with MSAA, two-level bloom, ACES tone map,
+// colour grading, vignette, hit flash, chromatic kick on impacts, camera shake (trauma), a GPU-light particle pool,
+// gradient sky domes and adaptive resolution. Each game builds its own scene with it and keeps its rules in core.js;
+// the game's 2D canvas renderer stays as the no-WebGL2 fallback. Copied into each 3D game by scripts/games/sync_kit.py.
+// (c) 2026 CyberMax. All rights reserved.
+import * as THREE from 'three';
+
+export { THREE };
+export const col = (c) => new THREE.Color(c);
+export const clamp01 = (t) => Math.max(0, Math.min(1, t));
+export const lerp = (a, b, t) => a + (b - a) * t;
+export const ease = (t) => (t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2);
+export const damp = (a, b, k, dt) => b + (a - b) * Math.exp(-k * dt);
+
+/** True when this browser can run the 3D stage (WebGL2). `?2d=1` forces the 2D renderer. */
+export function canRun3d() {
+  try {
+    if (/[?&]2d=1/.test(location.search)) return false;
+    const c = document.createElement('canvas');
+    return !!c.getContext('webgl2');
+  } catch { return false; }
+}
+
+const NOISE = `
+float h21(vec2 p){ p = fract(p*vec2(123.34, 456.21)); p += dot(p, p+45.32); return fract(p.x*p.y); }
+float vnoise(vec2 p){ vec2 i=floor(p); vec2 f=fract(p); f=f*f*(3.-2.*f);
+  return mix(mix(h21(i),h21(i+vec2(1,0)),f.x), mix(h21(i+vec2(0,1)),h21(i+vec2(1,1)),f.x), f.y); }`;
+const FSQ_V = 'varying vec2 vUv; void main(){ vUv = uv; gl_Position = vec4(position.xy, 0., 1.); }';
+const BRIGHT_F = `uniform sampler2D t; uniform float uTh; uniform vec2 uPx; varying vec2 vUv;
+void main(){ vec3 c = vec3(0.);
+  c += texture2D(t, vUv + uPx*vec2(-1.,-1.)).rgb; c += texture2D(t, vUv + uPx*vec2(1.,-1.)).rgb;
+  c += texture2D(t, vUv + uPx*vec2(-1.,1.)).rgb; c += texture2D(t, vUv + uPx*vec2(1.,1.)).rgb; c *= 0.25;
+  float l = max(c.r, max(c.g, c.b)); float k = smoothstep(uTh, uTh + 0.8, l); gl_FragColor = vec4(min(c * k, vec3(24.)), 1.); }`;
+const BLUR_F = `uniform sampler2D t; uniform vec2 uDir; varying vec2 vUv;
+void main(){ vec3 c = texture2D(t, vUv).rgb * 0.227027;
+  c += texture2D(t, vUv + uDir*1.3846).rgb * 0.3162162; c += texture2D(t, vUv - uDir*1.3846).rgb * 0.3162162;
+  c += texture2D(t, vUv + uDir*3.2308).rgb * 0.0702703; c += texture2D(t, vUv - uDir*3.2308).rgb * 0.0702703;
+  gl_FragColor = vec4(c, 1.); }`;
+const COMP_F = `uniform sampler2D tScene, tB1, tB2; uniform float uBloom, uExp, uSat, uCon, uVig, uTime, uFlash, uLdr, uAb, uGrain;
+uniform vec3 uLift, uGain, uFlashCol; varying vec2 vUv; ${NOISE}
+vec3 aces(vec3 x){ return clamp((x*(2.51*x+0.03))/(x*(2.43*x+0.59)+0.14), 0., 1.); }
+void main(){
+  vec2 uv = vUv; vec2 d = uv - 0.5;
+  vec3 c;
+  if (uAb > 0.0005) { vec2 o = d * uAb; c = vec3(texture2D(tScene, uv + o).r, texture2D(tScene, uv).g, texture2D(tScene, uv - o).b); }
+  else c = texture2D(tScene, uv).rgb;
+  c += (texture2D(tB1, uv).rgb * 0.75 + texture2D(tB2, uv).rgb * 1.0) * uBloom;
+  c *= uExp;
+  c = mix(aces(c), clamp(c, 0., 1.), uLdr);
+  c = pow(c, vec3(1./2.2));
+  float l = dot(c, vec3(0.299, 0.587, 0.114)); c = mix(vec3(l), c, uSat);
+  c = (c - 0.5) * uCon + 0.5; c = c * uGain + uLift * (1. - c);
+  c *= 1. - uVig * dot(d, d) * 1.7;
+  c += (h21(uv * 913.7 + fract(uTime * 7.31)) - 0.5) * uGrain;
+  c = mix(c, uFlashCol, uFlash);
+  gl_FragColor = vec4(clamp(c, 0., 1.), 1.);
+}`;
+const SKY_V = 'varying vec3 vP; void main(){ vP = normalize(position); vec4 p = projectionMatrix * modelViewMatrix * vec4(position, 1.); gl_Position = p.xyww; }';
+const SKY_F = `uniform vec3 uTop, uHor, uLow, uGlowCol; uniform vec3 uGlowDir; uniform float uStars, uTime, uGlow, uCurve; varying vec3 vP; ${NOISE}
+void main(){ vec3 p = normalize(vP); float y = p.y;
+  vec3 c = y > 0. ? mix(uHor, uTop, pow(y, uCurve)) : mix(uHor, uLow, pow(-y, uCurve * 0.85));
+  float s = max(dot(p, normalize(uGlowDir)), 0.); c += uGlowCol * (pow(s, 8.) * 0.6 + pow(s, 90.) * 2.5) * uGlow;
+  if (uStars > 0.) { vec2 g = vec2(atan(p.z, p.x) * 60., p.y * 80.); vec2 id = floor(g); float r = h21(id);
+    float st = step(0.975, r) * smoothstep(0.45, 0., length(fract(g) - 0.5)); c += vec3(st) * (0.55 + 0.45 * sin(uTime * 2. + r * 40.)) * uStars * smoothstep(-0.1, 0.3, y) * 2.2; }
+  gl_FragColor = vec4(c, 1.); }`;
+const PART_V = `attribute vec3 aCol; attribute float aSize; attribute float aA; varying vec3 vC; varying float vA; uniform float uScale;
+void main(){ vC = aCol; vA = aA; vec4 mv = modelViewMatrix * vec4(position, 1.); gl_Position = projectionMatrix * mv; gl_PointSize = aSize * uScale / max(-mv.z, 0.1); }`;
+const PART_F = `varying vec3 vC; varying float vA; void main(){ vec2 q = gl_PointCoord - 0.5; float d = length(q); if (d > 0.5) discard;
+  float k = smoothstep(0.5, 0.0, d); gl_FragColor = vec4(vC * (0.6 + 1.6 * k * k), vA * k); }`;
+
+/** A pool of glowing particles (sparks, dust, confetti), updated on the CPU and drawn as one additive point cloud. */
+class Particles {
+  constructor(n = 1600) {
+    this.n = n; this.i = 0; this.live = new Float32Array(n * 10); // x y z vx vy vz life max size drag
+    this.cr = new Float32Array(n * 3);
+    const g = new THREE.BufferGeometry();
+    this.pos = new THREE.Float32BufferAttribute(new Float32Array(n * 3), 3); this.pos.setUsage(THREE.DynamicDrawUsage);
+    this.colA = new THREE.Float32BufferAttribute(new Float32Array(n * 3), 3); this.colA.setUsage(THREE.DynamicDrawUsage);
+    this.size = new THREE.Float32BufferAttribute(new Float32Array(n), 1); this.size.setUsage(THREE.DynamicDrawUsage);
+    this.al = new THREE.Float32BufferAttribute(new Float32Array(n), 1); this.al.setUsage(THREE.DynamicDrawUsage);
+    g.setAttribute('position', this.pos); g.setAttribute('aCol', this.colA); g.setAttribute('aSize', this.size); g.setAttribute('aA', this.al);
+    g.boundingSphere = new THREE.Sphere(new THREE.Vector3(), 1e6);
+    this.U = { uScale: { value: 300 } };
+    this.mesh = new THREE.Points(g, new THREE.ShaderMaterial({ vertexShader: PART_V, fragmentShader: PART_F, uniforms: this.U, transparent: true, depthWrite: false, blending: THREE.AdditiveBlending }));
+    this.mesh.frustumCulled = false; this.mesh.renderOrder = 10;
+    this.grav = 0;
+  }
+  /** Burst `n` particles at (x,y,z). colors: CSS colours; speed in world units/s; life in s; up: extra upward kick. */
+  burst(x, y, z, { n = 30, colors = ['#FFFFFF'], speed = 30, life = 0.8, size = 3, drag = 2.2, up = 0, spread = 1, hdr = 2.2, dir = null } = {}) {
+    const cs = colors.map((c) => col(c).multiplyScalar(hdr));
+    for (let k = 0; k < n; k++) {
+      const i = this.i; this.i = (this.i + 1) % this.n; const o = i * 10;
+      let vx = Math.random() * 2 - 1, vy = Math.random() * 2 - 1, vz = Math.random() * 2 - 1; const l = Math.hypot(vx, vy, vz) || 1;
+      const s = speed * (0.35 + Math.random() * 0.65) * spread;
+      vx = vx / l * s; vy = vy / l * s + up; vz = vz / l * s;
+      if (dir) { vx += dir[0]; vy += dir[1]; vz += dir[2]; }
+      const L = life * (0.6 + Math.random() * 0.6);
+      this.live.set([x, y, z, vx, vy, vz, L, L, size * (0.6 + Math.random() * 0.8), drag], o);
+      const c = cs[k % cs.length]; this.cr[i * 3] = c.r; this.cr[i * 3 + 1] = c.g; this.cr[i * 3 + 2] = c.b;
+    }
+  }
+  update(dt) {
+    const P = this.pos.array, C = this.colA.array, S = this.size.array, A = this.al.array, L = this.live;
+    for (let i = 0; i < this.n; i++) {
+      const o = i * 10;
+      if (L[o + 6] <= 0) { A[i] = 0; S[i] = 0; continue; }
+      L[o + 6] -= dt; const f = Math.exp(-L[o + 9] * dt);
+      L[o + 3] *= f; L[o + 4] = L[o + 4] * f - this.grav * dt; L[o + 5] *= f;
+      L[o] += L[o + 3] * dt; L[o + 1] += L[o + 4] * dt; L[o + 2] += L[o + 5] * dt;
+      const t = Math.max(0, L[o + 6] / L[o + 7]);
+      P[i * 3] = L[o]; P[i * 3 + 1] = L[o + 1]; P[i * 3 + 2] = L[o + 2];
+      C[i * 3] = this.cr[i * 3]; C[i * 3 + 1] = this.cr[i * 3 + 1]; C[i * 3 + 2] = this.cr[i * 3 + 2];
+      S[i] = L[o + 8] * (0.4 + 0.6 * t); A[i] = Math.min(1, t * 1.6);
+    }
+    this.pos.needsUpdate = this.colA.needsUpdate = this.size.needsUpdate = this.al.needsUpdate = true;
+  }
+  clear() { this.live.fill(0); }
+}
+
+// A tube bent along an arc in the vertex shader, so one geometry serves every blade/zone/progress length.
+export function arcGeo(seg = 72, around = 8, flat = false) {
+  const pos = [], idx = [];
+  for (let i = 0; i <= seg; i++) for (let j = 0; j <= around; j++) {
+    const v = (j / around) * Math.PI * 2;
+    pos.push(i / seg, flat ? (j / around) * 2 - 1 : Math.cos(v), flat ? 0 : Math.sin(v));
+  }
+  for (let i = 0; i < seg; i++) for (let j = 0; j < around; j++) {
+    const a = i * (around + 1) + j, b = a + around + 1;
+    idx.push(a, b, a + 1, b, b + 1, a + 1);
+  }
+  const g = new THREE.BufferGeometry(); g.setAttribute('position', new THREE.Float32BufferAttribute(pos, 3)); g.setIndex(idx);
+  g.boundingSphere = new THREE.Sphere(new THREE.Vector3(), 20);
+  return g;
+}
+export const TUBE = arcGeo(72, 8), RIBBON = arcGeo(72, 1, true);
+/** Unlit HDR material for TUBE/RIBBON (always transparent: arc materials share one program, and an opaque one would
+ * force alpha 1 on every other one): setArc(mesh, startAngle, length, radius, thickness, y) bends it (XZ plane). */
+export function arcMat(color, k = 2.5, { opacity = 1, additive = false, dash = 0 } = {}) {
+  const U = { uA0: { value: 0 }, uLen: { value: 1 }, uR: { value: 1 }, uTube: { value: 0.05 }, uY: { value: 0 }, uDash: { value: dash }, uTime: { value: 0 } };
+  const m = new THREE.MeshBasicMaterial({ color: col(color).multiplyScalar(k), transparent: true, opacity, depthWrite: !(additive || opacity < 1), blending: additive ? THREE.AdditiveBlending : THREE.NormalBlending, side: THREE.DoubleSide });
+  m.onBeforeCompile = (s) => {
+    Object.assign(s.uniforms, U);
+    s.vertexShader = s.vertexShader.replace('#include <common>', '#include <common>\nuniform float uA0, uLen, uR, uTube, uY; varying float vS;')
+      .replace('#include <begin_vertex>', 'float th = uA0 + position.x * uLen; float rr = uR + position.y * uTube; vec3 transformed = vec3(cos(th) * rr, uY + position.z * uTube, sin(th) * rr); vS = position.x * uLen;');
+    s.fragmentShader = s.fragmentShader.replace('#include <common>', '#include <common>\nuniform float uDash, uTime; varying float vS;')
+      .replace('#include <opaque_fragment>', 'if (uDash > 0. && fract(vS * uDash - uTime * 2.) > 0.5) discard;\n#include <opaque_fragment>');
+  };
+  m.customProgramCacheKey = () => `arc${dash > 0 ? 'd' : ''}`;
+  m.forceSinglePass = true;
+  m.U = U; return m;
+}
+export function setArc(m, a0, len, r, tube, y = 0) { const U = m.material.U; U.uA0.value = a0; U.uLen.value = len; U.uR.value = r; U.uTube.value = tube; U.uY.value = y; }
+
+
+export class Stage {
+  /**
+   * canvas: the WebGL canvas. opts: { tier: 'high'|'low', record, bloom, threshold, exposure, sat, con, vig, lift, gain, grain, fov }
+   */
+  constructor(canvas, opts = {}) {
+    this.canvas = canvas;
+    const gl = canvas.getContext('webgl2', { antialias: false, alpha: false, depth: true, stencil: false, powerPreference: 'high-performance', preserveDrawingBuffer: !!opts.record });
+    if (!gl) throw new Error('webgl2');
+    this.r = new THREE.WebGLRenderer({ canvas, context: gl, antialias: false });
+    this.r.outputColorSpace = THREE.LinearSRGBColorSpace; this.r.toneMapping = THREE.NoToneMapping;
+    this.r.shadowMap.enabled = !!opts.shadows; this.r.shadowMap.type = THREE.PCFSoftShadowMap;
+    this.r.setPixelRatio(1);
+    const mobile = /Android|iPhone|iPad|Mobile/i.test(navigator.userAgent) && !opts.record;
+    this.tier = opts.tier || (mobile ? 'low' : 'high');
+    this.hdr = this.r.extensions.has('EXT_color_buffer_float') || this.r.extensions.has('EXT_color_buffer_half_float');
+    this.q = { scale: 1, msaa: this.tier === 'high' ? 4 : 2, maxPr: this.tier === 'high' ? 2 : 1.75, bloom: true };
+    this.look = { bloom: 0.8, threshold: 0.9, exposure: 1, sat: 1.12, con: 1.05, vig: 0.55, lift: [0.01, 0.0, 0.03], gain: [1, 1, 1], grain: 0.025, ...opts };
+    this.scene = new THREE.Scene();
+    this.cam = new THREE.PerspectiveCamera(opts.fov || 50, 1, 0.1, 4000);
+    this.camBase = new THREE.Vector3(); this.camLook = new THREE.Vector3();
+    this.gradient = (() => { const d = new Uint8Array([110, 110, 110, 255, 170, 170, 170, 255, 225, 225, 225, 255, 255, 255, 255, 255]); const t = new THREE.DataTexture(d, 4, 1, THREE.RGBAFormat); t.minFilter = t.magFilter = THREE.NearestFilter; t.needsUpdate = true; return t; })();
+    this.rimU = { value: col(opts.rim || '#8FA8FF').multiplyScalar(0.5) };
+    this.t = 0; this.trauma = 0; this.flashA = 0; this.flashCol = col('#FFFFFF'); this.kick = 0;
+    this.parts = new Particles(opts.particles || 1600); this.scene.add(this.parts.mesh);
+    this.post();
+    this.ft = 16; this.slow = 0; this.fast = 0; this.frames = 0; this.strikes = 0; this.tooSlow = false;
+    this.auto = !opts.fixedQuality && !opts.record && !/[?&](fixedq|3d)=1/.test(location.search);
+  }
+
+  // ---------- materials
+  /** Cel-shaded material with a rim light (Soaklark look). */
+  toon(opts = {}, rim = 1) {
+    const m = new THREE.MeshToonMaterial({ gradientMap: this.gradient, ...opts });
+    const R = this.rimU;
+    m.onBeforeCompile = (s) => {
+      s.uniforms.uRim = R;
+      s.fragmentShader = s.fragmentShader.replace('#include <common>', '#include <common>\nuniform vec3 uRim;')
+        .replace('#include <opaque_fragment>', `float rimF = 1.0 - max(dot(normalize(vViewPosition), normal), 0.0);\noutgoingLight += uRim * ${rim.toFixed(2)} * smoothstep(0.6, 0.95, rimF);\n#include <opaque_fragment>`);
+    };
+    return m;
+  }
+  /** Unlit HDR colour: anything brighter than ~1 blooms. */
+  glow(color, k = 2.5, o = {}) { return new THREE.MeshBasicMaterial({ color: col(color).multiplyScalar(k), toneMapped: false, ...o }); }
+  /** Back-face outline shell for a mesh (inverted hull). */
+  outline(mesh, t = 0.06, color = '#0A0B14') {
+    const m = new THREE.Mesh(mesh.geometry, new THREE.MeshBasicMaterial({ color, side: THREE.BackSide }));
+    m.scale.setScalar(1 + t); mesh.add(m); return m;
+  }
+  /** Gradient sky dome (top / horizon / below), optional glow (sun or moon) and twinkling stars. */
+  sky({ top = '#0A0B2A', hor = '#3A1E6E', low = '#05060F', glow = '#FF8A5C', glowDir = [0.3, 0.25, -1], glowK = 1, stars = 0, curve = 0.6 } = {}) {
+    if (this.skyMesh) { this.scene.remove(this.skyMesh); this.skyMesh.material.dispose(); }
+    const U = { uTop: { value: col(top) }, uHor: { value: col(hor) }, uLow: { value: col(low) }, uGlowCol: { value: col(glow) }, uGlowDir: { value: new THREE.Vector3(...glowDir) }, uStars: { value: stars }, uTime: { value: 0 }, uGlow: { value: glowK }, uCurve: { value: curve } };
+    const m = new THREE.Mesh(new THREE.SphereGeometry(1000, 32, 16), new THREE.ShaderMaterial({ vertexShader: SKY_V, fragmentShader: SKY_F, uniforms: U, side: THREE.BackSide, depthWrite: false }));
+    m.frustumCulled = false; m.renderOrder = -10; this.skyU = U; this.skyMesh = m; this.scene.add(m);
+    return m;
+  }
+
+  // ---------- post-processing
+  post() {
+    const type = this.hdr ? THREE.HalfFloatType : THREE.UnsignedByteType;
+    this.rtS = new THREE.WebGLRenderTarget(4, 4, { type, samples: this.q.msaa, depthBuffer: true });
+    this.rtB = [0, 1, 2, 3].map(() => new THREE.WebGLRenderTarget(4, 4, { type, depthBuffer: false }));
+    const tri = new THREE.BufferGeometry();
+    tri.setAttribute('position', new THREE.Float32BufferAttribute([-1, -1, 0, 3, -1, 0, -1, 3, 0], 3));
+    tri.setAttribute('uv', new THREE.Float32BufferAttribute([0, 0, 2, 0, 0, 2], 2));
+    const mk = (f, u) => new THREE.ShaderMaterial({ vertexShader: FSQ_V, fragmentShader: f, uniforms: u, depthTest: false, depthWrite: false });
+    this.mBright = mk(BRIGHT_F, { t: { value: null }, uTh: { value: 1 }, uPx: { value: new THREE.Vector2() } });
+    this.mBlur = mk(BLUR_F, { t: { value: null }, uDir: { value: new THREE.Vector2() } });
+    this.mComp = mk(COMP_F, { tScene: { value: null }, tB1: { value: null }, tB2: { value: null }, uBloom: { value: 0.8 }, uExp: { value: 1 }, uSat: { value: 1.1 }, uCon: { value: 1.05 },
+      uVig: { value: 0.55 }, uTime: { value: 0 }, uFlash: { value: 0 }, uLdr: { value: this.hdr ? 0 : 1 }, uAb: { value: 0 }, uGrain: { value: 0.02 },
+      uLift: { value: new THREE.Vector3() }, uGain: { value: new THREE.Vector3(1, 1, 1) }, uFlashCol: { value: new THREE.Color() } });
+    this.fsq = new THREE.Mesh(tri, this.mComp); this.fsq.frustumCulled = false;
+    this.fsScene = new THREE.Scene(); this.fsScene.add(this.fsq); this.fsCam = new THREE.OrthographicCamera(-1, 1, 1, -1, 0, 1);
+  }
+  resize(cssW, cssH, dpr = window.devicePixelRatio || 1) {
+    this.cssW = cssW; this.cssH = cssH; this.dpr = dpr;
+    const pr = Math.min(dpr, this.q.maxPr) * this.q.scale;
+    const w = Math.max(2, Math.round(cssW * pr)), h = Math.max(2, Math.round(cssH * pr));
+    if (w === this.w && h === this.h) return;
+    this.r.setSize(w, h, false); this.w = w; this.h = h;
+    this.rtS.setSize(w, h);
+    const bw = Math.max(2, w >> 2), bh = Math.max(2, h >> 2);
+    this.rtB[0].setSize(bw, bh); this.rtB[1].setSize(bw, bh); this.rtB[2].setSize(Math.max(2, bw >> 1), Math.max(2, bh >> 1)); this.rtB[3].setSize(Math.max(2, bw >> 1), Math.max(2, bh >> 1));
+    this.cam.aspect = w / h; this.cam.updateProjectionMatrix();
+    this.parts.U.uScale.value = h * 0.9;
+  }
+  /** Keep the drawing buffer matched to the canvas's CSS box. */
+  fit() { const r = this.canvas.getBoundingClientRect(); if (r.width > 1 && r.height > 1) this.resize(r.width, r.height); }
+  setQuality(scale) { this.q.scale = Math.max(0.5, Math.min(1, scale)); const w = this.cssW, h = this.cssH; this.w = 0; this.resize(w, h, this.dpr); }
+
+  // ---------- juice
+  shake(amount = 0.5) { this.trauma = Math.min(1, this.trauma + amount); }
+  flash(color = '#FFFFFF', a = 0.5) { this.flashCol.set(color); this.flashA = Math.max(this.flashA, a); }
+  punch(k = 0.006) { this.kick = Math.max(this.kick, k); }
+  burst(v, o) { this.parts.burst(v.x, v.y, v.z, o); }
+
+  /**
+   * Draw one frame. dt in seconds (fixed when recording). Shake moves the camera a little around where the game put it
+   * (call setCam(pos, look) each frame before render, or set stage.cam yourself and leave camBase empty).
+   */
+  render(dt) {
+    dt = Math.min(0.1, Math.max(0, dt));
+    this.t += dt;
+    this.parts.update(dt);
+    if (this.skyU) this.skyU.uTime.value = this.t;
+    // camera shake (trauma^2 noise, decays)
+    const tr = this.trauma * this.trauma; this.trauma = Math.max(0, this.trauma - dt * 1.6);
+    const cam = this.cam;
+    if (this.camSet) { cam.position.copy(this.camBase); cam.lookAt(this.camLook); }
+    if (tr > 0.0001) {
+      const n = (k) => Math.sin(this.t * (37 + k * 11) + k * 7) * 0.6 + Math.sin(this.t * (71 + k * 5) + k) * 0.4;
+      const s = this.shakeScale || 1;
+      cam.position.x += n(1) * tr * s; cam.position.y += n(2) * tr * s; cam.rotation.z += n(3) * tr * 0.04;
+    }
+    // adaptive quality from real frame times: lower the resolution, then bloom; a device that still can't keep up gets
+    // tooSlow, and the game swaps back to its 2D renderer (same rules, same run) so it always stays playable.
+    const nowR = performance.now(), real = this.lastR ? nowR - this.lastR : 16; this.lastR = nowR;
+    if (this.auto && real < 1000 && ++this.frames > 8) {
+      this.ft = this.ft * 0.85 + real * 0.15;
+      if (this.ft > 34) {
+        this.fast = 0;
+        if (++this.slow > 12) {
+          this.slow = 0;
+          if (this.q.scale > 0.55) this.setQuality(this.q.scale - 0.2);
+          else if (this.q.bloom) this.q.bloom = false;
+          else if (++this.strikes > 2) this.tooSlow = true;
+        }
+      } else if (this.ft < 18 && this.q.scale < 1) { this.slow = 0; if (++this.fast > 300) { this.fast = 0; this.setQuality(this.q.scale + 0.1); } }
+      else this.slow = Math.max(0, this.slow - 1);
+    }
+    const r = this.r, L = this.look, U = this.mComp.uniforms;
+    r.setRenderTarget(this.rtS); r.render(this.scene, cam);
+    let b1 = this.rtB[0].texture, b2 = this.rtB[2].texture;
+    if (this.q.bloom && L.bloom > 0) {
+      const pass = (mat, out) => { this.fsq.material = mat; r.setRenderTarget(out); r.render(this.fsScene, this.fsCam); };
+      this.mBright.uniforms.t.value = this.rtS.texture; this.mBright.uniforms.uTh.value = L.threshold; this.mBright.uniforms.uPx.value.set(1 / this.w, 1 / this.h);
+      pass(this.mBright, this.rtB[0]);
+      const blur = (src, tmp, dst, w, h) => {
+        this.mBlur.uniforms.t.value = src.texture; this.mBlur.uniforms.uDir.value.set(1 / w, 0); pass(this.mBlur, tmp);
+        this.mBlur.uniforms.t.value = tmp.texture; this.mBlur.uniforms.uDir.value.set(0, 1 / h); pass(this.mBlur, dst);
+      };
+      blur(this.rtB[0], this.rtB[1], this.rtB[0], this.rtB[0].width, this.rtB[0].height);
+      this.mBlur.uniforms.t.value = this.rtB[0].texture; this.mBlur.uniforms.uDir.value.set(0, 0); pass(this.mBlur, this.rtB[2]);
+      blur(this.rtB[2], this.rtB[3], this.rtB[2], this.rtB[2].width, this.rtB[2].height);
+      blur(this.rtB[2], this.rtB[3], this.rtB[2], this.rtB[2].width, this.rtB[2].height);
+      b1 = this.rtB[0].texture; b2 = this.rtB[2].texture; U.uBloom.value = L.bloom;
+    } else U.uBloom.value = 0;
+    U.tScene.value = this.rtS.texture; U.tB1.value = b1; U.tB2.value = b2;
+    U.uExp.value = L.exposure; U.uSat.value = L.sat; U.uCon.value = L.con; U.uVig.value = L.vig; U.uGrain.value = L.grain;
+    U.uLift.value.set(...L.lift); U.uGain.value.set(...L.gain); U.uTime.value = this.t;
+    U.uFlash.value = this.flashA; U.uFlashCol.value.copy(this.flashCol); this.flashA *= Math.exp(-dt * 7); if (this.flashA < 0.004) this.flashA = 0;
+    U.uAb.value = this.kick + tr * 0.012; this.kick *= Math.exp(-dt * 8);
+    this.fsq.material = this.mComp; r.setRenderTarget(null); r.render(this.fsScene, this.fsCam);
+  }
+  setCam(pos, look) { this.camSet = true; this.camBase.copy(pos); this.camLook.copy(look); }
+  dispose() { this.r.dispose(); }
+}
+
+/**
+ * Mount a 3D layer behind a game's 2D canvas: a WebGL canvas the same size, in the same box. The 2D canvas stays on
+ * top (HUD text, taps, focus, tests) and the game draws it transparent while 3D is on.
+ */
+export function mountBehind(cv2d, cls = 'cmx3d') {
+  const host = cv2d.parentElement;
+  const wrap = document.createElement('div'); wrap.className = `${cls}-wrap`;
+  host.insertBefore(wrap, cv2d); wrap.appendChild(cv2d);
+  const c = document.createElement('canvas'); c.className = cls; c.setAttribute('aria-hidden', 'true');
+  wrap.insertBefore(c, cv2d);
+  return c;
+}

style.css

@@ -1,28 +1,127 @@
-body {
-	padding: 2rem;
-	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
-}
-
-h1 {
-	font-size: 16px;
-	margin-top: 0;
-}
-
-p {
-	color: rgb(107, 114, 128);
-	font-size: 15px;
-	margin-bottom: 10px;
-	margin-top: 5px;
-}
-
-.card {
-	max-width: 620px;
-	margin: 0 auto;
-	padding: 16px;
-	border: 1px solid lightgray;
-	border-radius: 16px;
-}
-
-.card p:last-child {
-	margin-bottom: 0;
-}
+/* Stoopshake: night stoop look. Spray-paint display type (Rubik Spray Paint, OFL), Barlow Condensed for UI (OFL). (c) 2026 CyberMax */
+@font-face{font-family:Spray;src:url(fonts/rubik-spray-paint.woff2) format('woff2');font-display:swap}
+@font-face{font-family:Barlow Condensed;font-weight:800;src:url(fonts/barlow-condensed-800.woff2) format('woff2');font-display:swap}
+:root{--ink:#F6F1E7;--mut:#B9B1C9;--bg:#07060C;--amber:#FFC56B;--pink:#FF3D6E;--teal:#2FE6FF;--card:rgba(16,13,26,.92);--line:rgba(255,255,255,.12);--ui:"Barlow Condensed",system-ui,sans-serif;--tgt:0px;--tgb:0px}
+html,body{background:var(--bg);color:var(--ink);margin:0}
+body{font-family:var(--ui);-webkit-tap-highlight-color:transparent}
+.app{position:relative;width:100%;height:100vh;height:100svh;overflow:hidden;background:#07060C;user-select:none;-webkit-user-select:none;touch-action:none}
+body.tg .app{height:var(--tgh,100vh)}
+#c{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none;cursor:grab}
+#c:active{cursor:grabbing}
+.hud{position:absolute;inset:0;pointer-events:none;padding:calc(10px + var(--tgt)) 12px calc(10px + var(--tgb));display:flex;flex-direction:column;gap:8px}
+.hud button,.hud a,.hud .pill{pointer-events:auto}
+.bar{display:flex;align-items:center;gap:8px}
+.logo{font-family:Spray,var(--ui);white-space:nowrap;margin-right:10px;padding-right:2px;font-size:26px;letter-spacing:.02em;color:var(--ink);text-decoration:none;text-shadow:0 0 18px rgba(255,61,110,.45),2px 2px 0 #000}
+.logo i,.biglogo i{font-style:normal;color:var(--amber)}
+.pill{font-weight:800;font-size:15px;letter-spacing:.05em;padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.55);border:1px solid var(--line);backdrop-filter:blur(6px)}
+.pill.chips b{color:var(--amber)}.pill.rank{color:var(--teal)}
+.sp{flex:1}
+.ib{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:rgba(0,0,0,.55);color:var(--ink);font-size:18px;font-weight:800;cursor:pointer}
+.ib.off{opacity:.45}
+.seats{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
+.seat{min-width:86px;max-width:150px;padding:6px 9px;border-radius:12px;background:rgba(8,6,14,.72);border:1px solid var(--line);font-size:14px;line-height:1.15;transition:transform .2s,border-color .2s}
+.seat b{display:block;font-size:15px;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.seat small{color:var(--mut);display:block}
+.seat .dz{font-size:22px;letter-spacing:1px;line-height:1}
+.seat.on{border-color:var(--amber);transform:translateY(2px);box-shadow:0 0 0 2px rgba(255,197,107,.25),0 8px 24px rgba(0,0,0,.5)}
+.seat.out{opacity:.45}.seat.win{border-color:#6BFFB0;box-shadow:0 0 24px rgba(107,255,176,.35)}
+.seat .bank{color:var(--amber);font-size:11px;letter-spacing:.1em}
+.talk{align-self:center;max-width:min(92%,420px);text-align:center;font-size:17px;padding:7px 12px;border-radius:14px;background:rgba(0,0,0,.6);border:1px solid var(--line);opacity:0;transform:translateY(-6px);transition:opacity .25s,transform .25s}
+.talk.show{opacity:1;transform:none}
+.talk b{color:var(--amber)}
+.banner{position:absolute;left:0;right:0;top:15%;text-align:center;font-family:Spray,var(--ui);font-size:clamp(46px,11vw,104px);line-height:.95;color:#fff;text-shadow:3px 3px 0 #000,0 0 30px rgba(255,61,110,.6);opacity:0;transform:scale(.6) rotate(-4deg);transition:opacity .2s,transform .35s cubic-bezier(.2,1.6,.4,1);pointer-events:none}
+.banner.show{opacity:1;transform:scale(1) rotate(-3deg)}
+.banner small{display:block;font-family:var(--ui);font-size:clamp(18px,4.2vw,30px);letter-spacing:.06em;text-shadow:2px 2px 0 #000;margin-top:6px}
+.banner.k456{color:var(--amber);text-shadow:3px 3px 0 #000,0 0 40px rgba(255,197,107,.9)}
+.banner.ktrips{color:#B98CFF;text-shadow:3px 3px 0 #000,0 0 40px rgba(185,140,255,.9)}
+.banner.k123{color:var(--pink)}.banner.kpoint{color:var(--teal);text-shadow:3px 3px 0 #000,0 0 30px rgba(47,230,255,.6)}
+.banner.knone{color:#ddd;font-size:clamp(34px,8vw,70px)}
+.banner .emote{display:block;font-size:.55em;margin-top:8px}
+.hint{margin-top:auto;align-self:center;font-size:16px;letter-spacing:.08em;color:#fff;background:rgba(0,0,0,.45);padding:6px 12px;border-radius:999px;transition:opacity .3s}
+.hint.hide{opacity:0}
+.actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
+.actions button{pointer-events:auto}
+.bottom{display:flex;align-items:center;gap:10px;justify-content:center}
+.pot{font-weight:800;font-size:17px;letter-spacing:.06em;color:var(--amber);min-width:0}
+.roll{font-family:var(--ui);font-weight:800;font-size:24px;letter-spacing:.06em;padding:13px 34px;border-radius:999px;border:0;background:linear-gradient(180deg,#FFD58A,#FFAA3D);color:#1A0E00;box-shadow:0 8px 28px rgba(255,170,61,.45),inset 0 -3px 0 rgba(0,0,0,.2);cursor:pointer}
+.roll:disabled{filter:grayscale(.8) brightness(.6);box-shadow:none}
+.nrm{margin:0;text-align:center;font-size:12px;letter-spacing:.08em;color:var(--mut);opacity:.85}
+.btn,.ghost,.chipb{font-family:var(--ui);font-weight:800;letter-spacing:.05em;border-radius:14px;cursor:pointer;font-size:17px}
+.btn{display:inline-block;padding:12px 20px;border:0;background:linear-gradient(180deg,#FFD58A,#FFAA3D);color:#1A0E00;text-decoration:none;text-align:center}
+.btn.pink{background:linear-gradient(180deg,#FF6D90,#E8285A);color:#fff}.btn.teal{background:linear-gradient(180deg,#7DF3FF,#14C4E0);color:#04161A}
+.ghost{padding:10px 12px;background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--ink)}
+.chipb{padding:8px 12px;background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--ink);font-size:16px}
+.chipb.on{background:var(--amber);color:#1A0E00;border-color:var(--amber)}
+.chipb .lock,.mode .lock{font-style:normal;font-size:10px;letter-spacing:.1em;padding:2px 5px;border-radius:6px;background:var(--pink);color:#fff;margin-left:4px;vertical-align:middle}
+.ov{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(12px + var(--tgt)) 12px calc(12px + var(--tgb));z-index:5}
+.ov[hidden]{display:none}
+.ov.load{background:radial-gradient(circle at 50% 40%,#1D1430,#07060C);flex-direction:column;gap:14px}
+.lbar{width:220px;height:6px;border-radius:9px;background:rgba(255,255,255,.1);overflow:hidden}.lbar i{display:block;height:100%;width:10%;background:var(--amber);transition:width .2s}
+.hint2{color:var(--mut);margin:0}
+.biglogo{font-family:Spray,var(--ui);font-size:clamp(46px,12vw,80px);margin:0;line-height:1;text-shadow:3px 3px 0 #000,0 0 30px rgba(255,61,110,.5);text-align:center}
+.biglogo.sm{font-size:clamp(40px,10vw,60px)}
+.sheet{background:rgba(5,4,10,.55);backdrop-filter:blur(3px)}
+.card{width:min(560px,100%);max-height:100%;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
+.card h2{margin:4px 0 10px}
+.tag{font-family:Spray,var(--ui);font-weight:400;font-size:34px;letter-spacing:.02em;color:var(--amber);text-shadow:2px 2px 0 #000}
+.sub{color:var(--mut);margin:6px 0 10px;font-size:17px;text-align:center}.sub b{color:var(--ink)}
+.tiny{color:var(--mut);font-size:13px;margin:10px 0 0}.tiny a{color:var(--teal)}
+.modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
+.mode{text-align:left;padding:11px 12px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--ink);cursor:pointer;font-family:var(--ui)}
+.mode b{display:block;font-size:19px;letter-spacing:.04em}.mode span{display:block;color:var(--mut);font-size:14px;line-height:1.2;margin-top:2px}
+.mode.hot{background:linear-gradient(135deg,rgba(255,197,107,.25),rgba(255,61,110,.18));border-color:rgba(255,197,107,.6)}
+.mode.day{border-color:rgba(47,230,255,.5)}.mode.tg{border-color:rgba(64,170,255,.5)}
+.mode:hover{border-color:var(--amber)}
+.row3{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
+.chal{padding:10px 12px;border-radius:14px;background:rgba(47,230,255,.12);border:1px solid rgba(47,230,255,.5);margin:8px 0;font-size:17px}
+.chal b{color:var(--teal)}
+.rl{list-style:none;padding:0;margin:8px 0;display:grid;gap:8px}
+.rl li{display:flex;align-items:center;gap:10px;font-size:19px;padding:8px 10px;background:rgba(255,255,255,.05);border-radius:12px}
+.rl .dz{font-size:32px;letter-spacing:2px;min-width:104px;color:#fff}
+.dzs{font-size:30px;letter-spacing:2px}
+.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
+.lbl{display:block;color:var(--mut);font-size:14px;letter-spacing:.06em;margin:10px 0 4px}
+.inp{width:100%;box-sizing:border-box;font-family:var(--ui);font-size:18px;font-weight:800;padding:9px 11px;border-radius:12px;border:1px solid var(--line);background:rgba(0,0,0,.4);color:var(--ink)}
+.chips-row{display:flex;gap:6px;flex-wrap:wrap}
+.endsum{text-align:center}
+.endsum .big{font-family:Spray,var(--ui);font-size:52px;line-height:1;margin:6px 0}
+.endsum .delta{font-size:26px;font-weight:800}.up{color:#6BFFB0}.down{color:var(--pink)}
+.btnrow{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:12px}
+.lb{width:100%;border-collapse:collapse;font-size:17px}.lb td{padding:5px 6px;border-bottom:1px solid var(--line)}.lb td:last-child{text-align:right;color:var(--amber)}
+.lb tr.me td{color:var(--teal)}
+.tabs{display:flex;gap:6px;margin-bottom:8px}
+.sw{display:inline-block;width:18px;height:18px;border-radius:5px;vertical-align:middle;margin-right:4px;border:1px solid rgba(255,255,255,.3)}
+.stylegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
+.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;text-align:center}.statgrid div{background:rgba(255,255,255,.05);border-radius:12px;padding:8px}.statgrid b{display:block;font-size:24px;color:var(--amber)}
+.hist{display:flex;align-items:flex-end;gap:2px;height:60px;margin:8px 0}.hist i{flex:1;background:var(--teal);min-height:2px;border-radius:2px 2px 0 0}.hist i.l{background:var(--pink)}
+.offer{border:1px solid var(--line);border-radius:16px;padding:12px;margin:8px 0;background:rgba(255,255,255,.04)}
+.offer h3{margin:0 0 4px;font-size:22px}.offer ul{margin:6px 0;padding-left:18px;color:var(--mut)}.offer .pr{color:var(--amber);font-weight:800}
+/* below the fold: the SEO guide on the normal page */
+.below{max-width:880px;margin:0 auto;padding:16px}
+.below .top{display:flex;justify-content:space-between;align-items:center}.below a{color:var(--teal)}
+.below .brand{font-weight:800;text-decoration:none;color:var(--ink)}.below nav a{margin-left:12px}
+.below h1{font-family:Spray,var(--ui);font-weight:400;font-size:44px;margin:10px 0 4px}
+.below .muted{color:var(--mut)}.below .seo{line-height:1.5;font-family:system-ui,sans-serif;font-size:16px}
+.below .seo h2,.below .seo h3{font-family:var(--ui)}
+.below footer{color:var(--mut);padding:24px 0}
+body.tg .below{display:none}
+.pro-badge{display:none;font-size:.35em;vertical-align:middle;background:var(--amber);color:#1A0E00;border-radius:8px;padding:2px 8px;font-family:var(--ui)}
+body.cmx-pro .pro-badge{display:inline-block}
+.app.phone .banner,.coarse .banner{top:19%}
+@media (max-width:520px){.modes{grid-template-columns:1fr 1fr}.mode b{font-size:16px}.mode span{font-size:12.5px}.row3{grid-template-columns:repeat(2,1fr)}.roll{font-size:21px;padding:12px 26px}.seat{min-width:72px;font-size:12px}.seat b{font-size:13px}.seat .dz{font-size:18px}.logo{font-size:22px}.pill{font-size:13px;padding:4px 8px}.card{padding:12px}.tag{font-size:28px}}
+@media (max-width:400px){.logo{font-size:18px}.pill.rank{display:none}}
+@media (max-height:560px){.banner{top:12%}.seats{display:none}}
+/* buy area (17 Oct 2026): the two Stoopshake extras, named as their Stripe products; the Fun Pass apart */
+.xbtn{display:block;width:100%;margin-top:10px;font-size:16px;padding:11px 12px}
+.buybox{margin:18px 0 26px;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035)}
+.buybox h2{margin:0 0 6px;font-size:26px}.buybox .muted{margin:0 0 12px}
+.buybox .bx{display:grid;grid-template-columns:1fr 1fr;gap:12px}
+.buybox .bo{display:flex;flex-direction:column;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(16,13,26,.75)}
+.buybox .bo.best{border-color:rgba(255,61,110,.65);box-shadow:0 0 0 1px rgba(255,61,110,.25)}
+.buybox .bk{margin:0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}
+.buybox h3{margin:4px 0 6px;font-size:21px;line-height:1.15}.buybox .bp{display:block;color:var(--amber);font-size:26px;margin-top:2px}.buybox .bp small{font-size:14px;color:var(--mut)}
+.buybox ul{margin:4px 0 12px;padding-left:18px;color:var(--mut);flex:1}.buybox li{margin:3px 0}
+.buybox .bo .btn{display:block}.buybox a.btn{color:#1A0E00}.buybox a.btn.pink{color:#fff}
+.buybox .bsm{font-size:13px;color:var(--mut);margin:12px 0 0}.buybox .bsm a,.buybox .bfp a{color:var(--teal)}
+.buybox .bfp{margin:10px 0 0;padding:10px 12px;border-radius:12px;border:1px dashed var(--line);font-size:15px}
+@media (max-width:640px){.buybox{padding:14px}.buybox .bx{grid-template-columns:1fr}.xbtn{font-size:14px}}

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 = 'stoopshake';
+const CACHE = `cmx-${GAME}-3a8c2bc765`;
+const FILES = ["index.html", "audio.js", "cmx.js", "dice3d.js", "fonts/barlow-condensed-800.woff2", "fonts/rubik-spray-paint.woff2", "fun.css", "funpass.js", "game.js", "icon-192.png", "icon-512.png", "icon-maskable.png", "icon.svg", "index.html", "manifest.webmanifest", "offer.js", "pack.js", "rules.js", "stage3d.js", "style.css", "tg.js", "vendor/cannon-es.min.js", "vendor/three.module.min.js"];
+
+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;
+  })));
+});

tg.js

@@ -0,0 +1,108 @@
+// Stoopshake as a Telegram Mini App (opened from @CyberMaxTools_bot: menu button, /play, challenge deep links, the
+// pinned channel post). Inside Telegram: telegram-web-app.js, full-height stage with safe areas, Telegram theme colours,
+// haptics, sharing into chats, and purchases with Telegram Stars only (Telegram's rule for digital goods in Mini Apps):
+// Crew Pass (full game) $2.99 = 235 Stars, Dice & Table Pack $1.99 = 155 Stars (same USD price points as the web, 0.013 USD/Star rule).
+// Payment: data Worker /tg/game-invoice -> WebApp.openInvoice; ownership comes back from /tg/game-owned as signed codes
+// that the normal unlock check accepts, so a Telegram purchase also unlocks the web game. (c) 2026 CyberMax.
+const DATA = 'https://data.cybermaxtools.com';
+export const BOT = 'CyberMaxTools_bot';
+export const ITEMS = { 'stoopshake-full': { stars: 235, usd: '$2.99', name: 'the Crew Pass' }, 'stoopshake-skins': { stars: 155, usd: '$1.99', name: 'the Dice & Table Pack' } };
+const q = new URLSearchParams(location.search);
+export const inTG = q.has('tg') || /tgWebAppData=/.test(location.hash);
+let W = null;
+export const app = () => W;
+
+function load() {
+  return new Promise((res) => {
+    if (window.Telegram && window.Telegram.WebApp) { res(window.Telegram.WebApp); return; }
+    const s = document.createElement('script'); s.src = 'https://telegram.org/js/telegram-web-app.js';
+    s.onload = () => res(window.Telegram && window.Telegram.WebApp); s.onerror = () => res(null); document.head.appendChild(s);
+  });
+}
+function insets() {
+  if (!W) return;
+  const a = W.safeAreaInset || {}; const c = W.contentSafeAreaInset || {};
+  const r = document.documentElement.style;
+  r.setProperty('--tgt', `${(a.top || 0) + (c.top || 0)}px`); r.setProperty('--tgb', `${(a.bottom || 0) + (c.bottom || 0)}px`);
+  r.setProperty('--tgh', `${W.viewportStableHeight || window.innerHeight}px`);
+}
+/** Start the Mini App shell. onResize: re-layout the canvas; onBack: Telegram back button pressed. */
+export async function init({ onResize, onBack } = {}) {
+  if (!inTG) return null;
+  document.body.classList.add('tg');
+  W = await load();
+  if (!W || !W.initData) { document.body.classList.remove('tg'); W = null; return null; } // opened with ?tg=1 outside Telegram: plain web game
+  try { W.ready(); W.expand(); } catch { /* old client */ }
+  try { if (W.disableVerticalSwipes) W.disableVerticalSwipes(); } catch { /* < 7.7 */ }
+  try { W.setHeaderColor('#0B0912'); W.setBackgroundColor('#07060C'); if (W.setBottomBarColor) W.setBottomBarColor('#07060C'); } catch { /* < 6.1 */ }
+  const tp = W.themeParams || {};
+  if (tp.button_color) document.documentElement.style.setProperty('--tg-btn', tp.button_color);
+  insets();
+  for (const ev of ['viewportChanged', 'safeAreaChanged', 'contentSafeAreaChanged']) { try { W.onEvent(ev, () => { insets(); onResize && onResize(); }); } catch { /* */ } }
+  try { W.BackButton.onClick(() => onBack && onBack()); } catch { /* */ }
+  onResize && onResize();
+  return W;
+}
+export function back(show) { try { if (W) (show ? W.BackButton.show() : W.BackButton.hide()); } catch { /* */ } }
+export function haptic(kind) {
+  if (!W || !W.HapticFeedback) return;
+  try {
+    if (kind === 'select') W.HapticFeedback.selectionChanged();
+    else if (kind === 'success' || kind === 'error' || kind === 'warning') W.HapticFeedback.notificationOccurred(kind);
+    else W.HapticFeedback.impactOccurred(kind || 'light');
+  } catch { /* */ }
+}
+/** Share into a Telegram chat (the native chat picker). */
+export function share(text, url) {
+  const link = `https://t.me/share/url?url=${encodeURIComponent(url)}&text=${encodeURIComponent(text)}`;
+  try { W.openTelegramLink(link); } catch { window.open(link, '_blank'); }
+}
+export const playUrl = () => `https://t.me/${BOT}?start=dice`;
+
+async function post(path, body) {
+  const r = await fetch(DATA + path, { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ ...body, initData: W.initData }) });
+  return r.json().catch(() => ({}));
+}
+/** What this Telegram user already bought (codes the normal unlock check accepts). */
+export async function owned() { if (!W) return {}; try { return (await post('/tg/game-owned', {})).codes || {}; } catch { return {}; } }
+/** Buy with Stars: opens Telegram's own payment sheet. Resolves 'paid' | 'cancelled' | 'failed' | 'pending'. */
+export async function buy(item) {
+  if (!W) return 'failed';
+  let j; try { j = await post('/tg/game-invoice', { item }); } catch { j = {}; }
+  if (!j.link) return 'failed';
+  return new Promise((res) => { try { W.openInvoice(j.link, (status) => res(status)); } catch { res('failed'); } });
+}
+/** The Stars purchase sheet shown instead of the web checkout inside Telegram. */
+export function sheet(item, { perks = [], onPaid } = {}) {
+  const it = ITEMS[item]; let d = document.getElementById('tgbuy');
+  if (!d) { d = document.createElement('dialog'); d.id = 'tgbuy'; d.className = 'funpass'; document.body.appendChild(d); d.addEventListener('click', (e) => { if (e.target === d || e.target.closest('[data-close]')) d.close(); }); }
+  d.innerHTML = `<div class="fp"><button class="fp-x" data-close aria-label="Close">×</button><p class="fp-kick">Stoopshake</p><h2>Get ${it.name}: ${it.stars} ⭐</h2>
+    <ul class="fp-perks">${perks.map((p) => `<li>${p}</li>`).join('')}<li>One payment, yours for good (also on the web with the code we send you)</li></ul>
+    <p class="fp-row"><button class="btn pass" type="button" data-buy>Pay ${it.stars} ⭐ with Telegram Stars</button></p>
+    <p class="fp-small">Paid through Telegram. 14-day promise: if it doesn't work as described, we fix it or refund your Stars (/paysupport in @${BOT}).</p></div>`;
+  d.querySelector('[data-buy]').addEventListener('click', async (e) => {
+    e.target.disabled = true; e.target.textContent = 'Opening Telegram payment…';
+    const st = await buy(item);
+    if (st === 'paid') { haptic('success'); d.close(); onPaid && onPaid(); } else { e.target.disabled = false; e.target.textContent = `Pay ${it.stars} ⭐ with Telegram Stars`; if (st === 'failed') haptic('error'); }
+  });
+  if (d.showModal) d.showModal(); else d.setAttribute('open', '');
+}
+
+// ---------- growth loops (all optional for the player; rewards are cosmetic only)
+export const CHANNEL = 'cybermaxtools';
+const startParam = () => { try { return (W && W.initDataUnsafe && W.initDataUnsafe.start_param) || ''; } catch { return ''; } };
+export function refFromLaunch() { const r = q.get('ref') || (/^r_([a-z0-9]{6,16})$/.exec(startParam()) || [])[1] || ''; return /^[a-z0-9]{6,16}$/.test(r) ? r : ''; }
+/** First open: records who invited this player (only for players we have never seen). */
+export async function hello() { if (!W) return {}; try { return await post('/tg/game-hello', { game: 'stoopshake', ref: refFromLaunch() }); } catch { return {}; } }
+/** After the first finished round: records the invite as played (cosmetic rewards only). */
+export async function played() { if (!W) return {}; try { return await post('/tg/game-played', {}); } catch { return {}; } }
+/** Everything this player has: paid codes, free cosmetics, invite link, channel follow. */
+export async function status() { if (!W) return {}; try { return await post('/tg/game-owned', {}); } catch { return {}; } }
+export function invite(link) { share('Shake dice with me on Stoopshake: free 3D street dice (4-5-6). No real money, just bragging rights.', link); }
+export function joinChannel(onBack) {
+  try { W.openTelegramLink(`https://t.me/${CHANNEL}`); } catch { window.open(`https://t.me/${CHANNEL}`, '_blank'); }
+  const again = () => { try { W.offEvent('activated', again); } catch { /* */ } onBack && onBack(); };
+  try { W.onEvent('activated', again); } catch { setTimeout(() => onBack && onBack(), 8000); }
+}
+/** Challenge a friend: the native Telegram share sheet with the game's own challenge link (state lives in the link). */
+export function challenge(text, url) { share(text, url); }