Kimi K3

MoonshotJuly 2026

open raw ↗pit it against…

What it wrote

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>STARFORGE — Cosmic Incremental</title>
  <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⭐</text></svg>" />
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
  <link rel="stylesheet" href="style.css" />
</head>
<body>
  <canvas id="bg"></canvas>

  <div id="app">
    <header id="topbar">
      <div class="brand">✦ STAR<span>FORGE</span></div>

      <div class="top-stats">
        <div class="chip chip-dust" title="Stardust">
          <span class="chip-icon">✨</span>
          <span class="chip-num" id="dust-count">0</span>
        </div>
        <div class="chip" title="Stardust per second">
          <span class="chip-num" id="pps-count">0</span><span class="chip-unit">/s</span>
        </div>
        <div class="chip chip-cores hidden" id="chip-cores" title="Stellar Cores — permanent production bonus">
          <span class="chip-icon">🌟</span>
          <span class="chip-num" id="core-count">0</span>
        </div>
      </div>

      <div class="top-actions">
        <button id="btn-sound" class="icon-btn" title="Toggle sound">🔊</button>
        <button id="btn-particles" class="icon-btn" title="Toggle particles">✨</button>
        <button id="btn-save" class="icon-btn" title="Save now">💾</button>
        <button id="btn-wipe" class="icon-btn danger" title="Hard reset save">🗑️</button>
      </div>
    </header>

    <main>
      <!-- ══════════ LEFT: THE STAR ══════════ -->
      <section id="stage">
        <div id="combo-wrap" class="hidden">
          <div id="combo-track"><div id="combo-bar"></div></div>
          <div id="combo-label">COMBO ×1.0</div>
        </div>

        <div id="star-wrap">
          <div id="star-aura"></div>
          <div id="star" role="button" tabindex="0" aria-label="Forge stardust">
            <div id="star-core"></div>
          </div>
          <div id="star-ring"></div>
          <div id="star-ring2"></div>
        </div>

        <div id="click-power">+1 per click</div>
        <div id="float-layer"></div>
        <div id="comet" class="hidden" title="Catch the comet!">☄️</div>
      </section>

      <!-- ══════════ RIGHT: CONTROL PANEL ══════════ -->
      <aside id="panel">
        <nav id="tabs">
          <button class="tab active" data-tab="generators">🏭<span>Generators</span></button>
          <button class="tab" data-tab="upgrades">⚡<span>Upgrades</span><i id="upg-badge" class="badge hidden"></i></button>
          <button class="tab" data-tab="prestige">💫<span>Supernova</span></button>
          <button class="tab" data-tab="stats">📊<span>Stats</span></button>
        </nav>

        <div id="tab-generators" class="tab-page active">
          <div class="qty-row">
            <span class="qty-label">Buy</span>
            <button class="qty active" data-qty="1">×1</button>
            <button class="qty" data-qty="10">×10</button>
            <button class="qty" data-qty="100">×100</button>
            <button class="qty" data-qty="max">MAX</button>
          </div>
          <div id="generator-list"></div>
        </div>

        <div id="tab-upgrades" class="tab-page">
          <div id="upgrade-list"></div>
        </div>

        <div id="tab-prestige" class="tab-page">
          <div class="prestige-hero">💫</div>
          <h2>GO SUPERNOVA</h2>
          <p class="prestige-desc">
            Collapse your star into a brilliant supernova. You lose all stardust,
            generators and upgrades — but gain <b>Stellar Cores</b>. Each core
            permanently boosts ALL production by <b>+5%</b>, forever.
          </p>
          <div class="prestige-stats">
            <div class="pstat"><span>Current cores</span><b id="prestige-cores">0</b></div>
            <div class="pstat"><span>Current bonus</span><b id="prestige-bonus">+0%</b></div>
            <div class="pstat"><span>Cores on reset</span><b id="prestige-pending" class="gold">0</b></div>
          </div>
          <div id="prestige-progress-wrap">
            <div id="prestige-progress"></div>
          </div>
          <div id="prestige-next">Next core at 1.00M stardust forged this run</div>
          <button id="btn-prestige" class="big-btn" disabled>💫 GO SUPERNOVA</button>
          <div id="prestige-history"></div>
        </div>

        <div id="tab-stats" class="tab-page">
          <div id="stats-list"></div>
          <h3 class="ach-title">🏆 Achievements <span id="ach-count"></span></h3>
          <div id="ach-grid"></div>
        </div>
      </aside>
    </main>
  </div>

  <div id="toast-stack"></div>
  <div id="modal-root"></div>
  <div id="flash"></div>

  <script src="game.js"></script>
</body>
</html>