index.html

<!doctype html>
<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://cybermax-tools-cybermax.static.hf.space/sumbloom/index.html">
<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://cybermax-tools-cybermax.static.hf.space/sumbloom/index.html">
<meta property="og:image" content="https://cybermax-tools-cybermax.static.hf.space/sumbloom/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://cybermax-tools-cybermax.static.hf.space/sumbloom/index.html","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://cybermax-tools-cybermax.static.hf.space/honeyfold/index.html" target="_blank" rel="noopener">Honeyfold · idle bee game</a>
    <a href="https://cybermax-tools-cybermax.static.hf.space/utm-builder/index.html" target="_blank" rel="noopener">UTM Builder</a>
    <a href="https://cybermax-tools-cybermax.static.hf.space/profit-margin-calculator/index.html" target="_blank" rel="noopener">Profit Margin Calculator</a>
    <a href="https://cybermax-tools-cybermax.static.hf.space/salary-to-hourly-calculator/index.html" target="_blank" rel="noopener">Salary to Hourly Calculator</a>
    <a href="https://huggingface.co/spaces/CyberMax-tools/cybermax" target="_blank" rel="noopener">All CyberMax tools</a>
    <a href="https://cybermaxtools.com/store/?utm_source=sumbloom&amp;utm_medium=more-from" target="_blank" rel="noopener">CyberMax Store · paid products, API plans &amp; bundles</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>
<!-- cm:hf-upgrade-foot --><div id="cm-hf-up" hidden style="max-width:980px;margin:24px auto 12px;padding:0 16px;text-align:center;font:13px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;color:#64748b">Free tool by <a href="https://huggingface.co/spaces/CyberMax-tools/cybermax" target="_blank" rel="noopener" style="color:inherit">CyberMax</a> · Need more? <a href="https://data.cybermaxtools.com/buy/sumbloom-book?s=hf-space-sumbloom" target="_blank" rel="noopener" style="color:#0284c7;font-weight:600">Printable Sumbloom puzzle book: 120 number puzzles with answers &#8594;</a></div><script>(function(){if(/\.static\.hf\.space$/.test(location.hostname)){var d=document.getElementById("cm-hf-up");if(d)d.hidden=false}})()</script><!-- /cm:hf-upgrade-foot -->
<!-- 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>