Deploy sumbloom

README.md

@@ -1,10 +1,30 @@
 ---
-title: Sumbloom
-emoji: 📈
+title: "Sumbloom — Daily Number Puzzle"
+emoji: 🌸
 colorFrom: pink
-colorTo: indigo
+colorTo: yellow
 sdk: static
 pinned: false
+license: other
+short_description: "Free daily math puzzle: 6 numbers, 5 targets"
+tags:
+- game
+- puzzle
+- math
+- daily-puzzle
+- html5
+- browser-game
+- cybermax
 ---
+**Sumbloom** is a free daily number puzzle. Combine six numbers with + − × ÷ to hit five targets. Everyone gets the same puzzle each day, and every target is guaranteed solvable. Share your blossoms 🌸🌼🌱 without spoilers, keep a streak, or play unlimited practice puzzles.
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+- A new puzzle every midnight (your local time), plus practice mode
+- Scoring: exact = 3 stars, within 10 = 2, within 25 = 1 (15 max)
+- Stats, streaks and a spoiler-free share grid
+- Works on phones, offline once loaded (PWA), no sign-up, no ads
+
+Open it full screen: https://shaw276-sumbloom.static.hf.space/
+
+More free tools and games from CyberMax: https://huggingface.co/spaces/shaw276/cybermax
+
+© 2026 CyberMax. All rights reserved.

game.js

@@ -0,0 +1,318 @@
+/* Sumbloom — daily number puzzle. © 2026 CyberMax. All rights reserved. */
+(function () {
+  "use strict";
+
+  var SITE = "https://shaw276-sumbloom.static.hf.space/";
+  var KEY = "sumbloom:v1:";
+  var C = window.SumbloomCore;
+  var makePuzzle = C.makePuzzle, apply = C.apply, puzzleNo = C.puzzleNo, todayStr = C.todayStr, OPS = C.OPS, FLOWER = C.FLOWER;
+
+  // ---------- storage (never throws) ----------
+  function load(k, dflt) {
+    try { var v = localStorage.getItem(KEY + k); return v ? JSON.parse(v) : dflt; } catch (e) { return dflt; }
+  }
+  function save(k, v) { try { localStorage.setItem(KEY + k, JSON.stringify(v)); } catch (e) { /* ignore */ } }
+
+  // ---------- state ----------
+  var el = function (id) { return document.getElementById(id); };
+  var mode = "daily";
+  var dateStr = todayStr();
+  var puzzle, state, active = 0, selTile = null, selOp = null, practiceSeed = null;
+
+  function freshState() {
+    return {
+      rounds: puzzle.map(function (r) {
+        return { tiles: r.nums.map(function (n, i) { return { id: i, v: n, gone: false }; }), hist: [], log: [], done: false, stars: 0, best: null };
+      })
+    };
+  }
+
+  function startDaily() {
+    mode = "daily";
+    dateStr = todayStr();
+    puzzle = makePuzzle("daily:" + dateStr);
+    state = load("day:" + dateStr, null);
+    if (!state || !state.rounds || state.rounds.length !== 5) state = freshState();
+    active = firstOpen();
+    el("puzzle-label").textContent = "Daily #" + puzzleNo(dateStr) + " · " + dateStr;
+    el("btn-mode").textContent = "Practice mode";
+    render();
+  }
+  function startPractice() {
+    mode = "practice";
+    practiceSeed = "practice:" + Date.now() + ":" + Math.random();
+    puzzle = makePuzzle(practiceSeed);
+    state = freshState();
+    active = 0;
+    el("puzzle-label").textContent = "Practice puzzle";
+    el("btn-mode").textContent = "Back to daily";
+    render();
+  }
+  function firstOpen() {
+    for (var i = 0; i < 5; i++) if (!state.rounds[i].done) return i;
+    return 4;
+  }
+  function persist() { if (mode === "daily") save("day:" + dateStr, state); }
+
+  // ---------- rendering ----------
+  function render() {
+    var R = state.rounds[active];
+    var rounds = el("rounds");
+    rounds.innerHTML = "";
+    puzzle.forEach(function (p, i) {
+      var b = document.createElement("button");
+      var rs = state.rounds[i];
+      b.className = "round" + (i === active ? " active" : "") + (rs.done ? " done" : "");
+      b.innerHTML = p.target + "<small>" + (rs.done ? "★".repeat(rs.stars) + "☆".repeat(3 - rs.stars) : "") + "</small>";
+      b.setAttribute("aria-label", "Target " + p.target + (rs.done ? ", " + rs.stars + " stars" : ""));
+      b.onclick = function () { active = i; selTile = null; selOp = null; render(); };
+      rounds.appendChild(b);
+    });
+    el("target").textContent = puzzle[active].target;
+    var best = closestOnBoard(R);
+    if (R.done) {
+      el("closest").textContent = R.stars === 3 ? "Bloomed! Exact hit." : "Submitted " + R.best + " (" + Math.abs(R.best - puzzle[active].target) + " away)";
+    } else {
+      el("closest").textContent = best !== null ? "Closest so far: " + best + (best === puzzle[active].target ? "" : " (" + Math.abs(best - puzzle[active].target) + " away)") : " ";
+    }
+    var board = el("board");
+    board.innerHTML = "";
+    R.tiles.forEach(function (t) {
+      var b = document.createElement("button");
+      b.className = "tile" + (t.gone ? " gone" : "") + (selTile === t.id ? " sel" : "") + (t.fresh ? " new" : "") +
+        (R.done && t.v === puzzle[active].target && !t.gone ? " hit" : "");
+      b.textContent = t.v;
+      b.disabled = R.done || t.gone;
+      b.setAttribute("aria-label", "Number " + t.v);
+      b.onclick = function () { tapTile(t.id, b); };
+      board.appendChild(b);
+      t.fresh = false;
+    });
+    Array.prototype.forEach.call(document.querySelectorAll(".op"), function (b) {
+      b.classList.toggle("sel", selOp === b.dataset.op);
+      b.disabled = R.done;
+    });
+    el("btn-undo").disabled = R.done || R.hist.length === 0;
+    el("btn-submit").disabled = R.done;
+    el("btn-submit").textContent = R.done ? (allDone() ? "See results" : "Next target →") : "Submit closest";
+    if (R.done) el("btn-submit").disabled = false;
+    var log = el("log");
+    log.innerHTML = "";
+    R.log.forEach(function (s) { var li = document.createElement("li"); li.textContent = s; log.appendChild(li); });
+  }
+
+  function closestOnBoard(R) {
+    var t = puzzle[active].target, best = null;
+    R.tiles.forEach(function (x) { if (!x.gone && (best === null || Math.abs(x.v - t) < Math.abs(best - t))) best = x.v; });
+    return best;
+  }
+  function allDone() { return state.rounds.every(function (r) { return r.done; }); }
+
+  function tapTile(id, node) {
+    var R = state.rounds[active];
+    if (R.done) return;
+    if (selTile === null || (selOp === null)) {
+      selTile = selTile === id ? null : id;
+      render();
+      return;
+    }
+    if (selTile === id) { selTile = null; selOp = null; render(); return; }
+    var a = R.tiles.filter(function (t) { return t.id === selTile; })[0];
+    var b = R.tiles.filter(function (t) { return t.id === id; })[0];
+    var v = apply(a.v, selOp, b.v);
+    if (!v) {
+      node.classList.add("shake");
+      toast(selOp === "-" ? "Results must be positive: try the bigger number first" : "Only whole-number division");
+      setTimeout(function () { node.classList.remove("shake"); }, 320);
+      return;
+    }
+    R.hist.push(JSON.stringify({ tiles: R.tiles, log: R.log }));
+    R.log = R.log.concat(a.v + " " + OPS[selOp] + " " + b.v + " = " + v);
+    a.gone = true;
+    b.v = v; b.fresh = true;
+    selTile = id; selOp = null;
+    if (v === puzzle[active].target) finishRound(3, v);
+    persist();
+    render();
+  }
+
+  function tapOp(op) {
+    var R = state.rounds[active];
+    if (R.done) return;
+    if (selTile === null) { toast("Pick a number first"); return; }
+    selOp = selOp === op ? null : op;
+    render();
+  }
+
+  function undo() {
+    var R = state.rounds[active];
+    if (R.done || !R.hist.length) return;
+    var prev = JSON.parse(R.hist.pop());
+    R.tiles = prev.tiles; R.log = prev.log;
+    selTile = null; selOp = null;
+    persist(); render();
+  }
+
+  function starsFor(diff) { return diff === 0 ? 3 : diff <= 10 ? 2 : diff <= 25 ? 1 : 0; }
+
+  function finishRound(stars, best) {
+    var R = state.rounds[active];
+    R.done = true; R.stars = stars; R.best = best; R.hist = [];
+    selTile = null; selOp = null;
+    toast(stars === 3 ? "🌸 Bloomed!" : FLOWER[stars] + " " + stars + " star" + (stars === 1 ? "" : "s"));
+    if (allDone()) {
+      if (mode === "daily") recordStats();
+      persist();
+      setTimeout(showResults, 700);
+    }
+  }
+
+  function submit() {
+    var R = state.rounds[active];
+    if (R.done) {
+      if (allDone()) { showResults(); return; }
+      active = firstOpen(); render(); return;
+    }
+    var best = closestOnBoard(R);
+    finishRound(starsFor(Math.abs(best - puzzle[active].target)), best);
+    persist(); render();
+  }
+
+  // ---------- stats ----------
+  function recordStats() {
+    var st = load("stats", { played: 0, streak: 0, maxStreak: 0, last: null, total: 0, perfect: 0, dist: {} });
+    if (st.last === dateStr) return;
+    var score = totalStars();
+    var y = new Date(); y.setDate(y.getDate() - 1);
+    st.streak = st.last === todayStr(y) ? st.streak + 1 : 1;
+    st.maxStreak = Math.max(st.maxStreak, st.streak);
+    st.played += 1; st.total += score; if (score === 15) st.perfect += 1;
+    st.dist[score] = (st.dist[score] || 0) + 1;
+    st.last = dateStr;
+    save("stats", st);
+  }
+  function totalStars() { return state.rounds.reduce(function (s, r) { return s + (r.stars || 0); }, 0); }
+
+  function shareText() {
+    var head = mode === "daily" ? "Sumbloom #" + puzzleNo(dateStr) : "Sumbloom practice";
+    return head + " " + totalStars() + "/15\n" + state.rounds.map(function (r) { return FLOWER[r.stars || 0]; }).join("") + "\n" + SITE;
+  }
+
+  function share() {
+    var text = shareText();
+    if (navigator.share && /Mobi|Android/i.test(navigator.userAgent)) {
+      navigator.share({ text: text }).catch(function () { copy(text); });
+    } else copy(text);
+  }
+  function copy(text) {
+    if (navigator.clipboard && navigator.clipboard.writeText) {
+      navigator.clipboard.writeText(text).then(function () { toast("Copied to clipboard"); }, function () { fallbackCopy(text); });
+    } else fallbackCopy(text);
+  }
+  function fallbackCopy(text) {
+    var ta = document.createElement("textarea");
+    ta.value = text; document.body.appendChild(ta); ta.select();
+    try { document.execCommand("copy"); toast("Copied to clipboard"); } catch (e) { toast("Copy failed"); }
+    document.body.removeChild(ta);
+  }
+
+  // ---------- modals ----------
+  function openModal(html) {
+    el("modal-body").innerHTML = html;
+    el("modal").hidden = false;
+    el("modal-close").focus();
+  }
+  function closeModal() { el("modal").hidden = true; clearInterval(cdTimer); }
+  var cdTimer = null;
+
+  function countdown() {
+    var now = new Date(), next = new Date(now); next.setHours(24, 0, 0, 0);
+    var s = Math.max(0, Math.floor((next - now) / 1000));
+    return String(Math.floor(s / 3600)).padStart(2, "0") + ":" + String(Math.floor(s % 3600 / 60)).padStart(2, "0") + ":" + String(s % 60).padStart(2, "0");
+  }
+
+  function solutionHtml() {
+    return puzzle.map(function (p, i) {
+      return "<div class='sol'><b>" + p.target + "</b>: " + p.solution.map(function (s) { return s[0] + " " + OPS[s[1]] + " " + s[2] + " = " + s[3]; }).join(" · ") + "</div>";
+    }).join("<div style='height:6px'></div>");
+  }
+
+  function showResults() {
+    var html = "<h2>" + (mode === "daily" ? "Daily #" + puzzleNo(dateStr) : "Practice") + " complete</h2>" +
+      "<div class='big-score'>" + totalStars() + "/15</div>" +
+      "<div class='share-grid'>" + state.rounds.map(function (r) { return FLOWER[r.stars || 0]; }).join("") + "</div>" +
+      "<button class='btn' id='btn-share' style='width:100%'>Share result</button>" +
+      "<p style='font-size:14px'>One way to reach each target:</p>" + solutionHtml() +
+      (mode === "daily" ? "<p class='countdown'>Next puzzle in <b id='cd'>" + countdown() + "</b></p>" : "") +
+      "<button class='btn ghost' id='btn-practice' style='width:100%;margin-top:8px'>" + (mode === "daily" ? "Play a practice puzzle" : "New practice puzzle") + "</button>";
+    openModal(html);
+    el("btn-share").onclick = share;
+    el("btn-practice").onclick = function () { closeModal(); startPractice(); };
+    if (mode === "daily") cdTimer = setInterval(function () { var c = el("cd"); if (c) c.textContent = countdown(); }, 1000);
+  }
+
+  function showStats() {
+    var st = load("stats", { played: 0, streak: 0, maxStreak: 0, total: 0, perfect: 0, dist: {} });
+    var avg = st.played ? (st.total / st.played).toFixed(1) : "–";
+    var max = 1; for (var k in st.dist) max = Math.max(max, st.dist[k]);
+    var rows = "";
+    for (var sc = 15; sc >= 0; sc--) {
+      var n = st.dist[sc] || 0;
+      if (!n && sc < 10) continue;
+      rows += "<div class='dist-row'><span style='width:22px;text-align:right'>" + sc + "</span><span class='bar-fill' style='width:" + (8 + 80 * n / max) + "%'>" + n + "</span></div>";
+    }
+    openModal("<h2>Statistics</h2><div class='stats'><div><b>" + st.played + "</b><span>Played</span></div><div><b>" + avg +
+      "</b><span>Avg stars</span></div><div><b>" + st.streak + "</b><span>Streak</span></div><div><b>" + st.maxStreak +
+      "</b><span>Best streak</span></div></div><p style='font-size:14px;margin-bottom:4px'>Daily scores (" + st.perfect + " perfect)</p><div class='dist'>" +
+      (rows || "<p style='font-size:14px;color:var(--muted)'>Finish today's puzzle to start your stats.</p>") + "</div>" +
+      (allDone() && mode === "daily" ? "<button class='btn' id='btn-share2' style='width:100%'>Share today's result</button>" : ""));
+    var b = el("btn-share2"); if (b) b.onclick = share;
+  }
+
+  function showHelp() {
+    openModal("<h2>How to play</h2><p>Reach the target by combining numbers with + − × ÷.</p>" +
+      "<div class='how-demo'><span>5</span><span class='o'>×</span><span>6</span><span class='o'>=</span><span style='background:var(--petal);color:#fff;border-color:var(--petal)'>30</span></div>" +
+      "<p>Tap a number, tap an operation, then tap a second number. They merge into the result. You don't need every number, and only whole positive results count.</p>" +
+      "<p><b>Scoring:</b> exact = 3 blossoms 🌸, within 10 = 2 🌼, within 25 = 1 🌱. Can't get closer? Press <b>Submit closest</b>.</p>" +
+      "<p>Five targets a day, the same for everyone. A new puzzle every midnight, plus unlimited practice. Keys: + − * / and Backspace to undo.</p>" +
+      "<button class='btn' id='btn-go' style='width:100%'>Play</button>");
+    el("btn-go").onclick = closeModal;
+  }
+
+  var toastTimer = null;
+  function toast(msg) {
+    var t = el("toast"); t.textContent = msg; t.classList.add("show");
+    clearTimeout(toastTimer); toastTimer = setTimeout(function () { t.classList.remove("show"); }, 1600);
+  }
+
+  // ---------- wire up ----------
+  Array.prototype.forEach.call(document.querySelectorAll(".op"), function (b) { b.onclick = function () { tapOp(b.dataset.op); }; });
+  el("btn-undo").onclick = undo;
+  el("btn-submit").onclick = submit;
+  el("btn-help").onclick = showHelp;
+  el("btn-stats").onclick = showStats;
+  el("btn-mode").onclick = function () { mode === "daily" ? startPractice() : startDaily(); };
+  el("modal-close").onclick = closeModal;
+  el("modal").onclick = function (e) { if (e.target === el("modal")) closeModal(); };
+  document.addEventListener("keydown", function (e) {
+    if (!el("modal").hidden) { if (e.key === "Escape") closeModal(); return; }
+    if (OPS[e.key]) tapOp(e.key);
+    else if (e.key === "x" || e.key === "X") tapOp("*");
+    else if (e.key === "Backspace") undo();
+    else if (e.key === "Enter") submit();
+  });
+
+  // expose for tests
+  window.Sumbloom = { makePuzzle: makePuzzle, apply: apply, puzzleNo: puzzleNo, state: function () { return state; }, puzzle: function () { return puzzle; } };
+
+  document.addEventListener("visibilitychange", function () {
+    if (!document.hidden && mode === "daily" && todayStr() !== dateStr) { closeModal(); startDaily(); }
+  });
+
+  startDaily();
+  if (!load("seenHelp", false)) { save("seenHelp", true); showHelp(); }
+
+  if ("serviceWorker" in navigator && location.protocol === "https:") {
+    navigator.serviceWorker.register("sw.js").catch(function () {});
+  }
+})();

index.html

@@ -1,19 +1,96 @@
 <!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 lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
+<title>Sumbloom — Free Daily Number Puzzle (Math Game Like Digits)</title>
+<meta name="description" content="Free daily number puzzle: combine six numbers with + − × ÷ to hit five targets. New puzzle every day, shareable results, streaks and practice.">
+<meta name="keywords" content="daily number puzzle, math puzzle game, digits game, number game, daily math game, arithmetic puzzle, countdown numbers">
+<meta name="theme-color" content="#e8527a">
+<link rel="canonical" href="https://shaw276-sumbloom.static.hf.space/">
+<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 property="og:type" content="website">
+<meta property="og:title" content="Sumbloom — the daily number puzzle">
+<meta property="og:description" content="Six numbers, four operations, five targets. A new free puzzle every day.">
+<meta property="og:url" content="https://shaw276-sumbloom.static.hf.space/">
+<meta property="og:image" content="https://shaw276-sumbloom.static.hf.space/og.png">
+<meta name="twitter:card" content="summary_large_image">
+<script type="application/ld+json">
+{"@context":"https://schema.org","@type":"VideoGame","name":"Sumbloom","description":"A free daily number puzzle: combine six numbers with addition, subtraction, multiplication and division to reach five targets.","url":"https://shaw276-sumbloom.static.hf.space/","genre":["Puzzle","Math"],"gamePlatform":"Web browser","applicationCategory":"GameApplication","operatingSystem":"Any","offers":{"@type":"Offer","price":"0","priceCurrency":"USD"},"author":{"@type":"Organization","name":"CyberMax"},"publisher":{"@type":"Organization","name":"CyberMax"},"copyrightYear":2026}
+</script>
+<link rel="stylesheet" href="style.css">
+</head>
+<body>
+<header class="bar">
+  <button class="icon-btn" id="btn-help" aria-label="How to play">?</button>
+  <h1 class="logo"><span class="logo-mark" aria-hidden="true">✿</span> Sumbloom</h1>
+  <div class="bar-right">
+    <button class="icon-btn" id="btn-stats" aria-label="Statistics">▦</button>
+  </div>
+</header>
+
+<main id="app">
+  <div class="mode-row">
+    <span id="puzzle-label" class="puzzle-label">Daily #1</span>
+    <button class="link-btn" id="btn-mode">Practice mode</button>
+  </div>
+
+  <nav class="rounds" id="rounds" aria-label="Targets"></nav>
+
+  <section class="target-wrap" aria-live="polite">
+    <div class="target-caption">Make</div>
+    <div class="target" id="target">0</div>
+    <div class="closest" id="closest">&nbsp;</div>
+  </section>
+
+  <section class="board" id="board" aria-label="Numbers"></section>
+
+  <section class="ops" id="ops" aria-label="Operations">
+    <button class="op" data-op="+" aria-label="add">+</button>
+    <button class="op" data-op="-" aria-label="subtract">−</button>
+    <button class="op" data-op="*" aria-label="multiply">×</button>
+    <button class="op" data-op="/" aria-label="divide">÷</button>
+  </section>
+
+  <section class="actions">
+    <button class="btn ghost" id="btn-undo">↶ Undo</button>
+    <button class="btn" id="btn-submit">Submit closest</button>
+  </section>
+
+  <ol class="log" id="log" aria-label="Your steps"></ol>
+</main>
+
+<section class="seo" aria-label="About Sumbloom">
+  <h2>How to play Sumbloom</h2>
+  <p>Each day brings five targets. For each one you get six numbers. Tap a number, an operation (+, −, ×, ÷), then another number: the two combine into a new number. Keep combining until you hit the target exactly. You don't have to use every number. Only whole, positive results are allowed.</p>
+  <p>Hit a target exactly for three blossoms. Within 10 earns two, within 25 earns one. The best daily score is 15. Share your result without spoilers, keep your streak going, and play unlimited practice puzzles any time.</p>
+  <h2>A daily math game for everyone</h2>
+  <p>Sumbloom is a free arithmetic puzzle in the spirit of classic "numbers round" games. Every player in the world gets the same puzzle on the same day, and every target is guaranteed solvable. It works on phones, tablets and desktops, offline too once loaded, with no account and no ads.</p>
+</section>
+
+<footer class="more">
+  <div class="more-title">More from CyberMax</div>
+  <div class="more-links">
+    <a href="https://huggingface.co/spaces/shaw276/honeyfold" target="_blank" rel="noopener">Honeyfold · idle bee game</a>
+    <a href="https://huggingface.co/spaces/shaw276/utm-builder" target="_blank" rel="noopener">UTM Builder</a>
+    <a href="https://huggingface.co/spaces/shaw276/profit-margin-calculator" target="_blank" rel="noopener">Profit Margin Calculator</a>
+    <a href="https://huggingface.co/spaces/shaw276/salary-to-hourly-calculator" target="_blank" rel="noopener">Salary to Hourly Calculator</a>
+    <a href="https://huggingface.co/spaces/shaw276/cybermax" target="_blank" rel="noopener">All CyberMax tools</a>
+  </div>
+  <div class="copy">© 2026 CyberMax. All rights reserved.</div>
+</footer>
+
+<div class="modal" id="modal" role="dialog" aria-modal="true" aria-labelledby="modal-title" hidden>
+  <div class="modal-card">
+    <button class="icon-btn modal-close" id="modal-close" aria-label="Close">×</button>
+    <div id="modal-body"></div>
+  </div>
+</div>
+<div class="toast" id="toast" role="status" aria-live="polite"></div>
+
+<script src="puzzle.js"></script>
+<script src="game.js"></script>
+</body>
 </html>

manifest.webmanifest

@@ -0,0 +1,15 @@
+{
+  "name": "Sumbloom — Daily Number Puzzle",
+  "short_name": "Sumbloom",
+  "description": "Combine six numbers with + − × ÷ to hit five targets. A new puzzle every day.",
+  "start_url": "./",
+  "scope": "./",
+  "display": "standalone",
+  "background_color": "#fff8f4",
+  "theme_color": "#e8527a",
+  "icons": [
+    {"src": "icon.svg", "sizes": "any", "type": "image/svg+xml"},
+    {"src": "icon-192.png", "sizes": "192x192", "type": "image/png"},
+    {"src": "icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any maskable"}
+  ]
+}

puzzle.js

@@ -0,0 +1,121 @@
+/* Sumbloom puzzle core (pure, no DOM). © 2026 CyberMax. All rights reserved. */
+(function (root) {
+  "use strict";
+  var EPOCH = Date.UTC(2026, 8, 24); // puzzle #1 = 24 Sep 2026
+  var ROUNDS = [
+    { small: 5, large: 1, min: 20, max: 99, steps: [2] },
+    { small: 4, large: 2, min: 50, max: 199, steps: [2, 3] },
+    { small: 4, large: 2, min: 100, max: 299, steps: [3] },
+    { small: 3, large: 3, min: 150, max: 399, steps: [3, 4] },
+    { small: 3, large: 3, min: 250, max: 499, steps: [4] }
+  ];
+  var LARGE = [10, 11, 12, 13, 15, 20, 25];
+  var OPS = { "+": "+", "-": "−", "*": "×", "/": "÷" };
+  var FLOWER = ["🍂", "🌱", "🌼", "🌸"];
+
+  // ---------- seeded random ----------
+  function hash(str) {
+    var h = 1779033703 ^ str.length;
+    for (var i = 0; i < str.length; i++) {
+      h = Math.imul(h ^ str.charCodeAt(i), 3432918353);
+      h = (h << 13) | (h >>> 19);
+    }
+    return function () {
+      h = Math.imul(h ^ (h >>> 16), 2246822507);
+      h = Math.imul(h ^ (h >>> 13), 3266489909);
+      return (h ^= h >>> 16) >>> 0;
+    };
+  }
+  function mulberry(seed) {
+    return function () {
+      seed |= 0; seed = (seed + 0x6d2b79f5) | 0;
+      var t = Math.imul(seed ^ (seed >>> 15), 1 | seed);
+      t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t;
+      return ((t ^ (t >>> 14)) >>> 0) / 4294967296;
+    };
+  }
+  function pick(rng, arr) { return arr[Math.floor(rng() * arr.length)]; }
+
+  function apply(a, op, b) {
+    if (op === "+") return a + b;
+    if (op === "-") return a - b > 0 ? a - b : null;
+    if (op === "*") return a * b;
+    if (op === "/") return b !== 0 && a % b === 0 ? a / b : null;
+    return null;
+  }
+
+  function oneStepValues(nums) {
+    var out = {};
+    for (var i = 0; i < nums.length; i++) for (var j = 0; j < nums.length; j++) {
+      if (i === j) continue;
+      for (var op in OPS) { var v = apply(nums[i], op, nums[j]); if (v) out[v] = true; }
+    }
+    return out;
+  }
+
+  // Build one round: numbers + a target reached by a known sequence of steps.
+  function makeRound(rng, cfg) {
+    for (var attempt = 0; attempt < 5000; attempt++) {
+      var small = [];
+      while (small.length < cfg.small) {
+        var s = 1 + Math.floor(rng() * 9);
+        if (small.filter(function (x) { return x === s; }).length < 1 || rng() < 0.15) small.push(s);
+      }
+      var large = [];
+      while (large.length < cfg.large) {
+        var l = pick(rng, LARGE);
+        if (large.indexOf(l) < 0) large.push(l);
+      }
+      var nums = small.concat(large).sort(function (a, b) { return a - b; });
+      var pool = nums.slice();
+      var steps = pick(rng, cfg.steps);
+      var sol = [];
+      var ok = true;
+      for (var k = 0; k < steps && ok; k++) {
+        var tries = 0, done = false;
+        while (!done && tries++ < 60) {
+          var i = Math.floor(rng() * pool.length), j = Math.floor(rng() * pool.length);
+          if (i === j) continue;
+          var r = rng();
+          var op = r < 0.3 ? "+" : r < 0.5 ? "-" : r < 0.85 ? "*" : "/";
+          var a = pool[i], b = pool[j];
+          if (op === "*" && (a === 1 || b === 1)) continue;
+          if (op === "/" && b === 1) continue;
+          var v = apply(a, op, b);
+          if (!v) continue;
+          sol.push([a, op, b, v]);
+          pool.splice(Math.max(i, j), 1);
+          pool.splice(Math.min(i, j), 1);
+          pool.push(v);
+          done = true;
+        }
+        if (!done) ok = false;
+      }
+      if (!ok) continue;
+      var target = sol[sol.length - 1][3];
+      if (target < cfg.min || target > cfg.max) continue;
+      if (nums.indexOf(target) >= 0) continue;
+      if (oneStepValues(nums)[target]) continue; // no one-move targets
+      return { nums: nums, target: target, solution: sol };
+    }
+    throw new Error("could not build round");
+  }
+
+  function makePuzzle(seedStr) {
+    var rng = mulberry(hash(seedStr)());
+    return ROUNDS.map(function (cfg) { return makeRound(rng, cfg); });
+  }
+
+  // ---------- dates ----------
+  function todayStr(d) {
+    d = d || new Date();
+    return d.getFullYear() + "-" + String(d.getMonth() + 1).padStart(2, "0") + "-" + String(d.getDate()).padStart(2, "0");
+  }
+  function puzzleNo(dateStr) {
+    var p = dateStr.split("-").map(Number);
+    return Math.floor((Date.UTC(p[0], p[1] - 1, p[2]) - EPOCH) / 864e5) + 1;
+  }
+
+  root.SumbloomCore = { makePuzzle: makePuzzle, apply: apply, puzzleNo: puzzleNo, todayStr: todayStr, OPS: OPS, FLOWER: FLOWER };
+  if (typeof module !== "undefined") module.exports = root.SumbloomCore;
+})(typeof window !== "undefined" ? window : globalThis);

robots.txt

@@ -0,0 +1,3 @@
+User-agent: *
+Allow: /
+Sitemap: https://shaw276-sumbloom.static.hf.space/sitemap.xml

sitemap.xml

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"><url><loc>https://shaw276-sumbloom.static.hf.space/</loc><lastmod>2026-09-24</lastmod><changefreq>daily</changefreq></url></urlset>

style.css

@@ -1,28 +1,84 @@
-body {
-	padding: 2rem;
-	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
+:root{
+  --bg:#fff8f4;--surface:#ffffff;--ink:#2b2230;--muted:#7a6d7f;--line:#f0dfe3;
+  --petal:#e8527a;--petal-soft:#fde3ea;--leaf:#3f9a6b;--leaf-soft:#dcf3e6;--sun:#f4b73f;
+  --tile:#fff;--tile-ink:#2b2230;--tile-line:#eac9d2;--shadow:0 2px 0 #eac9d2;
+  color-scheme:light;
 }
-
-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;
+@media (prefers-color-scheme:dark){
+  :root{--bg:#1b1620;--surface:#251e2b;--ink:#f4ecf5;--muted:#b3a5b8;--line:#3a2f41;
+    --petal:#ff7098;--petal-soft:#4a2433;--leaf:#5cc48e;--leaf-soft:#1f3a2c;--sun:#f7c55c;
+    --tile:#2f2636;--tile-ink:#f4ecf5;--tile-line:#4d3f56;--shadow:0 2px 0 #120e15;color-scheme:dark}
 }
+*{box-sizing:border-box}
+html,body{margin:0}
+body{background:var(--bg);color:var(--ink);font:16px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
+  -webkit-tap-highlight-color:transparent;min-height:100vh;display:flex;flex-direction:column;align-items:center}
+button{font:inherit;color:inherit;cursor:pointer}
+.bar{width:100%;max-width:560px;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line)}
+.logo{margin:0;font-size:24px;letter-spacing:.5px;font-weight:800}
+.logo-mark{color:var(--petal)}
+.icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-weight:700;font-size:18px}
+.bar-right{display:flex;gap:8px}
+main{width:100%;max-width:560px;padding:12px 16px 8px}
+.mode-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted)}
+.link-btn{background:none;border:0;color:var(--petal);font-weight:600;padding:6px 0;text-decoration:underline;text-underline-offset:3px}
+.rounds{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:10px 0 6px}
+.round{border:2px solid var(--line);background:var(--surface);border-radius:12px;padding:6px 2px;font-weight:700;font-size:17px;position:relative;min-height:54px}
+.round small{display:block;font-size:12px;font-weight:600;color:var(--muted);letter-spacing:1px;min-height:16px}
+.round.active{border-color:var(--petal);box-shadow:0 0 0 3px var(--petal-soft)}
+.round.done{background:var(--leaf-soft)}
+.target-wrap{text-align:center;margin:10px 0 4px}
+.target-caption{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:var(--muted)}
+.target{font-size:64px;line-height:1;font-weight:800;color:var(--petal);font-variant-numeric:tabular-nums}
+.closest{font-size:14px;color:var(--muted);min-height:20px;margin-top:4px}
+.board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px auto 12px;max-width:320px}
+.tile{aspect-ratio:1/1;border-radius:50%;border:2px solid var(--tile-line);background:var(--tile);color:var(--tile-ink);
+  font-size:clamp(22px,7vw,32px);font-weight:800;font-variant-numeric:tabular-nums;box-shadow:var(--shadow);
+  transition:transform .12s ease,background .15s,border-color .15s;display:flex;align-items:center;justify-content:center}
+.tile:active{transform:scale(.95)}
+.tile.sel{background:var(--petal);color:#fff;border-color:var(--petal)}
+.tile.gone{visibility:hidden}
+.tile.new{animation:bloom .35s ease}
+.tile.hit{background:var(--leaf);border-color:var(--leaf);color:#fff}
+@keyframes bloom{0%{transform:scale(.4)}70%{transform:scale(1.12)}100%{transform:scale(1)}}
+.shake{animation:shake .3s}
+@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
+.ops{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:360px;margin:0 auto}
+.op{height:54px;border-radius:14px;border:2px solid var(--line);background:var(--surface);font-size:28px;font-weight:700}
+.op.sel{background:var(--sun);border-color:var(--sun);color:#2b2230}
+.actions{display:flex;gap:10px;max-width:360px;margin:14px auto 0}
+.btn{flex:1;height:48px;border-radius:24px;border:0;background:var(--petal);color:#fff;font-weight:700;font-size:16px}
+.btn.ghost{background:var(--surface);color:var(--ink);border:2px solid var(--line)}
+.btn:disabled{opacity:.45;cursor:default}
+.log{list-style:none;padding:0;margin:14px auto 0;max-width:360px;font-size:15px;color:var(--muted);text-align:center;min-height:24px}
+.log li{display:inline-block;margin:2px 6px;font-variant-numeric:tabular-nums}
+.seo{width:100%;max-width:560px;padding:8px 16px 0;color:var(--muted);font-size:14px}
+.seo h2{font-size:16px;color:var(--ink);margin:18px 0 6px}
+.more{width:100%;max-width:560px;margin-top:20px;padding:16px;border-top:1px solid var(--line);text-align:center;font-size:14px}
+.more-title{font-weight:700;margin-bottom:8px}
+.more-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
+.more-links a{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 12px;text-decoration:none}
+.more-links a:hover{border-color:var(--petal)}
+.copy{margin-top:12px;color:var(--muted);font-size:12px}
+.modal{position:fixed;inset:0;background:rgba(20,10,20,.55);display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}
+.modal[hidden]{display:none}
+.modal-card{position:relative;background:var(--surface);border-radius:18px;max-width:420px;width:100%;max-height:90vh;overflow:auto;padding:22px 20px 20px;box-shadow:0 20px 50px rgba(0,0,0,.3)}
+.modal-close{position:absolute;right:10px;top:10px}
+.modal-card h2{margin:0 0 10px;font-size:22px}
+.modal-card p{margin:8px 0}
+.stats{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;margin:12px 0}
+.stats b{display:block;font-size:26px}
+.stats span{font-size:12px;color:var(--muted)}
+.dist{margin:8px 0}
+.dist-row{display:flex;align-items:center;gap:8px;font-size:13px;margin:3px 0}
+.dist-row .bar-fill{background:var(--petal);color:#fff;border-radius:4px;padding:1px 6px;min-width:22px;text-align:right}
+.share-grid{font-size:30px;letter-spacing:4px;text-align:center;margin:8px 0}
+.big-score{font-size:44px;font-weight:800;text-align:center;color:var(--petal)}
+.countdown{text-align:center;color:var(--muted);font-size:14px}
+.sol{font-variant-numeric:tabular-nums;background:var(--bg);border-radius:10px;padding:8px 12px;font-size:15px}
+.toast{position:fixed;top:70px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:10px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s;z-index:20;max-width:90vw;text-align:center}
+.toast.show{opacity:1}
+.how-demo{display:flex;gap:6px;align-items:center;justify-content:center;font-weight:800;font-size:20px;margin:10px 0}
+.how-demo span{display:inline-flex;width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center;border:2px solid var(--tile-line)}
+.how-demo .o{border:0;width:auto}
+@media (max-width:380px){.target{font-size:54px}.op{height:48px}}

sw.js

@@ -0,0 +1,20 @@
+/* Sumbloom offline cache. © 2026 CyberMax. All rights reserved. */
+var CACHE = "sumbloom-v1";
+var FILES = ["./", "index.html", "style.css", "puzzle.js", "game.js", "manifest.webmanifest", "icon.svg", "icon-192.png", "icon-512.png"];
+self.addEventListener("install", function (e) {
+  e.waitUntil(caches.open(CACHE).then(function (c) { return c.addAll(FILES); }).then(function () { return self.skipWaiting(); }));
+});
+self.addEventListener("activate", function (e) {
+  e.waitUntil(caches.keys().then(function (keys) {
+    return Promise.all(keys.filter(function (k) { return k !== CACHE; }).map(function (k) { return caches.delete(k); }));
+  }).then(function () { return self.clients.claim(); }));
+});
+self.addEventListener("fetch", function (e) {
+  if (e.request.method !== "GET" || new URL(e.request.url).origin !== location.origin) return;
+  // Network first so updates arrive quickly; cache as offline fallback.
+  e.respondWith(fetch(e.request).then(function (r) {
+    var copy = r.clone();
+    caches.open(CACHE).then(function (c) { c.put(e.request, copy); });
+    return r;
+  }).catch(function () { return caches.match(e.request, { ignoreSearch: true }); }));
+});