Deploy kenwren to the hub

kenwren/cmx.js

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

kenwren/funpass.js

@@ -1,6 +1,6 @@
 // CyberMax Fun Pass: ONE optional supporter pass for every CyberMax game (copied into each game's web/ folder).
 // Free games stay free. The pass removes the supporter nudges and unlocks extra packs, the full archive and themes.
-//   Monthly $2.99 · Yearly $19 · Lifetime $29.99 once (Stripe Payment Links, pack revenue/packs/stripe/fun-pass).
+//   Monthly $2.99 · Yearly $19 · Unlock all $4.99 once (Stripe Payment Links, pack revenue/packs/stripe/fun-pass).
 // Buy: counted redirect https://data.cybermaxtools.com/buy/st-fun-pass-<plan>?s=game-<id> -> Stripe checkout.
 // After checkout Stripe sends the buyer to data.cybermaxtools.com/unlock/fun-pass?session_id=..., which checks
 // the Checkout Session (and, for a subscription, that it is still active) and returns to /games/ with #cmx-pro=<code>.
@@ -15,7 +15,7 @@ const RECHECK = 3 * 864e5; // subscriptions are re-checked every 3 days; a cance
 export const PLANS = [
   { id: 'monthly', label: 'Monthly', price: '$2.99', per: '/month', note: 'Cancel any time' },
   { id: 'yearly', label: 'Yearly', price: '$19', per: '/year', note: 'Save 47%', best: true },
-  { id: 'unlock', label: 'Lifetime', price: '$29.99', per: ' once', note: 'Pay once, keep forever' },
+  { id: 'unlock', label: 'Unlock all', price: '$4.99', per: ' once', note: 'Pay once, keep forever' },
 ];
 export const COMMON_PERKS = ['No supporter nudges, ever', 'Extra puzzle packs in every game', 'The full archive of past dailies', 'Custom colour themes'];
 

kenwren/game.js

@@ -2,6 +2,7 @@
 import { QUESTIONS, BY_ID, PACKS, QUIZ_LEN, cleanName, suggest, verdict } from './core.js';
 import { API, SITE, count, store, toast, share, intents, download, canvasBlob, pwa, rr, themeToggle } from './cmx.js';
 import * as pass from './funpass.js';
+import { initSolo, route as soloRoute, renderHome } from './solo.js';
 
 const GAME = 'kenwren';
 const PATH = '/games/kenwren/';   // canonical path on the CyberMax site (share links)
@@ -11,7 +12,7 @@ const SKINS = { dusk: { name: 'Dusk', a: '#2A1B3D', b: '#FFD166', free: true },
 let mode = 'make';          // make | play
 let name = '', packs = ['classic'], qs = [], answers = [], i = 0, quiz = null, swaps = 0;
 
-pass.init({ game: GAME, name: 'Kenwren', perks: ['Deep and Spicy (clean) question packs', 'Quizzes last a year instead of 30 days', 'Sunrise, Lagoon, Bubblegum and Paper themes'] });
+pass.init({ game: GAME, name: 'Kenwren', perks: ['Solo levels 21-40: Memory Lane and Mind Reader', 'Deep and Spicy (clean) question packs', 'Quizzes last a year instead of 30 days', 'Sunrise, Lagoon, Bubblegum and Paper themes'] });
 const install = pwa(GAME, $('install'));
 themeToggle($('theme'));
 
@@ -237,5 +238,8 @@ window.__cmxShot = async (stage = 1) => {
   document.querySelector('.opt').setAttribute('aria-pressed', 'true');
 };
 
+initSolo({ show, path: PATH });
+$('home-btn').onclick = () => { renderHome(); show('s-home'); };
 const q = new URLSearchParams(location.search);
-if (/^[a-z0-9]{8}$/.test(q.get('q') || '')) loadQuiz(q.get('q'), q.get('t')); else show('s-home');
+if (/^[a-z0-9]{8}$/.test(q.get('q') || '')) loadQuiz(q.get('q'), q.get('t'));
+else if (!soloRoute(location.search)) show('s-home');

kenwren/index.html

@@ -1,11 +1,11 @@
 <!doctype html>
 <html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
-<title>Kenwren: how well do your friends know you? Free friend quiz | CyberMax</title>
-<meta name="description" content="Make a free 'how well do you know me' quiz in a minute: answer 10 fun questions about yourself, share the link, and see who knows you best on your private scoreboard. No sign-up, no app.">
+<title>Kenwren: Free Friend Quiz Maker, How Well Do Your Friends Know You?</title>
+<meta name="description" content="Make a free friend quiz with Kenwren: answer 10 questions, send one link, see who knows you best. Or play solo: 40 levels and a daily read. No sign-up.">
 <link rel="canonical" href="https://cybermaxtools.com/games/kenwren/">
 <meta property="og:type" content="website"><meta property="og:site_name" content="CyberMax">
-<meta property="og:title" content="How well do you know me? Take my quiz">
-<meta property="og:description" content="10 questions. Guess my answers. See where you rank among my friends.">
+<meta property="og:title" content="Kenwren: Free Friend Quiz Maker">
+<meta property="og:description" content="Make a free friend quiz with Kenwren: answer 10 questions, send one link, see who knows you best. Or play solo: 40 levels and a daily read. No sign-up.">
 <meta property="og:url" content="https://cybermaxtools.com/games/kenwren/">
 <meta property="og:image" content="https://cybermaxtools.com/games/kenwren/og.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630">
 <meta name="twitter:card" content="summary_large_image"><meta name="twitter:image" content="https://cybermaxtools.com/games/kenwren/og.png">
@@ -15,19 +15,54 @@
 <meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-title" content="Kenwren">
 <link rel="stylesheet" href="fun.css"><link rel="stylesheet" href="style.css">
 <script>try{var t=localStorage.getItem('cm-theme');if(t)document.documentElement.dataset.theme=t;var s=localStorage.getItem('kenwren:skin');if(s)document.documentElement.dataset.skin=JSON.parse(s)}catch(e){}</script>
-<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebApplication","name":"Kenwren","url":"https://cybermaxtools.com/games/kenwren/","image":"https://cybermaxtools.com/games/kenwren/og.png","description":"Make a free 'how well do you know me' quiz: answer 10 questions about yourself, share the link, see who knows you best.","applicationCategory":"GameApplication","operatingSystem":"Any","publisher":{"@type":"Organization","name":"CyberMax","url":"https://cybermaxtools.com/"},"offers":[{"@type":"Offer","price":"0","priceCurrency":"USD","description":"Free"},{"@type":"Offer","price":"2.99","priceCurrency":"USD","description":"CyberMax Fun Pass, monthly"}]}</script>
+<meta name="twitter:title" content="Kenwren: Free Friend Quiz Maker">
+<meta name="twitter:description" content="Make a free friend quiz with Kenwren: answer 10 questions, send one link, see who knows you best. Or play solo: 40 levels and a daily read. No sign-up.">
+<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/kenwren/#game", "name": "Kenwren", "alternateName": "Friend quiz game online free", "url": "https://cybermaxtools.com/games/kenwren/", "image": "https://cybermaxtools.com/games/kenwren/og.png", "description": "Kenwren is a free friend quiz maker. Answer 10 light questions about yourself, share one link with friends, family or a group chat, and see who knows you best on your private scoreboard. Solo, read a made-up friend's clue card and guess their answers across 40 levels and a new daily read each day. No account, no email.", "genre": ["Quiz", "Social", "Party game"], "gamePlatform": ["Web browser", "Android", "iOS", "Windows", "macOS", "ChromeOS"], "applicationCategory": "Game", "operatingSystem": "Any (web browser)", "playMode": "SinglePlayer", "inLanguage": "en", "isAccessibleForFree": true, "offers": {"@type": "Offer", "price": "0", "priceCurrency": "USD"}, "author": {"@type": "Organization", "name": "CyberMax", "url": "https://cybermaxtools.com/"}, "publisher": {"@type": "Organization", "name": "CyberMax"}, "datePublished": "2026-10-02", "keywords": "Friend quiz game online free, free friend quiz maker, unblocked, no download, browser game", "trailer": {"@id": "https://cybermaxtools.com/games/kenwren/#video"}}, {"@type": "FAQPage", "@id": "https://cybermaxtools.com/games/kenwren/#faq", "mainEntity": [{"@type": "Question", "name": "Is Kenwren free?", "acceptedAnswer": {"@type": "Answer", "text": "Yes. The Classic quiz pack, solo levels 1-20 and the daily read are free."}}, {"@type": "Question", "name": "Do friends need an account?", "acceptedAnswer": {"@type": "Answer", "text": "No, they just open the link and type a nickname."}}, {"@type": "Question", "name": "Can friends see my answers?", "acceptedAnswer": {"@type": "Answer", "text": "Not until they finish; scoring happens on our server."}}, {"@type": "Question", "name": "How long are quizzes kept?", "acceptedAnswer": {"@type": "Answer", "text": "30 days free, or a year with the Fun Pass."}}, {"@type": "Question", "name": "Does it work in WhatsApp and Instagram?", "acceptedAnswer": {"@type": "Answer", "text": "Yes, the link opens in any browser."}}]}, {"@type": "VideoObject", "name": "Kenwren demo: How well do your friends really know you?", "description": "A 15-second screen recording of the live Kenwren page: Make a quiz about yourself; Answer 10 quick questions; Send the link. Friends guess, you see the scores. Real result, no voice.", "thumbnailUrl": ["https://cybermax.cybermax-tools.workers.dev/media/demos/kenwren/poster.jpg"], "uploadDate": "2026-10-02T18:08:58+00:00", "duration": "PT15S", "contentUrl": "https://cybermax.cybermax-tools.workers.dev/media/demos/kenwren/demo-16x9.mp4", "embedUrl": "https://cybermaxtools.com/games/kenwren/", "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/kenwren/#video"}]}</script>
 </head><body>
 <div class="wrap">
 <header class="top"><a class="brand" href="https://cybermaxtools.com/games/"><svg viewBox="0 0 512 512" aria-hidden="true"><clipPath id="lg"><rect width="512" height="512" rx="116"/></clipPath><g clip-path="url(#lg)"><rect width="512" height="512" fill="#FF6A3D"/><path d="M512 250V512H250Z" fill="#D9481F"/></g><g transform="translate(86 86) scale(3.4)"><path d="M66 27 A27 27 0 1 0 66 73" fill="none" stroke="#11141B" stroke-width="17" stroke-linecap="round"/><rect x="66" y="41" width="20" height="18" rx="4" fill="#11141B"/></g></svg>CyberMax</a>
-<nav><a href="https://cybermaxtools.com/games/">Games</a></nav><button class="icon" id="mine-btn" type="button" aria-label="My quizzes">📋</button><button class="icon" id="theme" type="button" aria-label="Switch light or dark">◐</button></header>
+<nav><a href="https://cybermaxtools.com/games/">Games</a></nav><button class="icon" id="home-btn" type="button" aria-label="Kenwren home">🏠</button><button class="icon" id="mine-btn" type="button" aria-label="My quizzes">📋</button><button class="icon" id="mute" type="button" aria-label="Sound on or off">🔊</button><button class="icon" id="theme" type="button" aria-label="Switch light or dark">◐</button></header>
 <main>
 <section class="stage" id="stage" aria-live="polite">
   <div class="screen" id="s-home">
     <p class="kick">Free · no sign-up <span class="pro-badge">PASS</span></p>
-    <h1>How well do your friends <em>really</em> know you?</h1>
+    <h1>How well do your friends <em>really</em> know you?   <small class="h1kw">Free friend quiz maker</small></h1>
     <p class="lede">Answer 10 fun questions about yourself. Share the link. Friends guess your answers and land on your private scoreboard.</p>
     <div class="row"><button class="btn big" id="start" type="button">Make my quiz</button><button class="btn ghost" id="install" type="button" hidden>📲 Add to Home Screen</button></div>
     <ol class="how"><li><b>1 minute</b> to make it</li><li><b>One link</b> for every friend</li><li><b>Live scoreboard</b> only you can open</li></ol>
+    <div class="solo-strip">
+      <p class="kick">Or play solo now</p>
+      <div class="row"><button class="btn" id="daily-btn" type="button"><span>🗓 Daily read #<span id="daily-n"></span><span id="daily-done" hidden> ✓</span></span></button><button class="btn ghost" id="levels-btn" type="button">▶ 40 levels <span id="levels-stars" class="small"></span></button><span class="streak" id="streak" hidden>🔥 <b>0</b></span></div>
+      <p class="muted small">Read a made-up friend's clue card and guess their answers. A new daily read for everyone each day. Levels 1–20 free; 21–40 come with the Fun Pass.</p>
+    </div>
+  </div>
+  <div class="screen" id="s-map" hidden>
+    <div class="hud"><button class="btn ghost sm" id="map-home" type="button">← Home</button><b>Solo levels</b><span id="map-stars"></span></div>
+    <p class="goal">Goal: read each friend's clue card and guess their answers. Clear a level to open the next.</p>
+    <div id="map"></div>
+  </div>
+  <div class="screen" id="s-solo" hidden>
+    <div class="hud"><button class="btn ghost sm" id="so-map" type="button" aria-label="Level map">🗺</button><b id="so-title"></b><button class="btn sm" id="so-retry" type="button" aria-label="Restart (R)">↻</button></div>
+    <p class="goal" id="so-goal"></p>
+    <div class="pips" id="so-pips"></div>
+    <div class="clue-card" id="so-card"><p class="who"><span id="so-emoji"></span> <b id="so-who"></b></p><ul id="so-clues"></ul><p class="hid">🙈</p><div class="peek" id="so-peek" hidden><i></i></div><button class="btn sm" id="so-ready" type="button" hidden>Ready ▶</button></div>
+    <div id="so-q-wrap">
+      <div class="tbar" id="so-timer" hidden><i></i></div>
+      <h2 id="so-q"></h2>
+      <div class="opts" id="so-opts"></div>
+    </div>
+    <div class="hand" id="so-hand" aria-hidden="true" hidden>👆</div>
+  </div>
+  <div class="screen" id="s-done" hidden>
+    <p class="kick" id="dn-kick"></p>
+    <h2 id="dn-title"></h2>
+    <div class="stars" id="dn-stars"></div>
+    <p class="score" id="dn-score"></p>
+    <p class="grid" id="dn-grid"></p>
+    <p class="muted" id="dn-note"></p>
+    <div class="row"><button class="btn big" id="dn-next" type="button">Next ▶</button><button class="btn" id="dn-retry" type="button">↻ Retry</button><button class="btn ghost" id="dn-share" type="button">Share</button><button class="btn ghost" id="dn-map" type="button">🗺 Map</button></div>
+    <div id="dn-after"></div>
   </div>
   <div class="screen" id="s-name" hidden>
     <h2 id="name-q">What's your name?</h2>
@@ -65,23 +100,33 @@
   </div>
   <p class="err" id="err" role="alert" hidden></p>
 </section>
-<div class="nudge" id="nudge"><span>Make it deeper with the <b>Fun Pass</b>: Deep and Spicy question packs, quizzes that last a year, themes. Works in every CyberMax game.</span><button class="btn pass sm" data-pass="nudge" type="button">See the pass</button></div>
+<div class="nudge" id="nudge"><span>Get more with the <b>Fun Pass</b>: solo levels 21–40, Deep and Spicy question packs, quizzes that last a year, themes. Works in every CyberMax game.</span><button class="btn pass sm" data-pass="nudge" type="button">See the pass</button></div>
 <div class="row skins" id="skins" aria-label="Colour theme"></div>
 
-<section class="seo">
-<h2>How Kenwren works</h2>
-<p>Pick your answers to 10 light questions (coffee or tea, night owl or early bird, what you'd do with a lottery win). Kenwren gives you one link to send to friends, family or your group chat. Each friend types a nickname and guesses your answers; when they finish they see their score, the right answers and where they rank. You open your private scoreboard any time to see who knows you best.</p>
-<h3>Private by design</h3>
-<p>No account, no email, no cookies. We store your display name, your answers and each friend's nickname and score, and delete the quiz after 30 days. Friends never see your answers until they have played, because scoring happens on our server.</p>
-<h3>Free, with an optional Fun Pass</h3>
-<p>Kenwren is free with the Classic pack of 20 questions. The optional <b>CyberMax Fun Pass</b> ($2.99/month, $19/year, or $29.99 for life) adds the Deep and Spicy (clean) packs, keeps your quizzes for a year, unlocks colour themes, and works in every CyberMax game.</p>
-<h3>FAQ</h3>
-<p><b>How many friends can play?</b> As many as you like; the scoreboard keeps the top 50. <b>Can I make more than one quiz?</b> Yes, each gets its own link. <b>Why not the big quiz sites?</b> Kenwren has no ads between questions, no sign-up and no tracking, and your answers stay hidden until a friend finishes.</p>
-<h2>More free games from CyberMax</h2>
-<div class="more"><a href="https://cybermaxtools.com/games/pathmoor/"><b>Pathmoor</b><span>Daily path puzzle</span></a><a href="https://cybermaxtools.com/games/whirlane/"><b>Whirlane</b><span>One-tap orbit dodger</span></a><a href="https://cybermaxtools.com/games/townduel/"><b>Townduel</b><span>Which US town costs more?</span></a></div>
+<section class="seo" id="guide">
+<h2>Kenwren: friend quiz game online free</h2>
+<p>Kenwren is a free friend quiz maker. Answer 10 light questions about yourself, share one link with friends, family or a group chat, and see who knows you best on your private scoreboard. Solo, read a made-up friend&#x27;s clue card and guess their answers across 40 levels and a new daily read each day. No account, no email.</p>
+<h2>How to play Kenwren</h2>
+<ol><li>Pick your answers to 10 questions.</li><li>Get one link to share.</li><li>Friends type a nickname and guess your answers.</li><li>They see their score and rank when done.</li><li>Open your scoreboard any time.</li></ol>
+<h3>Controls</h3>
+<p><b>Phone and tablet:</b> Tap your answers and share the link in any chat app.</p>
+<p><b>Desktop, laptop and Chromebook:</b> Click your answers, copy the link and paste it anywhere.</p>
+<h2>Kenwren tips and strategy</h2>
+<ul><li>Mix easy and tricky questions so the scoreboard spreads out.</li><li>Share in a group chat for the most players.</li><li>Swap quizzes with a friend and compare scores.</li><li>In solo levels, match each clue to its question before you answer; from level 21 the card hides, so read it first.</li></ul>
+<h2>Game modes</h2>
+<ul><li>Classic pack (free, 20 questions).</li><li>Solo levels 1-20 and the daily read (free).</li><li>Fun Pass: solo levels 21-40, Deep and Spicy (clean) packs, quizzes kept for a year.</li></ul>
+<p>Free to play with no ads and no sign-up. The optional <a href="https://cybermaxtools.com/games/#pass">CyberMax Fun Pass</a> ($2.99/month, $19/year or $29.99 for life) adds cosmetic extras and bonus modes in every CyberMax game.</p>
+<h2>Kenwren FAQ</h2>
+<h3>Is Kenwren free?</h3><p>Yes. The Classic quiz pack, solo levels 1-20 and the daily read are free.</p>
+<h3>Do friends need an account?</h3><p>No, they just open the link and type a nickname.</p>
+<h3>Can friends see my answers?</h3><p>Not until they finish; scoring happens on our server.</p>
+<h3>How long are quizzes kept?</h3><p>30 days free, or a year with the Fun Pass.</p>
+<h3>Does it work in WhatsApp and Instagram?</h3><p>Yes, the link opens in any browser.</p>
+<h2>Similar free games</h2>
+<div class="more"><a href="https://cybermaxtools.com/games/pawfoil/"><b>Pawfoil</b><span>Make your pet a holo trading card</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/pathmoor/"><b>Pathmoor</b><span>Turn stones until every path glows</span></a><a href="https://cybermaxtools.com/games/"><b>All CyberMax games</b><span>Free browser games, no download</span></a></div>
 </section>
 </main>
 <footer>© 2026 CyberMax · <a href="https://cybermaxtools.com/games/">Games</a> · <a href="https://cybermaxtools.com/toys/">Toys</a> · <a href="https://cybermaxtools.com/store/">Store</a> · <a href="https://cybermaxtools.com/privacy">Privacy</a> · <a href="https://cybermaxtools.com/terms">Terms</a></footer>
 </div>
 <script type="module" src="game.js"></script>
-<!-- cybermax-count:start --><script>(function(){try{var u="https://data.cybermaxtools.com/v?p="+encodeURIComponent(location.host+location.pathname)+"&r="+encodeURIComponent((document.referrer||"").split("/")[2]||"")+(function(){var q=new URLSearchParams(location.search),s=q.get("utm_source");return s?"&us="+encodeURIComponent(s)+"&uc="+encodeURIComponent(q.get("utm_campaign")||""):""})();navigator.sendBeacon?navigator.sendBeacon(u):(new Image).src=u}catch(e){}})()</script><!-- cybermax-count:end --></body></html>
+</body></html>

kenwren/juice.js

@@ -0,0 +1,77 @@
+// Kenwren juice: synthesised WebAudio sounds (no audio files), confetti particles and screen shake.
+// Mute is remembered in localStorage (via the kit's store(), which never throws). Shake respects reduced motion.
+// (c) 2026 CyberMax.
+import { store } from './cmx.js';
+
+let ctx = null;
+let muted = !!store('kenwren:mute');
+export const isMuted = () => muted;
+export function setMuted(m) { muted = !!m; store('kenwren:mute', muted ? 1 : 0); }
+const calm = () => { try { return matchMedia('(prefers-reduced-motion: reduce)').matches; } catch { return false; } };
+
+function ac() {
+  if (muted) return null;
+  try {
+    if (!ctx) ctx = new (window.AudioContext || window.webkitAudioContext)();
+    if (ctx.state === 'suspended') ctx.resume();
+    return ctx;
+  } catch { return null; }
+}
+function tone(freq, at, dur, type = 'sine', vol = 0.18, slide = 0) {
+  const a = ac(); if (!a) return;
+  const t = a.currentTime + at;
+  const o = a.createOscillator(); const g = a.createGain();
+  o.type = type; o.frequency.setValueAtTime(freq, t);
+  if (slide) o.frequency.exponentialRampToValueAtTime(Math.max(40, freq + slide), t + dur);
+  g.gain.setValueAtTime(0.0001, t); g.gain.exponentialRampToValueAtTime(vol, t + 0.012); g.gain.exponentialRampToValueAtTime(0.0001, t + dur);
+  o.connect(g); g.connect(a.destination); o.start(t); o.stop(t + dur + 0.02);
+}
+export const sfx = {
+  tap() { tone(660, 0, 0.05, 'triangle', 0.08); },
+  ok() { tone(784, 0, 0.09, 'triangle'); tone(1175, 0.07, 0.14, 'triangle'); },
+  bad() { tone(196, 0, 0.22, 'sawtooth', 0.09, -90); tone(147, 0.05, 0.22, 'square', 0.05, -60); },
+  star(k = 0) { tone([523, 659, 784][k] || 784, 0, 0.18, 'triangle', 0.16); tone(([523, 659, 784][k] || 784) * 2, 0.04, 0.16, 'sine', 0.06); },
+  win() { [523, 659, 784, 1047].forEach((f, k) => tone(f, k * 0.09, 0.22, 'triangle', 0.15)); },
+  lose() { tone(330, 0, 0.18, 'triangle', 0.12, -60); tone(247, 0.16, 0.3, 'triangle', 0.12, -60); },
+};
+
+export function shake(el) {
+  if (!el || calm()) return;
+  el.classList.remove('shake'); void el.offsetWidth; el.classList.add('shake');
+  setTimeout(() => el.classList.remove('shake'), 420);
+}
+
+let cv = null; let parts = []; let raf = 0;
+const COLORS = ['#FFD166', '#FF6A3D', '#2FD3A0', '#B8FFF0', '#FF7AC6', '#ffffff'];
+/** Burst of particles from an element (or a point). `n` pieces; bad=true gives a small grey puff instead. */
+export function burst(from, n = 26, bad = false) {
+  try {
+    if (!cv) {
+      cv = document.createElement('canvas'); cv.className = 'fx'; cv.setAttribute('aria-hidden', 'true');
+      document.body.appendChild(cv);
+    }
+    const dpr = Math.min(2, window.devicePixelRatio || 1);
+    if (cv.width !== innerWidth * dpr) { cv.width = innerWidth * dpr; cv.height = innerHeight * dpr; }
+    const r = from && from.getBoundingClientRect ? from.getBoundingClientRect() : { left: innerWidth / 2, top: innerHeight / 3, width: 0, height: 0 };
+    const x = r.left + r.width / 2; const y = r.top + r.height / 2;
+    const count = calm() ? Math.ceil(n / 3) : n;
+    for (let k = 0; k < count; k++) {
+      const a = Math.random() * Math.PI * 2; const v = (bad ? 1.5 : 3) + Math.random() * (bad ? 2 : 5);
+      parts.push({ x, y, vx: Math.cos(a) * v, vy: Math.sin(a) * v - (bad ? 0.5 : 3), life: 1, s: 4 + Math.random() * 5, c: bad ? '#9aa0ad' : COLORS[k % COLORS.length], rot: Math.random() * 6 });
+    }
+    if (!raf) raf = requestAnimationFrame(step);
+  } catch { /* never break the game */ }
+}
+function step() {
+  const g = cv.getContext('2d'); const dpr = cv.width / innerWidth;
+  g.setTransform(dpr, 0, 0, dpr, 0, 0); g.clearRect(0, 0, innerWidth, innerHeight);
+  parts = parts.filter((p) => p.life > 0);
+  for (const p of parts) {
+    p.x += p.vx; p.y += p.vy; p.vy += 0.22; p.vx *= 0.985; p.life -= 0.022; p.rot += 0.2;
+    g.globalAlpha = Math.max(0, p.life); g.fillStyle = p.c;
+    g.save(); g.translate(p.x, p.y); g.rotate(p.rot); g.fillRect(-p.s / 2, -p.s / 4, p.s, p.s / 2); g.restore();
+  }
+  g.globalAlpha = 1;
+  raf = parts.length ? requestAnimationFrame(step) : 0;
+  if (!raf) g.clearRect(0, 0, innerWidth, innerHeight);
+}

kenwren/levels.js

@@ -0,0 +1,189 @@
+// Kenwren solo mode: "Read a friend". Each level is a fictional friend with a clue card; guess how they would answer.
+// Pure logic + data, no DOM (tested by tests/levels.test.mjs). Uses only the Classic questions from core.js, which are
+// opinion/personality questions; the people and clues below are made up, so there are no facts to source.
+// core.js is NOT changed by this file, so the toys Worker copy (kenwren-core.js) stays identical. (c) 2026 CyberMax.
+import { BY_ID } from './core.js';
+import { rng, hash, dayNumber } from './cmx.js';
+
+export const FREE_MAX = 20;      // levels 1-20 are free for everyone
+export const SEED_MAX = 100000;  // ?seed= range for "beat my score" links
+export const DAILY_LEN = 6;
+
+/** One clue line per option of every Classic question (same order as core.js opts). Each clue points at one answer. */
+export const CLUES = {
+  c01: ['Has a group chat that plans every Saturday.', 'Owns a blanket with a pocket for the TV remote.', 'Collects a fridge magnet from every new town.', 'Spends weekends ticking off a to-do list.'],
+  c02: ['Grinds espresso beans before saying a word.', 'Keeps twelve kinds of loose-leaf in a drawer.', 'Latte at 8 AM, chamomile at 8 PM.', 'Hot drinks? Just a glass of water, thanks.'],
+  c03: ['Always has a crinkly bag of something salty.', 'Hides a cocoa bar in every coat pocket.', 'Brings an apple and a banana everywhere.', 'Calls cheddar a personality trait.'],
+  c04: ['Stares at birds with open jealousy.', 'Wishes they could vanish at every awkward party.', 'Hates commutes; wants to blink straight to the office.', 'Always wants to know what you are thinking.'],
+  c05: ['Up at 5 AM, smiling, already jogged.', 'Does their best work at 2 AM.', 'Disappears for a siesta at 3 PM.', 'Yawns at breakfast, lunch and dinner.'],
+  c06: ['Packs sunscreen and flip-flops first.', 'Owns hiking boots and a summit selfie.', 'Plans holidays around museums and skylines.', 'Has a 40-song driving playlist ready.'],
+  c07: ['Phone gallery: 900 photos of a tabby.', 'Stops to pet every pup on the street.', 'Home has a purring sofa and a barking doorbell.', 'Talks to a goldfish named Bubbles.'],
+  c08: ['Starts every party on the dance floor.', 'Ends every party in a two-hour kitchen chat.', 'Knows every late-night takeaway menu by heart.', 'Leaves every party before 11.'],
+  c09: ['Gets giddy when the first blossoms appear.', 'Lives for long, hot days.', 'Kicks piles of crunchy leaves on purpose.', 'Counts down to snow and scarves.'],
+  c10: ['Says fruit on pizza is not a crime.', 'Grabs the spicy salami slices first.', 'Orders anything with porcini on it.', 'Likes their pizza plain. Very plain.'],
+  c11: ['Carries two power banks, just in case.', 'Phone is never full, never empty.', 'Always asking: "Anyone got a charger?"', 'Calls you back from someone else\'s phone.'],
+  c12: ['Belts out ballads at every open mic.', 'Joins every flash-mob routine.', 'Always first to give the wedding toast.', 'Would skip any stage for a quiet night in.'],
+  c13: ['Makes the team plan and hands out the jobs.', 'Fills a whiteboard with wild ideas.', 'Quietly finishes everyone else\'s slides.', 'Group project? Last seen in week one.'],
+  c14: ['Rewatches the funniest films just to laugh again.', 'Watches scary movies with the lights off.', 'Cries at every on-screen wedding.', 'Loves car chases and explosions.'],
+  c15: ['Answers texts before you lock your phone.', 'Replies… eventually. Like, next Thursday.', 'Sends four-minute audio messages.', 'Answers everything with 👍 or 🙃.'],
+  c16: ['Cooks eggs, toast and beans every morning.', 'Owns six boxes of flakes and hoops.', 'Skips food; one mug of coffee is breakfast.', 'Forgets to eat anything until lunch.'],
+  c17: ['Can quote every sitcom line.', 'Remembers every team\'s results from last season.', 'Names any song in two notes.', 'Full of trivia nobody asked for.'],
+  c18: ['Bed made, shelves dusted, socks sorted.', 'Messy desk, but knows where everything is.', 'Lost a shoe in their own bedroom. Twice.', 'Tidy on Monday, tornado by Friday.'],
+  c19: ['Checks the shower for eight-legged guests.', 'Won\'t go up the glass lookout tower.', 'Hands shake before any presentation.', 'Sleeps with a night light on.'],
+  c20: ['Has a world map pinned with 50 places to go.', 'Browses home listings for fun.', 'Has a resignation letter drafted, just in case.', 'Would win and keep it a total secret.'],
+};
+export const CLUE_QS = Object.keys(CLUES);
+
+/** Fictional friends (one per level, in order). */
+const CAST = [
+  ['Mo', '🦊'], ['Priya', '🐼'], ['Jules', '🐸'], ['Theo', '🐻'], ['Ana', '🦉'], ['Kai', '🐯'], ['Zara', '🦄'], ['Leo', '🦁'], ['Nia', '🐨'], ['Omar', '🐙'],
+  ['Ivy', '🐝'], ['Ravi', '🐧'], ['Luna', '🐰'], ['Finn', '🐳'], ['Maya', '🦋'], ['Sol', '🐢'], ['Ezra', '🦝'], ['Rosa', '🐞'], ['Dev', '🐲'], ['Tess', '🦩'],
+  ['Ari', '🐺'], ['Bea', '🐮'], ['Cal', '🦔'], ['Dani', '🐹'], ['Eli', '🦈'], ['Fay', '🦚'], ['Gus', '🐗'], ['Hana', '🐱'], ['Ike', '��'], ['Jo', '🐶'],
+  ['Kit', '🦦'], ['Lou', '🦥'], ['Mei', '🐿️'], ['Ned', '🦬'], ['Ola', '🦜'], ['Pip', '🐣'], ['Quin', '🦭'], ['Remy', '🐭'], ['Suki', '🦢'], ['Tomi', '🐉'],
+];
+
+/** The four solo packs: each adds one twist; every 10th level is a challenge level. */
+export const SOLO_PACKS = [
+  { id: 'first', name: 'First Impressions', from: 1, to: 10, twist: 'Clues stay on screen.' },
+  { id: 'chat', name: 'Group Chat', from: 11, to: 20, twist: 'Extra clues about other things mixed in.' },
+  { id: 'memory', name: 'Memory Lane', from: 21, to: 30, twist: 'The clue card hides after a few seconds.' },
+  { id: 'mind', name: 'Mind Reader', from: 31, to: 40, twist: 'Hidden card and a clock on every question.' },
+];
+
+// Hand-tuned table: qn = questions, order = clue order matches questions ('in') or is shuffled, noise = extra
+// off-topic clues, peek = seconds the card stays visible (0 = always), timer = seconds per question (0 = none).
+const T = [
+  /* 1-5 */ [3, 'in', 0, 0, 0], [3, 'in', 0, 0, 0], [3, 'in', 0, 0, 0], [4, 'in', 0, 0, 0], [4, 'in', 0, 0, 0],
+  /* 6-9 */ [4, 'mix', 0, 0, 0], [4, 'mix', 0, 0, 0], [5, 'mix', 0, 0, 0], [5, 'mix', 0, 0, 0],
+  /* 10 */ [6, 'mix', 0, 0, 0],
+  /* 11-15 */ [4, 'mix', 1, 0, 0], [4, 'mix', 2, 0, 0], [5, 'mix', 1, 0, 0], [5, 'mix', 2, 0, 0], [5, 'mix', 2, 0, 0],
+  /* 16-19 */ [6, 'mix', 2, 0, 0], [6, 'mix', 3, 0, 0], [6, 'mix', 3, 0, 0], [7, 'mix', 3, 0, 0],
+  /* 20 */ [8, 'mix', 4, 0, 0],
+  /* 21-25 */ [3, 'in', 0, 10, 0], [4, 'in', 0, 10, 0], [4, 'mix', 0, 10, 0], [5, 'mix', 0, 12, 0], [5, 'mix', 1, 12, 0],
+  /* 26-29 */ [5, 'mix', 1, 9, 0], [6, 'mix', 1, 12, 0], [6, 'mix', 2, 11, 0], [6, 'mix', 2, 9, 0],
+  /* 30 */ [8, 'mix', 2, 14, 0],
+  /* 31-35 */ [4, 'mix', 0, 10, 8], [4, 'mix', 1, 10, 7], [5, 'mix', 1, 11, 7], [5, 'mix', 1, 10, 6], [6, 'mix', 1, 12, 6],
+  /* 36-39 */ [6, 'mix', 2, 11, 6], [6, 'mix', 2, 10, 5], [7, 'mix', 2, 12, 5], [7, 'mix', 3, 12, 5],
+  /* 40 */ [10, 'mix', 2, 16, 6],
+];
+export const LEVELS = T.map(([qn, order, noise, peek, timer], k) => {
+  const n = k + 1;
+  return { n, who: CAST[k][0], emoji: CAST[k][1], qn, order, noise, peek, timer, challenge: n % 10 === 0, pack: SOLO_PACKS.find((p) => n >= p.from && n <= p.to).id };
+});
+
+function shuffle(arr, r) {
+  const a = arr.slice();
+  for (let i = a.length - 1; i > 0; i--) { const j = Math.floor(r() * (i + 1)); [a[i], a[j]] = [a[j], a[i]]; }
+  return a;
+}
+
+/** Build a round from a seed string: questions (with the friend's answers) and the clue card. Same seed, same round. */
+function build(seedStr, who, emoji, qn, order, noise) {
+  const r = rng(hash(seedStr));
+  let qs = shuffle(CLUE_QS, r);
+  // Never pair the two coffee questions (a "tea" friend whose breakfast is "just coffee" would read as a contradiction).
+  const pair = { c02: 'c16', c16: 'c02' };
+  qs = qs.filter((q, i) => !(pair[q] && qs.indexOf(pair[q]) < i));
+  const items = qs.slice(0, qn).map((q) => ({ q, a: Math.floor(r() * BY_ID[q].opts.length) }));
+  const extra = qs.slice(qn, qn + noise).map((q) => ({ q, a: Math.floor(r() * BY_ID[q].opts.length), noise: true }));
+  let card = [...items, ...extra].map((x) => ({ text: CLUES[x.q][x.a], q: x.q, noise: !!x.noise }));
+  if (order !== 'in') card = shuffle(card, r);
+  return { who, emoji, items, card };
+}
+
+export function buildLevel(n) {
+  const L = LEVELS[n - 1];
+  if (!L) return null;
+  return { ...L, kind: 'level', ...build(`kenwren-level-${n}`, L.who, L.emoji, L.qn, L.order, L.noise) };
+}
+
+/** "Daily read" / challenge round from a numeric seed (the daily uses today's puzzle number). */
+export function buildRead(seed) {
+  const r = rng(hash(`kenwren-read-${seed}`));
+  const [who, emoji] = CAST[Math.floor(r() * CAST.length)];
+  return { n: seed, kind: 'read', who, emoji, qn: DAILY_LEN, order: 'mix', noise: 1, peek: 12, timer: 0, challenge: false, ...build(`kenwren-read-${seed}`, who, emoji, DAILY_LEN, 'mix', 1) };
+}
+export const dailySeed = (iso) => dayNumber(iso);
+
+/** Stars: 3 = all right, 2 = at most one miss (on 4+ questions), 1 = at least 60% right, 0 = not cleared. */
+export function starsFor(right, qn) {
+  if (!(qn > 0) || !(right >= 0)) return 0;
+  const wrong = qn - right;
+  if (wrong <= 0) return 3;
+  if (wrong === 1 && qn >= 4) return 2;
+  return right >= Math.ceil(qn * 0.6) ? 1 : 0;
+}
+
+/** Saved progress, sanitised: { stars: { [n]: 1..3 }, reached: highest level ever started }. */
+export function cleanProgress(raw) {
+  const out = { stars: {}, reached: 1 };
+  if (!raw || typeof raw !== 'object') return out;
+  for (const [k, v] of Object.entries(raw.stars || {})) {
+    const n = Number(k);
+    if (Number.isInteger(n) && n >= 1 && n <= LEVELS.length && Number.isInteger(v) && v >= 1 && v <= 3) out.stars[n] = v;
+  }
+  if (Number.isInteger(raw.reached) && raw.reached >= 1 && raw.reached <= LEVELS.length) out.reached = raw.reached;
+  return out;
+}
+
+/** Can level n be played? 'ok' | 'progress' (clear the one before first) | 'pass' (Fun Pass level).
+ * Never takes a level away: anything up to the highest level already reached stays open, pass or not. */
+export function access(n, prog, pro) {
+  if (!Number.isInteger(n) || n < 1 || n > LEVELS.length) return 'progress';
+  if (n <= prog.reached) return 'ok';
+  if (n > FREE_MAX && !pro) return 'pass';
+  if (n > 1 && !(prog.stars[n - 1] > 0)) return 'progress';
+  return 'ok';
+}
+
+/** Mark level n as started (call only when access() said 'ok'). */
+export function start(prog, n) { return { stars: { ...prog.stars }, reached: Math.max(prog.reached, n) }; }
+
+/** Record a finished level: keeps the best stars ever. Clearing does not open a pass level by itself. */
+export function record(prog, n, right, qn) {
+  const s = starsFor(right, qn);
+  const stars = { ...prog.stars };
+  if (s > (stars[n] || 0)) stars[n] = s;
+  return { stars, reached: Math.max(prog.reached, n), got: s };
+}
+export const totalStars = (prog) => Object.values(prog.stars).reduce((a, b) => a + b, 0);
+/** The next level to play: the first not yet cleared that is open, else the last open one. */
+export function nextLevel(prog, pro) {
+  for (const L of LEVELS) if (!(prog.stars[L.n] > 0)) return access(L.n, prog, pro) === 'ok' ? L.n : Math.max(1, L.n - 1);
+  return LEVELS.length;
+}
+
+/** Daily streak: consecutive local days with a daily read finished. */
+export function streak(prev, iso) {
+  const d = dayNumber(iso);
+  const p = prev && Number.isInteger(prev.day) && Number.isInteger(prev.n) ? prev : null;
+  if (p && p.day === d) return p;
+  return { day: d, n: p && p.day === d - 1 ? p.n + 1 : 1, best: Math.max(p?.best || 0, p && p.day === d - 1 ? p.n + 1 : 1) };
+}
+export const streakNow = (s, iso) => (s && Number.isInteger(s.day) && s.day >= dayNumber(iso) - 1 ? s.n : 0);
+
+const INT = /^\d{1,6}$/;
+/** Parse "beat my score" links: ?lvl=<1..40>&score=<0..qn> or ?seed=<1..100000>&score=<0..6>. Garbage -> null. */
+export function parseLink(search) {
+  let p;
+  try { p = new URLSearchParams(search); } catch { return null; }
+  const num = (k) => (INT.test(p.get(k) || '') ? Number(p.get(k)) : null);
+  const lvl = num('lvl'); const seed = num('seed'); const sc = num('score');
+  if (p.has('lvl')) {
+    if (lvl === null || lvl < 1 || lvl > LEVELS.length) return null;
+    const qn = LEVELS[lvl - 1].qn;
+    return { lvl, score: sc !== null && sc <= qn ? sc : null };
+  }
+  if (p.has('seed')) {
+    if (seed === null || seed < 1 || seed > SEED_MAX) return null;
+    return { seed, score: sc !== null && sc <= DAILY_LEN ? sc : null };
+  }
+  return null;
+}
+export function linkQuery(o) {
+  if (o.lvl) return `?lvl=${o.lvl}${Number.isInteger(o.score) ? `&score=${o.score}` : ''}`;
+  return `?seed=${o.seed}${Number.isInteger(o.score) ? `&score=${o.score}` : ''}`;
+}
+
+/** Emoji result line for sharing. */
+export const grid = (marks) => marks.map((m) => (m ? '🟩' : '🟥')).join('');

kenwren/solo.js

@@ -0,0 +1,261 @@
+// Kenwren solo screens: level map, "read a friend" rounds, daily read, streak, share and beat-my-score links.
+// Logic lives in levels.js; sounds/particles in juice.js. (c) 2026 CyberMax.
+import { BY_ID } from './core.js';
+import { count, store, toast, share, today } from './cmx.js';
+import * as pass from './funpass.js';
+import { LEVELS, SOLO_PACKS, FREE_MAX, buildLevel, buildRead, dailySeed, starsFor, cleanProgress, access, start, record, totalStars, nextLevel, streak, streakNow, parseLink, linkQuery, grid } from './levels.js';
+import { sfx, shake, burst, isMuted, setMuted } from './juice.js';
+
+const GAME = 'kenwren';
+const $ = (id) => document.getElementById(id);
+const esc = (s) => String(s).replace(/[&<>"]/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' }[c]));
+let show = () => {};
+let PATH = '/games/kenwren/';
+let prog = cleanProgress(store('kenwren:levels'));
+let R = null;   // current round: { round, k, marks, beat, busy, timer }
+
+const saveProg = (p) => { prog = cleanProgress(p); store('kenwren:levels', prog); };
+const todayIso = () => today();
+const pro = () => pass.isPro();
+
+// ------------------------------------------------------------------ home strip (daily + levels + streak)
+export function renderHome() {
+  const iso = todayIso(); const n = dailySeed(iso);
+  $('daily-n').textContent = n;
+  const st = streakNow(store('kenwren:streak'), iso);
+  $('streak').hidden = !st; $('streak').querySelector('b').textContent = st;
+  $('streak').title = `${st}-day daily streak`;
+  const d = store('kenwren:daily');
+  $('daily-done').hidden = !(d && d.day === n);
+  $('levels-stars').textContent = `★ ${totalStars(prog)}/${LEVELS.length * 3}`;
+}
+
+// ------------------------------------------------------------------ level map
+function renderMap() {
+  $('map-stars').textContent = `★ ${totalStars(prog)}/${LEVELS.length * 3}`;
+  const host = $('map'); host.innerHTML = '';
+  for (const P of SOLO_PACKS) {
+    const sec = document.createElement('section'); sec.className = 'pack';
+    const paid = P.from > FREE_MAX;
+    sec.innerHTML = `<h3>${esc(P.name)} <small>${P.from}–${P.to}${paid ? ' · <span class="passtag">Fun Pass</span>' : ' · free'}</small></h3><p class="muted small">${esc(P.twist)}</p><div class="nodes"></div>`;
+    const nodes = sec.querySelector('.nodes');
+    for (let n = P.from; n <= P.to; n++) {
+      const L = LEVELS[n - 1]; const a = access(n, prog, pro()); const s = prog.stars[n] || 0;
+      const b = document.createElement('button');
+      b.type = 'button'; b.className = `node ${a}${s ? ' done' : ''}${L.challenge ? ' boss' : ''}`; b.dataset.lvl = n;
+      b.setAttribute('aria-label', `Level ${n}${L.challenge ? ' (challenge)' : ''}: ${a === 'ok' ? `${s} of 3 stars` : a === 'pass' ? 'needs the Fun Pass' : 'locked'}`);
+      b.innerHTML = `<span class="nn">${n}</span><span class="em">${a === 'ok' ? L.emoji : a === 'pass' ? '🔒' : '·'}</span><span class="st">${'★'.repeat(s)}${'☆'.repeat(3 - s)}</span>`;
+      b.onclick = () => openLevel(n, null, b);
+      nodes.appendChild(b);
+    }
+    host.appendChild(sec);
+  }
+}
+export function showMap() {
+  renderMap(); show('s-map');
+  const cur = $('map').querySelector(`[data-lvl="${nextLevel(prog, pro())}"]`);
+  if (cur) { cur.classList.add('cur'); }
+}
+
+function openLevel(n, beat = null, from = null, viaLink = false) {
+  const a = access(n, prog, pro());
+  const free = n <= FREE_MAX || pro();
+  if (a === 'pass' || (viaLink && !free && a !== 'ok')) { showMap(); pass.open(`level-${n}`); return; }
+  if (a === 'progress' && !viaLink) { sfx.bad(); shake(from); toast(`Clear level ${n - 1} first.`); return; }
+  saveProg(start(prog, n));
+  play(buildLevel(n), beat);
+}
+function openRead(seed, beat = null) { play(buildRead(seed), beat); }
+
+// ------------------------------------------------------------------ a round
+function play(round, beat) {
+  clearTimers();
+  R = { round, k: 0, marks: [], beat, busy: false, peekT: 0, qT: 0 };
+  const { who, emoji, qn, kind, n } = round;
+  const pack = kind === 'level' ? SOLO_PACKS.find((p) => p.id === round.pack).name : (n === dailySeed(todayIso()) ? 'Daily read' : 'Challenge read');
+  $('so-title').textContent = kind === 'level' ? `Level ${n}${round.challenge ? ' ★ challenge' : ''} · ${pack}` : `${pack} #${n}`;
+  const need = Math.ceil(qn * 0.6);
+  $('so-goal').innerHTML = `Goal: ${round.peek ? 'memorise the card, then guess' : 'guess'} how <b>${esc(who)}</b> answers${round.peek ? '' : ', using the clue card'}. ${need}/${qn} to clear${beat !== null ? ` · <b class="beat">Beat ${beat}</b>` : ''}`;
+  $('so-emoji').textContent = emoji; $('so-who').textContent = who;
+  $('so-clues').innerHTML = round.card.map((c, k) => `<li data-k="${k}">${esc(c.text)}</li>`).join('');
+  $('so-card').classList.remove('hidden');
+  $('so-pips').innerHTML = Array.from({ length: qn }, () => '<i></i>').join('');
+  count(GAME, 'play', kind === 'level' ? 'level' : 'daily');
+  show('s-solo');
+  if (round.peek) {
+    $('so-q-wrap').hidden = true; $('so-ready').hidden = false; $('so-peek').hidden = false;
+    const bar = $('so-peek').querySelector('i');
+    bar.style.transition = 'none'; bar.style.width = '100%'; void bar.offsetWidth;
+    bar.style.transition = `width ${round.peek}s linear`; bar.style.width = '0%';
+    R.peekT = setTimeout(hideCard, round.peek * 1000);
+  } else {
+    $('so-ready').hidden = true; $('so-peek').hidden = true; $('so-q-wrap').hidden = false; ask();
+  }
+}
+function hideCard() {
+  if (!R) return;
+  clearTimeout(R.peekT);
+  $('so-card').classList.add('hidden'); $('so-ready').hidden = true; $('so-peek').hidden = true; $('so-q-wrap').hidden = false;
+  sfx.tap(); ask();
+}
+function clearTimers() { if (R) { clearTimeout(R.peekT); clearTimeout(R.qT); clearTimeout(R.nextT); } $('so-hand').hidden = true; }
+
+function ask() {
+  const { round, k } = R; const it = round.items[k]; const q = BY_ID[it.q];
+  R.busy = false;
+  $('so-q').textContent = q.you.replaceAll('{n}', round.who);
+  const box = $('so-opts'); box.innerHTML = '';
+  q.opts.forEach((o, j) => {
+    const b = document.createElement('button');
+    b.type = 'button'; b.className = 'opt'; b.textContent = o;
+    b.onclick = () => pick(j, b);
+    box.appendChild(b);
+  });
+  // easy levels (clues in question order, always visible): light up the clue that belongs to this question
+  $('so-clues').querySelectorAll('li').forEach((li) => li.classList.remove('hint'));
+  $('so-clues').querySelectorAll('li').forEach((li) => li.classList.toggle('now', round.order === 'in' && !round.peek && Number(li.dataset.k) === k));
+  if (round.kind === 'level' && round.n === 1 && !(prog.stars[1] > 0)) hint(k, it.a);
+  if (round.timer) {
+    const t = $('so-timer'); const bar = t.querySelector('i'); t.hidden = false;
+    bar.style.transition = 'none'; bar.style.width = '100%'; void bar.offsetWidth;
+    bar.style.transition = `width ${round.timer}s linear`; bar.style.width = '0%';
+    R.qT = setTimeout(() => pick(-1, null), round.timer * 1000);
+  } else $('so-timer').hidden = true;
+}
+
+// No-text tutorial on level 1: a hand slides from the matching clue to the matching answer.
+function hint(k, a) {
+  const hand = $('so-hand'); const stage = $('stage');
+  const clue = $('so-clues').querySelector(`li[data-k="${k}"]`); const opt = $('so-opts').children[a];
+  if (!clue || !opt) return;
+  const sr = stage.getBoundingClientRect();
+  const pos = (el) => { const r = el.getBoundingClientRect(); return [r.left - sr.left + Math.min(r.width - 30, 60), r.top - sr.top + r.height / 2]; };
+  const [x1, y1] = pos(clue); const [x2, y2] = pos(opt);
+  hand.hidden = false; opt.classList.add('hint'); clue.classList.add('hint');
+  try {
+    hand.getAnimations().forEach((an) => an.cancel());
+    hand.animate([{ transform: `translate(${x1}px,${y1}px) scale(1)`, opacity: 0 }, { transform: `translate(${x1}px,${y1}px) scale(1)`, opacity: 1, offset: 0.15 },
+      { transform: `translate(${x2}px,${y2}px) scale(1)`, opacity: 1, offset: 0.7 }, { transform: `translate(${x2}px,${y2}px) scale(.85)`, opacity: 1, offset: 0.8 }, { transform: `translate(${x2}px,${y2}px) scale(1)`, opacity: 0 }],
+    { duration: 1800, iterations: Infinity, easing: 'ease-in-out' });
+  } catch { hand.style.transform = `translate(${x2}px,${y2}px)`; }
+}
+
+function pick(j, btn) {
+  if (!R || R.busy) return;
+  R.busy = true; clearTimeout(R.qT); $('so-hand').hidden = true;
+  const { round, k } = R; const it = round.items[k];
+  const ok = j === it.a;
+  const opts = $('so-opts').children;
+  if (navigator.vibrate) try { navigator.vibrate(ok ? 10 : [20, 40, 20]); } catch { /* */ }
+  [...opts].forEach((b, m) => { b.disabled = true; if (m === it.a) b.classList.add('right'); });
+  if (btn && !ok) btn.classList.add('wrong');
+  R.marks.push(ok);
+  const pip = $('so-pips').children[k]; pip.className = ok ? 'ok' : 'no';
+  if (ok) { sfx.ok(); burst(btn || opts[it.a], 22); } else { sfx.bad(); shake($('stage')); burst(btn || opts[it.a], 10, true); if (j < 0) toast('Time!', 900); }
+  R.nextT = setTimeout(() => { if (R.k + 1 < round.qn) { R.k++; ask(); } else done(); }, ok ? 480 : 950);
+}
+
+// ------------------------------------------------------------------ result
+function done() {
+  const { round, marks, beat } = R; const right = marks.filter(Boolean).length; const qn = round.qn;
+  $('so-timer').hidden = true;
+  const st = starsFor(right, qn);
+  let note = ''; let got = st;
+  const iso = todayIso(); const isDaily = round.kind === 'read' && round.n === dailySeed(iso);
+  if (round.kind === 'level') {
+    const before = prog.stars[round.n] || 0;
+    const r = record(prog, round.n, right, qn); got = r.got; saveProg(r);
+    if (got) count(GAME, 'win', `level-${round.n}`);
+    note = got ? (got > before && before ? 'New best!' : '') : `You need ${Math.ceil(qn * 0.6)} right to clear it. One tap to try again.`;
+  } else {
+    if (isDaily) {
+      const d = store('kenwren:daily');
+      if (!(d && d.day === round.n)) { store('kenwren:daily', { day: round.n, right, marks }); store('kenwren:streak', streak(store('kenwren:streak'), iso)); count(GAME, 'win', 'daily'); }
+      const s = streakNow(store('kenwren:streak'), iso);
+      note = `🔥 ${s}-day streak. A new friend to read tomorrow.`;
+    } else note = 'Challenge read: same friend, same clues for everyone with this link.';
+  }
+  if (beat !== null) note = `${right > beat ? `You beat ${beat}! 🎉` : right === beat ? `Tied at ${beat}. So close.` : `${beat} still wins. Try again?`} ${note}`;
+  $('dn-kick').textContent = round.kind === 'level' ? `Level ${round.n}${round.challenge ? ' · challenge' : ''}` : (isDaily ? `Daily read #${round.n}` : `Challenge read #${round.n}`);
+  $('dn-title').textContent = got || round.kind !== 'level' ? `You read ${round.who} ${right === qn ? 'perfectly' : 'well'}!` : `${round.who} stumped you`;
+  if (round.kind !== 'level' && right < Math.ceil(qn * 0.6)) $('dn-title').textContent = `${round.who} stumped you`;
+  $('dn-score').textContent = `${right}/${qn}`;
+  $('dn-grid').textContent = grid(marks);
+  $('dn-note').textContent = note;
+  const stars = $('dn-stars');
+  stars.innerHTML = round.kind === 'level' ? [0, 1, 2].map((k) => `<span class="${k < got ? 'on' : ''}">★</span>`).join('') : '';
+  // next button
+  const nb = $('dn-next');
+  if (round.kind === 'level') {
+    const nx = round.n + 1;
+    if (!got) { nb.textContent = '↻ Try again'; nb.onclick = () => openLevel(round.n, beat); }
+    else if (nx > LEVELS.length) { nb.textContent = '🗺 All levels'; nb.onclick = showMap; }
+    else if (access(nx, prog, pro()) === 'pass') { nb.textContent = `Level ${nx} 🔒 Fun Pass`; nb.onclick = () => pass.open(`level-${nx}`); }
+    else { nb.textContent = `Level ${nx} ▶`; nb.onclick = () => openLevel(nx); }
+  } else { nb.textContent = '▶ Solo levels'; nb.onclick = () => openLevel(nextLevel(prog, pro())); }
+  $('dn-retry').onclick = () => (round.kind === 'level' ? openLevel(round.n, beat) : openRead(round.n, beat));
+  $('dn-share').onclick = () => shareRound(round, right, marks);
+  show('s-done');
+  if (got || (round.kind !== 'level' && right >= Math.ceil(qn * 0.6))) {
+    sfx.win(); burst($('dn-score'), 60);
+    [...stars.children].forEach((s, k) => { if (k < got) setTimeout(() => { s.classList.add('pop'); sfx.star(k); }, 250 + k * 220); });
+  } else { sfx.lose(); shake($('stage')); }
+  if (isDaily) pass.afterWin($('dn-after'), 'daily'); else $('dn-after').innerHTML = '';
+  renderHome();
+}
+
+export function shareText(round, right, marks, streakN = 0) {
+  if (round.kind === 'level') {
+    const s = starsFor(right, round.qn);
+    return `Kenwren level ${round.n} ${'⭐'.repeat(s) || '💥'} ${right}/${round.qn}\n${grid(marks)}\nCan you read ${round.who} better? Beat ${right}:`;
+  }
+  return `Kenwren Daily read #${round.n} ${right}/${round.qn}${streakN ? ` 🔥${streakN}` : ''}\n${grid(marks)}\nHow well can you read a stranger? Beat ${right}:`;
+}
+function shareRound(round, right, marks) {
+  const q = linkQuery(round.kind === 'level' ? { lvl: round.n, score: right } : { seed: round.n, score: right });
+  share(GAME, shareText(round, right, marks, streakNow(store('kenwren:streak'), todayIso())), `${PATH}${q}`);
+}
+
+// ------------------------------------------------------------------ wiring
+export function initSolo(opts) {
+  show = opts.show; PATH = opts.path || PATH;
+  $('daily-btn').onclick = () => {
+    const n = dailySeed(todayIso()); const d = store('kenwren:daily');
+    if (d && d.day === n && Array.isArray(d.marks)) {
+      // already played today: show today's result (first try counts), with share + practice
+      R = { round: buildRead(n), marks: d.marks.map(Boolean), beat: null }; R.k = R.marks.length; done();
+      toast('You played today. Replays are practice; your first score stands.', 2600);
+      return;
+    }
+    openRead(n);
+  };
+  $('levels-btn').onclick = () => { sfx.tap(); showMap(); };
+  $('so-map').onclick = () => { clearTimers(); R = null; showMap(); };
+  $('dn-map').onclick = showMap;
+  $('map-home').onclick = () => { renderHome(); show('s-home'); };
+  $('so-retry').onclick = () => { if (!R) return; const r = R.round; r.kind === 'level' ? openLevel(r.n, R.beat) : openRead(r.n, R.beat); };
+  $('so-ready').onclick = hideCard;
+  const mute = $('mute');
+  const paint = () => { mute.textContent = isMuted() ? '🔇' : '🔊'; mute.setAttribute('aria-pressed', String(isMuted())); };
+  mute.onclick = () => { setMuted(!isMuted()); paint(); if (!isMuted()) sfx.ok(); };
+  paint();
+  document.addEventListener('keydown', (e) => {
+    if ($('s-solo').hidden) return;
+    if (/^[1-4]$/.test(e.key) && !$('so-q-wrap').hidden && R && !R.busy) { const b = $('so-opts').children[Number(e.key) - 1]; if (b) pick(Number(e.key) - 1, b); }
+    else if (e.key === 'r' || e.key === 'R') $('so-retry').click();
+    else if ((e.key === ' ' || e.key === 'Enter') && !$('so-ready').hidden) { e.preventDefault(); hideCard(); }
+  });
+  pass.onChange(() => { if (!$('s-map').hidden) renderMap(); });
+  renderHome();
+}
+
+/** Handle ?lvl= / ?seed= beat-my-score links. Returns true when it opened something. */
+export function route(search) {
+  const L = parseLink(search);
+  if (!L) return false;
+  if (L.lvl) openLevel(L.lvl, L.score, null, true); else openRead(L.seed, L.score);
+  return true;
+}
+
+// test/screenshot hook
+window.__kenwrenSolo = { get prog() { return prog; }, get round() { return R && R.round; }, answer: () => R && R.round.items[R.k].a };

kenwren/style.css

@@ -33,3 +33,45 @@
 .skins button[aria-pressed=true]{border-color:var(--ink)}.skins button.locked::after{content:"🔒";position:absolute;right:-6px;bottom:-6px;font-size:12px}
 .stage details{margin-top:14px}
 #packs{flex-wrap:wrap!important;overflow:visible!important;margin:14px 0 0!important;padding:0!important}
+/* solo mode: map, clue card, pips, stars, juice */
+.stage{position:relative}
+.solo-strip{margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.18)}.solo-strip .kick{margin-bottom:8px}.solo-strip p.small{margin:8px 0 0}
+.streak{font-weight:900;font-size:18px;background:rgba(255,255,255,.12);border-radius:999px;padding:6px 12px}
+.hud{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-bottom:6px}.hud b{flex:1;text-align:center;font-size:15px}
+.hud .btn.sm{min-width:44px}
+.goal{margin:0 0 10px;font-size:15px;background:rgba(0,0,0,.18);border-radius:10px;padding:7px 10px}.goal .beat{color:var(--k-hi)}
+:root[data-skin=paper] .goal{background:rgba(0,0,0,.06)}
+.pips{display:flex;gap:6px;margin:0 0 10px}.pips i{flex:1;height:8px;border-radius:9px;background:rgba(255,255,255,.2)}.pips i.ok{background:#2FD3A0}.pips i.no{background:#FF5C5C}
+.clue-card{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.22);border-radius:16px;padding:10px 14px;margin-bottom:10px}
+:root[data-skin=paper] .clue-card{background:#fff;border-color:rgba(0,0,0,.12)}
+.clue-card .who{margin:0 0 4px;font-size:18px}.clue-card #so-emoji{font-size:26px}
+.clue-card ul{margin:0;padding-left:20px}.clue-card li{padding:2px 0;font-size:15px;transition:background .2s}
+.clue-card li.now,.clue-card li.hint{background:rgba(255,209,102,.22);border-radius:6px;outline:2px solid var(--k-hi);outline-offset:1px}
+.clue-card .hid{display:none;margin:0;font-size:28px;text-align:center}
+.clue-card.hidden ul{display:none}.clue-card.hidden .hid{display:block}
+.peek,.tbar{height:6px;border-radius:9px;background:rgba(255,255,255,.2);overflow:hidden;margin:8px 0}.peek i,.tbar i{display:block;height:100%;width:100%;background:var(--k-hi)}
+.tbar i{background:#FF8A5C}
+#so-ready{margin-top:6px}
+#s-solo h2{margin:4px 0 10px;font-size:clamp(19px,4.6vw,24px)}
+.opt.right{background:#2FD3A0!important;color:#11141B!important;border-color:#2FD3A0!important}.opt.wrong{background:#FF5C5C!important;color:#fff!important;border-color:#FF5C5C!important}
+.opt.hint{border-color:var(--k-hi);box-shadow:0 0 0 3px rgba(255,209,102,.4)}
+.opt:disabled{cursor:default}
+.hand{position:absolute;left:0;top:0;font-size:38px;pointer-events:none;z-index:5;margin:-6px 0 0 -12px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.4))}
+.stars{font-size:52px;letter-spacing:6px;line-height:1;margin:4px 0}.stars span{opacity:.25;display:inline-block}.stars span.on{opacity:.25}.stars span.pop{opacity:1;color:var(--k-hi);animation:pop .35s ease-out}
+@keyframes pop{0%{transform:scale(.3)}70%{transform:scale(1.25)}100%{transform:scale(1)}}
+.grid{font-size:22px;letter-spacing:2px;margin:6px 0}
+#s-done .row{margin-top:10px}
+.pack h3{margin:14px 0 2px;font-size:17px}.pack h3 small{font-weight:600;opacity:.75}.passtag{background:linear-gradient(135deg,#FFB547,#FF6A3D);color:#11141B;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:800}
+.pack p.small{margin:0 0 8px}
+.nodes{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
+.node{display:flex;flex-direction:column;align-items:center;gap:0;padding:6px 2px;border-radius:14px;border:2px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:var(--k-ink);font:inherit;cursor:pointer;min-height:70px;touch-action:manipulation}
+:root[data-skin=paper] .node{background:#fff;border-color:rgba(0,0,0,.12)}
+.node .nn{font-weight:900;font-size:14px}.node .em{font-size:22px;line-height:1.1}.node .st{font-size:11px;color:var(--k-hi);letter-spacing:1px}
+.node.done{border-color:var(--k-hi)}.node.boss{border-style:dashed}.node.progress{opacity:.45}.node.pass{opacity:.8}
+.node.cur{box-shadow:0 0 0 3px var(--k-hi);animation:pulse 1.4s ease-in-out infinite}
+@keyframes pulse{50%{box-shadow:0 0 0 6px rgba(255,209,102,.35)}}
+.shake{animation:shake .38s}
+@keyframes shake{20%{transform:translateX(-8px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(3px)}}
+canvas.fx{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:98}
+@media (max-width:420px){.nodes{gap:6px}.node{min-height:64px}.stars{font-size:44px}}
+@media (max-width:420px){.top nav{display:none}.top .icon{padding:8px 7px}}

kenwren/sw.js

@@ -1,8 +1,8 @@
 // CyberMax game service worker: the game works offline after the first visit. Cache-first for the game's own files,
 // network-first for the page itself (so updates arrive), never caches API calls or other sites. (c) 2026 CyberMax.
 const GAME = 'kenwren';
-const CACHE = `cmx-${GAME}-8953bc3c85`;
-const FILES = ["index.html", "cmx.js", "core.js", "fun.css", "funpass.js", "game.js", "icon-192.png", "icon-512.png", "icon-maskable.png", "icon.svg", "index.html", "manifest.webmanifest", "style.css"];
+const CACHE = `cmx-${GAME}-f18f07a39a`;
+const FILES = ["index.html", "cmx.js", "core.js", "fun.css", "funpass.js", "game.js", "icon-192.png", "icon-512.png", "icon-maskable.png", "icon.svg", "index.html", "juice.js", "levels.js", "manifest.webmanifest", "solo.js", "style.css"];
 
 self.addEventListener('install', (e) => {
   e.waitUntil(caches.open(CACHE).then((c) => c.addAll(FILES)).then(() => self.skipWaiting()));