npm - bmad-method - Versions diffs - 6.8.1-next.0 → 6.8.1-next.2 - Mend

bmad-method 6.8.1-next.0 → 6.8.1-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (34) hide show

package/src/core-skills/bmad-brainstorming/assets/brain-selector.html ADDED Viewed

@@ -0,0 +1,326 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>BMad Method Brainstorming Selection</title>
+<script>
+/* set the theme before first paint so there's no light-mode flash */
+(function(){ try {
+  var t = localStorage.getItem('bmad-theme');
+  if (!t) { t = (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) ? 'dark' : 'light'; }
+  document.documentElement.setAttribute('data-theme', t);
+} catch(e){} })();
+</script>
+<style>
+  :root {
+    --bg:#f6f7fb; --surface:#fff; --ink:#1c1e2b; --muted:#6b7080;
+    --accent:#5b4bdc; --accent-ink:#5b4bdc; --warn:#c0561f;
+    --line:#e6e8f0; --control:#eef0f7; --control2:#f1f2f8; --raised:#fff;
+    --cnt:#b9bdce; --foot:#aeb2c4; --shadow:rgba(20,20,50,.06);
+  }
+  :root[data-theme="dark"] {
+    --bg:#0f1117; --surface:#171a23; --ink:#e7e9f2; --muted:#9aa0b4;
+    --accent:#6d5cf0; --accent-ink:#a99bff; --warn:#e08a4a;
+    --line:#2a2f3e; --control:#222634; --control2:#1d212d; --raised:#2c3242;
+    --cnt:#5a6076; --foot:#5a6076; --shadow:rgba(0,0,0,.45);
+  }
+  /* lift the category hue toward white on dark surfaces so deep hues stay legible */
+  :root[data-theme="dark"] section > h2 { color:color-mix(in srgb, var(--c) 62%, #fff); }
+  :root[data-theme="dark"] .tech .ico { color:color-mix(in srgb, var(--c) 68%, #fff); }
+  :root[data-theme="dark"] label.tech:has(input:checked) { border-color:color-mix(in srgb, var(--c) 60%, #fff); }
+  .titlerow { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
+  .themebtn { flex:none; width:36px; height:36px; border-radius:9px; background:var(--control); color:var(--ink); font-size:17px; line-height:1; display:inline-flex; align-items:center; justify-content:center; }
+  .themebtn:hover { background:var(--raised); }
+  * { box-sizing:border-box; }
+  body { margin:0; font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; background:var(--bg); color:var(--ink); }
+  header { position:sticky; top:0; z-index:5; background:var(--surface); padding:20px 0 12px; border-bottom:1px solid var(--line); box-shadow:0 2px 12px var(--shadow); }
+  .hwrap { max-width:1120px; margin:0 auto; padding:0 24px; }  /* align header content with the card column on wide screens */
+  h1 { margin:0 0 4px; font-size:24px; letter-spacing:-.02em; }
+  .sub { margin:0 0 12px; color:var(--muted); font-size:14px; max-width:74ch; }
+  button { font:inherit; border:0; border-radius:8px; cursor:pointer; }
+  .composer { display:flex; flex-direction:column; gap:9px; margin:6px 0 12px; }
+  .grp { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
+  .glabel { font-size:11px; text-transform:uppercase; letter-spacing:.07em; color:var(--muted); min-width:74px; }
+  .modes { display:inline-flex; background:var(--control); border-radius:9px; padding:3px; gap:2px; }
+  .mode { padding:7px 13px; font-size:14px; font-weight:600; color:var(--muted); background:transparent; }
+  .mode.on { background:var(--raised); color:var(--accent-ink); box-shadow:0 1px 3px var(--shadow); }
+  .modehint { flex:1 1 240px; min-width:0; font-size:13px; color:var(--muted); font-style:italic; }
+  .pill { font-size:13px; color:var(--muted); background:var(--control); padding:6px 12px; border-radius:20px; }
+  .pill b { color:var(--accent-ink); }
+  .step { display:inline-flex; align-items:center; gap:7px; font-size:13px; color:var(--ink); background:var(--control2); padding:4px 6px 4px 12px; border-radius:20px; }
+  .step b { min-width:12px; text-align:center; font-size:14px; color:var(--ink); }
+  .step button { width:24px; height:24px; border-radius:50%; background:var(--raised); color:var(--muted); font-size:17px; line-height:22px; text-align:center; box-shadow:0 1px 2px var(--shadow); }
+  .step button:hover { color:var(--accent-ink); }
+  .total { font-size:12px; color:var(--muted); }
+  .total.warn { color:var(--warn); font-weight:600; }
+  .bar { display:flex; gap:10px 14px; align-items:center; flex-wrap:wrap; }
+  #copy { margin-left:auto; padding:9px 22px; background:var(--accent); color:#fff; font-size:14px; font-weight:700; }
+  #copy:hover { filter:brightness(1.07); }
+  .chips { flex:1 1 320px; min-width:0; display:flex; gap:7px; flex-wrap:wrap; align-items:center; }
+  .chip { font-size:12px; padding:4px 11px; border-radius:16px; border:0; color:#fff; background:var(--cc); font-weight:600; cursor:pointer; }
+  .chip:hover { filter:brightness(1.08); }
+  .banner { max-height:0; overflow:hidden; transition:max-height .25s ease, padding .22s ease, margin .22s ease; background:linear-gradient(90deg,var(--accent),#8275f2); color:#fff; border-radius:10px; font-weight:700; text-align:center; padding:0 14px; }
+  .banner.show { max-height:64px; padding:13px 14px; margin-top:10px; }
+  .banner.fail { background:linear-gradient(90deg,var(--warn),#e0894a); }
+  main { padding:18px 24px 60px; max-width:1120px; margin:0 auto; }
+  section { margin:0 0 26px; }
+  section > h2 { font-size:13px; text-transform:uppercase; letter-spacing:.08em; color:var(--c); margin:0 0 10px; border-bottom:1px solid color-mix(in srgb, var(--c) 24%, var(--line)); padding-bottom:6px; }
+  section > h2 .cnt { color:color-mix(in srgb, var(--c) 45%, var(--cnt)); margin-left:6px; }
+  .grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(360px,1fr)); gap:10px; }
+  label.tech { display:flex; gap:12px; align-items:flex-start; background:color-mix(in srgb, var(--c) 5%, var(--surface)); border:1px solid color-mix(in srgb, var(--c) 18%, var(--line)); border-radius:10px; padding:11px 13px; cursor:pointer; transition:border-color .12s, box-shadow .12s, background .12s; }
+  label.tech:hover { border-color:color-mix(in srgb, var(--c) 45%, var(--surface)); }
+  label.tech input { margin-top:2px; width:17px; height:17px; accent-color:var(--c); flex:none; }
+  label.tech:has(input:checked) { border-color:var(--c); background:color-mix(in srgb, var(--c) 12%, var(--surface)); box-shadow:0 0 0 2px color-mix(in srgb, var(--c) 30%, transparent); }
+  .tech .ic2 { display:flex; gap:5px; flex:none; }
+  .tech .ico { width:40px; height:40px; flex:none; color:var(--c); }
+  .tech .n { font-weight:600; display:block; }
+  .tech .d { color:var(--muted); font-size:13.5px; display:block; margin-top:2px; }
+  .tech .gf { color:var(--accent-ink); font-size:11px; display:block; margin-top:5px; opacity:.85; }
+  .grouphdr { margin:30px 0 12px; font-size:12px; text-transform:uppercase; letter-spacing:.14em; font-weight:700; color:var(--c); opacity:.92; border-bottom:1px solid color-mix(in srgb, var(--c) 22%, var(--line)); padding-bottom:7px; }
+  main > .grouphdr:first-child { margin-top:2px; }
+  :root[data-theme="dark"] .grouphdr { color:color-mix(in srgb, var(--c) 62%, #fff); }
+  .goals { display:flex; gap:7px; flex-wrap:wrap; }
+  .goal { font-size:12px; padding:5px 12px; border-radius:16px; background:var(--control); color:var(--muted); font-weight:600; }
+  .goal:hover { color:var(--ink); }
+  .goal.on { background:var(--accent); color:#fff; }
+  label.tech.invent { border-style:dashed; background:transparent; }
+  label.tech.invent:hover { border-color:var(--c); }
+  label.tech.invent .n { color:var(--c); }
+  label.tech.hidden { display:none; }
+  footer { text-align:center; color:var(--foot); font-size:12px; padding:24px; }
+</style>
+</head>
+<body>
+<header>
+  <div class="hwrap">
+  <div class="titlerow">
+    <h1>BMad Method Brainstorming Selection</h1>
+    <button id="theme" class="themebtn" type="button" aria-label="Toggle dark mode" title="Toggle dark mode"></button>
+  </div>
+  <p class="sub">Compose your session, hit <strong>Copy prompt</strong>, and paste it back into the chat to begin. 108 techniques across 13 categories.</p>
+  <div class="composer">
+    <div class="grp">
+      <span class="glabel">Facilitation</span>
+      <div class="modes" id="modes">
+        <button type="button" class="mode on" data-mode="Facilitator">Facilitator</button>
+        <button type="button" class="mode" data-mode="Creative Partner">Creative Partner</button>
+        <button type="button" class="mode" data-mode="Ideate for me">Ideate for me</button>
+      </div>
+      <span class="modehint" id="modehint"></span>
+    </div>
+    <div class="grp">
+      <span class="glabel">Techniques</span>
+      <span class="pill">Picked <b id="pickN">0</b></span>
+      <span class="step">Random <button type="button" data-step="rand" data-d="-1">&minus;</button><b id="randN">0</b><button type="button" data-step="rand" data-d="1">+</button></span>
+      <span class="step">Invent <button type="button" data-step="inv" data-d="-1">&minus;</button><b id="invN">0</b><button type="button" data-step="inv" data-d="1">+</button></span>
+      <span class="step">AI picks <button type="button" data-step="ai" data-d="-1">&minus;</button><b id="aiN">0</b><button type="button" data-step="ai" data-d="1">+</button></span>
+      <span class="total" id="total">Total 0 &middot; 3&ndash;4 is the sweet spot</span>
+      <button id="copy" type="button">Copy prompt</button>
+    </div>
+  </div>
+  <div class="bar"><span class="glabel">Great for</span><div class="goals" id="goals"><button type="button" class="goal" data-goal="feature">Build a feature</button><button type="button" class="goal" data-goal="novel">Novel concept</button><button type="button" class="goal" data-goal="strategy">Strategy</button><button type="button" class="goal" data-goal="planning">Planning</button><button type="button" class="goal" data-goal="diagnosis">Diagnose</button><button type="button" class="goal" data-goal="personal">Personal / life</button><button type="button" class="goal" data-goal="unstuck">Get unstuck</button></div></div>
+  <div class="bar">
+    <span class="glabel">Jump to</span>
+    <div class="chips" id="chips"><button type="button" class="chip" data-cat="Proven &amp; Professional" style="--cc:#3d4f73">Proven &amp; Professional</button><button type="button" class="chip" data-cat="Structured" style="--cc:#3b6ea5">Structured</button><button type="button" class="chip" data-cat="Deep" style="--cc:#4658c9">Deep</button><button type="button" class="chip" data-cat="Creative" style="--cc:#6d5cf0">Creative</button><button type="button" class="chip" data-cat="Biomimetic" style="--cc:#1f9d6b">Biomimetic</button><button type="button" class="chip" data-cat="Cultural" style="--cc:#c75b39">Cultural</button><button type="button" class="chip" data-cat="Speculative Future" style="--cc:#0fb5c9">Speculative Future</button><button type="button" class="chip" data-cat="Quantum" style="--cc:#2b86d9">Quantum</button><button type="button" class="chip" data-cat="Wild" style="--cc:#e2562f">Wild</button><button type="button" class="chip" data-cat="Absurdist" style="--cc:#e0529c">Absurdist</button><button type="button" class="chip" data-cat="Theatrical" style="--cc:#cf4d6f">Theatrical</button><button type="button" class="chip" data-cat="Constraint" style="--cc:#d9882b">Constraint</button><button type="button" class="chip" data-cat="Introspective Delight" style="--cc:#b15ad6">Introspective Delight</button><button type="button" class="chip" data-cat="Collaborative" style="--cc:#15a3a3">Collaborative</button></div>
+  </div>
+  <div class="banner" id="banner">&#10003; Copied! Now paste it into the chat to start your session.</div>
+  </div>
+</header>
+<main>
+<section data-cat="Proven &amp; Professional" style="--c:#3d4f73"><h2>Proven &amp; Professional<span class="cnt">29</span></h2><div class="grid"><label class="tech" style="--c:#15a3a3"><input type="checkbox" data-name="Yes And Building" data-cat="Collaborative" data-desc="Never negate; each person opens with &quot;Yes, and...&quot; and adds to the last idea, stacking a chain of accepted additions" data-good="novel|unstuck|planning" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8"><line x1="14" y1="16" x2="30" y2="16"/><line x1="14" y1="16" x2="22" y2="30"/><line x1="30" y1="16" x2="22" y2="30"/></g><g fill="currentColor" fill-opacity="0.22"><circle cx="14" cy="16" r="4.6"/><circle cx="30" cy="16" r="4.6"/><circle cx="22" cy="30" r="4.6"/></g><g fill="currentColor"><circle cx="14" cy="16" r="2.4"/><circle cx="30" cy="16" r="2.4"/><circle cx="22" cy="30" r="2.4"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="8" y="27" width="12" height="8" rx="1.5" fill-opacity=".8"/><rect x="14" y="19" width="12" height="8" rx="1.5" fill-opacity=".5"/><rect x="20" y="11" width="12" height="8" rx="1.5"/></g></svg></span><span><span class="n">Yes And Building</span><span class="d">Never negate; each person opens with &quot;Yes, and...&quot; and adds to the last idea, stacking a chain of accepted additions</span><span class="gf">Great for: Novel concept · Get unstuck · Planning</span></span></label><label class="tech" style="--c:#15a3a3"><input type="checkbox" data-name="Brain Writing Round Robin" data-cat="Collaborative" data-desc="Everyone writes ideas silently, then passes their sheet; you build on whatever lands in front of you, round after round" data-good="novel|feature" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8"><line x1="14" y1="16" x2="30" y2="16"/><line x1="14" y1="16" x2="22" y2="30"/><line x1="30" y1="16" x2="22" y2="30"/></g><g fill="currentColor" fill-opacity="0.22"><circle cx="14" cy="16" r="4.6"/><circle cx="30" cy="16" r="4.6"/><circle cx="22" cy="30" r="4.6"/></g><g fill="currentColor"><circle cx="14" cy="16" r="2.4"/><circle cx="30" cy="16" r="2.4"/><circle cx="22" cy="30" r="2.4"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M31 16 A10 10 0 1 0 32.5 22"/><path d="M31 10 L31.5 16.3 L25 16.5"/></g></svg></span><span><span class="n">Brain Writing Round Robin</span><span class="d">Everyone writes ideas silently, then passes their sheet; you build on whatever lands in front of you, round after round</span><span class="gf">Great for: Novel concept · Build a feature</span></span></label><label class="tech" style="--c:#15a3a3"><input type="checkbox" data-name="Random Stimulation" data-cat="Collaborative" data-desc="Pull a random word or image and force a link to the problem: &quot;how does THIS spark a solution?&quot;" data-good="unstuck|novel" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8"><line x1="14" y1="16" x2="30" y2="16"/><line x1="14" y1="16" x2="22" y2="30"/><line x1="30" y1="16" x2="22" y2="30"/></g><g fill="currentColor" fill-opacity="0.22"><circle cx="14" cy="16" r="4.6"/><circle cx="30" cy="16" r="4.6"/><circle cx="22" cy="30" r="4.6"/></g><g fill="currentColor"><circle cx="14" cy="16" r="2.4"/><circle cx="30" cy="16" r="2.4"/><circle cx="22" cy="30" r="2.4"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><rect x="11" y="11" width="22" height="22" rx="4" fill="none" stroke="currentColor" stroke-width="2"/><g fill="currentColor"><circle cx="17" cy="17" r="1.8"/><circle cx="27" cy="17" r="1.8"/><circle cx="22" cy="22" r="1.8"/><circle cx="17" cy="27" r="1.8"/><circle cx="27" cy="27" r="1.8"/></g></svg></span><span><span class="n">Random Stimulation</span><span class="d">Pull a random word or image and force a link to the problem: &quot;how does THIS spark a solution?&quot;</span><span class="gf">Great for: Get unstuck · Novel concept</span></span></label><label class="tech" style="--c:#15a3a3"><input type="checkbox" data-name="Role Playing" data-cat="Collaborative" data-desc="Each person speaks as a different stakeholder, voicing what that role wants, fears, and would demand of the idea" data-good="strategy|personal|feature" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8"><line x1="14" y1="16" x2="30" y2="16"/><line x1="14" y1="16" x2="22" y2="30"/><line x1="30" y1="16" x2="22" y2="30"/></g><g fill="currentColor" fill-opacity="0.22"><circle cx="14" cy="16" r="4.6"/><circle cx="30" cy="16" r="4.6"/><circle cx="22" cy="30" r="4.6"/></g><g fill="currentColor"><circle cx="14" cy="16" r="2.4"/><circle cx="30" cy="16" r="2.4"/><circle cx="22" cy="30" r="2.4"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><rect x="11" y="9" width="22" height="26" rx="3" fill="none" stroke="currentColor" stroke-width="2"/><circle cx="22" cy="19" r="4" fill="currentColor"/><path d="M15.5 30 c2 -4.5 11 -4.5 13 0" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg></span><span><span class="n">Role Playing</span><span class="d">Each person speaks as a different stakeholder, voicing what that role wants, fears, and would demand of the idea</span><span class="gf">Great for: Strategy · Personal / life · Build a feature</span></span></label><label class="tech" style="--c:#6d5cf0"><input type="checkbox" data-name="First Principles Thinking" data-cat="Creative" data-desc="Strip every assumption to bedrock facts, then rebuild the solution from scratch on truth alone" data-good="feature|novel|diagnosis|strategy" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><line x1="22" y1="6.5" x2="22" y2="12.5"/><line x1="22" y1="31.5" x2="22" y2="37.5"/><line x1="6.5" y1="22" x2="12.5" y2="22"/><line x1="31.5" y1="22" x2="37.5" y2="22"/><line x1="11.3" y1="11.3" x2="15.5" y2="15.5"/><line x1="28.5" y1="28.5" x2="32.7" y2="32.7"/><line x1="32.7" y1="11.3" x2="28.5" y2="15.5"/><line x1="15.5" y1="28.5" x2="11.3" y2="32.7"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="3.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="10" y="28" width="8" height="6" rx="1"/><rect x="18.5" y="28" width="8" height="6" rx="1"/><rect x="27" y="28" width="7" height="6" rx="1"/></g><path d="M22 25 L22 11 M16 17 L22 11 L28 17" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span><span class="n">First Principles Thinking</span><span class="d">Strip every assumption to bedrock facts, then rebuild the solution from scratch on truth alone</span><span class="gf">Great for: Build a feature · Novel concept · Diagnose · Strategy</span></span></label><label class="tech" style="--c:#6d5cf0"><input type="checkbox" data-name="Reverse Brainstorming" data-cat="Creative" data-desc="Generate problems instead of solutions — &#x27;how could we make this fail?&#x27; — then mine each for its inverse" data-good="diagnosis|feature|unstuck" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><line x1="22" y1="6.5" x2="22" y2="12.5"/><line x1="22" y1="31.5" x2="22" y2="37.5"/><line x1="6.5" y1="22" x2="12.5" y2="22"/><line x1="31.5" y1="22" x2="37.5" y2="22"/><line x1="11.3" y1="11.3" x2="15.5" y2="15.5"/><line x1="28.5" y1="28.5" x2="32.7" y2="32.7"/><line x1="32.7" y1="11.3" x2="28.5" y2="15.5"/><line x1="15.5" y1="28.5" x2="11.3" y2="32.7"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="3.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 18 H28 a4 4 0 0 1 0 8 H16"/><path d="M19 15 L13 18 L19 21 M22 23 L16 26 L22 29"/></g></svg></span><span><span class="n">Reverse Brainstorming</span><span class="d">Generate problems instead of solutions — &#x27;how could we make this fail?&#x27; — then mine each for its inverse</span><span class="gf">Great for: Diagnose · Build a feature · Get unstuck</span></span></label><label class="tech" style="--c:#4658c9"><input type="checkbox" data-name="Five Whys" data-cat="Deep" data-desc="Ask &quot;why?&quot; five times in a chain, each answer feeding the next, until you hit the root cause beneath the symptom" data-good="diagnosis" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="14" cy="13" r="2.4"/><circle cx="22" cy="22" r="2.4"/><circle cx="30" cy="31" r="2.4"/><path d="M15.6 14.8 L20.4 20.2 M23.6 23.8 L28.4 29.2"/></g></svg></span><span><span class="n">Five Whys</span><span class="d">Ask &quot;why?&quot; five times in a chain, each answer feeding the next, until you hit the root cause beneath the symptom</span><span class="gf">Great for: Diagnose</span></span></label><label class="tech" style="--c:#4658c9"><input type="checkbox" data-name="Provocation Technique" data-cat="Deep" data-desc="State something deliberately absurd, then mine it: &quot;how could this be useful?&quot; Extract the usable principle hiding inside" data-good="unstuck|novel" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M24 9 L13 24 H21 L19 35 L31 19 H23 Z"/></g></svg></span><span><span class="n">Provocation Technique</span><span class="d">State something deliberately absurd, then mine it: &quot;how could this be useful?&quot; Extract the usable principle hiding inside</span><span class="gf">Great for: Get unstuck · Novel concept</span></span></label><label class="tech" style="--c:#4658c9"><input type="checkbox" data-name="Assumption Reversal" data-cat="Deep" data-desc="List every assumption baked into the problem, flip each to its opposite, then rebuild a solution on the inverted foundation" data-good="novel|diagnosis|strategy" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 14 V30"/><path d="M11.5 25 L16 30 L20.5 25"/><path d="M28 30 V14"/><path d="M23.5 19 L28 14 L32.5 19"/></g></svg></span><span><span class="n">Assumption Reversal</span><span class="d">List every assumption baked into the problem, flip each to its opposite, then rebuild a solution on the inverted foundation</span><span class="gf">Great for: Novel concept · Diagnose · Strategy</span></span></label><label class="tech" style="--c:#4658c9"><input type="checkbox" data-name="Question Storming" data-cat="Deep" data-desc="Generate only questions about the problem, zero answers allowed, until the real problem worth solving comes into focus" data-good="diagnosis|strategy|unstuck" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 16 a3.2 3.2 0 1 1 3.2 3.2 v2"/><path d="M26 13 a3.6 3.6 0 1 1 3.6 3.6 v2.4"/></g><circle cx="17.2" cy="27" r="1.5" fill="currentColor"/><circle cx="29.6" cy="25.6" r="1.6" fill="currentColor"/></svg></span><span><span class="n">Question Storming</span><span class="d">Generate only questions about the problem, zero answers allowed, until the real problem worth solving comes into focus</span><span class="gf">Great for: Diagnose · Strategy · Get unstuck</span></span></label><label class="tech" style="--c:#4658c9"><input type="checkbox" data-name="Causal Loop Mapping" data-cat="Deep" data-desc="Diagram the feedback loops linking causes and effects, find the reinforcing and balancing cycles, and target the leverage point" data-good="diagnosis|strategy" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 16 a9 9 0 1 1 -2 12"/><path d="M16 10.5 L16.5 16.5 L10.5 17"/><path d="M30 28.5 L29.5 22.5 L35 22"/></g></svg></span><span><span class="n">Causal Loop Mapping</span><span class="d">Diagram the feedback loops linking causes and effects, find the reinforcing and balancing cycles, and target the leverage point</span><span class="gf">Great for: Diagnose · Strategy</span></span></label><label class="tech" style="--c:#4658c9"><input type="checkbox" data-name="Morphological Analysis" data-cat="Deep" data-desc="List the problem&#x27;s independent parameters, generate options for each, then combine across them to surface untried configurations" data-good="feature|novel|planning" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="1.8"><rect x="11" y="11" width="22" height="22" rx="2"/><path d="M11 18.3 H33 M11 25.6 H33 M18.3 11 V33 M25.6 11 V33"/></g><rect x="18.5" y="18.5" width="7" height="7" fill="currentColor" fill-opacity=".4"/></svg></span><span><span class="n">Morphological Analysis</span><span class="d">List the problem&#x27;s independent parameters, generate options for each, then combine across them to surface untried configurations</span><span class="gf">Great for: Build a feature · Novel concept · Planning</span></span></label><label class="tech" style="--c:#4658c9"><input type="checkbox" data-name="Laddering" data-cat="Deep" data-desc="Ask &#x27;and what would that give you?&#x27; up the chain until you reach the real underlying need, then ideate fresh at that level" data-good="personal|strategy|diagnosis" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 9 V35 M28 9 V35 M16 15 H28 M16 22 H28 M16 29 H28"/></g></svg></span><span><span class="n">Laddering</span><span class="d">Ask &#x27;and what would that give you?&#x27; up the chain until you reach the real underlying need, then ideate fresh at that level</span><span class="gf">Great for: Personal / life · Strategy · Diagnose</span></span></label><label class="tech" style="--c:#3b6ea5"><input type="checkbox" data-name="SCAMPER Method" data-cat="Structured" data-desc="Run your idea through seven lenses: Substitute, Combine, Adapt, Modify, Put-to-other-use, Eliminate, Reverse" data-good="feature|novel" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="22" r="5.5" fill="none" stroke="currentColor" stroke-width="2"/><g stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><path d="M22 9 V13.5 M22 30.5 V35 M9 22 H13.5 M30.5 22 H35 M12.8 12.8 L16 16 M28 28 L31.2 31.2 M31.2 12.8 L28 16 M16 28 L12.8 31.2"/></g></svg></span><span><span class="n">SCAMPER Method</span><span class="d">Run your idea through seven lenses: Substitute, Combine, Adapt, Modify, Put-to-other-use, Eliminate, Reverse</span><span class="gf">Great for: Build a feature · Novel concept</span></span></label><label class="tech" style="--c:#3b6ea5"><input type="checkbox" data-name="Six Thinking Hats" data-cat="Structured" data-desc="Examine the problem six ways one at a time: facts, feelings, benefits, risks, new ideas, process" data-good="strategy|diagnosis|planning|personal" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M14 26 q8 -5 16 0" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M17 26 q-6 1 -8 3 q13 4 26 0 q-2 -2 -8 -3" fill="currentColor" fill-opacity=".22"/><path d="M17 26 c-1 -8 11 -8 10 0" fill="currentColor" fill-opacity=".5"/></svg></span><span><span class="n">Six Thinking Hats</span><span class="d">Examine the problem six ways one at a time: facts, feelings, benefits, risks, new ideas, process</span><span class="gf">Great for: Strategy · Diagnose · Planning · Personal / life</span></span></label><label class="tech" style="--c:#3b6ea5"><input type="checkbox" data-name="Lotus Blossom" data-cat="Structured" data-desc="Put the theme at the center of a 3x3 grid, fill the 8 cells around it, then promote each of those to the center of its own new 3x3" data-good="feature|planning|novel" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><circle cx="22" cy="22" r="3.4"/></g><g fill="currentColor" fill-opacity=".4"><circle cx="22" cy="13" r="2.8"/><circle cx="22" cy="31" r="2.8"/><circle cx="13" cy="22" r="2.8"/><circle cx="31" cy="22" r="2.8"/><circle cx="15.5" cy="15.5" r="2.5"/><circle cx="28.5" cy="15.5" r="2.5"/><circle cx="15.5" cy="28.5" r="2.5"/><circle cx="28.5" cy="28.5" r="2.5"/></g></svg></span><span><span class="n">Lotus Blossom</span><span class="d">Put the theme at the center of a 3x3 grid, fill the 8 cells around it, then promote each of those to the center of its own new 3x3</span><span class="gf">Great for: Build a feature · Planning · Novel concept</span></span></label><label class="tech" style="--c:#3b6ea5"><input type="checkbox" data-name="Worst Possible Idea" data-cat="Structured" data-desc="Deliberately generate the most terrible solutions you can, then flip each into what it teaches you to do right" data-good="unstuck|novel" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 11 v10 h-5 l10 12 10 -12 h-5 v-10 z"/></g></svg></span><span><span class="n">Worst Possible Idea</span><span class="d">Deliberately generate the most terrible solutions you can, then flip each into what it teaches you to do right</span><span class="gf">Great for: Get unstuck · Novel concept</span></span></label><label class="tech" style="--c:#3b6ea5"><input type="checkbox" data-name="Disney Method" data-cat="Structured" data-desc="Cycle the idea through three rooms: Dreamer (anything goes), Realist (how we&#x27;d build it), Critic (what breaks)" data-good="feature|strategy|planning" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2"><circle cx="14" cy="22" r="4.5"/><circle cx="22" cy="22" r="4.5"/><circle cx="30" cy="22" r="4.5"/></g></svg></span><span><span class="n">Disney Method</span><span class="d">Cycle the idea through three rooms: Dreamer (anything goes), Realist (how we&#x27;d build it), Critic (what breaks)</span><span class="gf">Great for: Build a feature · Strategy · Planning</span></span></label><label class="tech" style="--c:#3b6ea5"><input type="checkbox" data-name="Starbursting" data-cat="Structured" data-desc="Interrogate the idea with only questions — who, what, where, when, why, how — exhaust each before answering any" data-good="feature|planning|diagnosis" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 8 V15 M22 29 V36 M8 22 H15 M29 22 H36 M12 12 L17 17 M27 27 L32 32 M32 12 L27 17 M12 32 L17 27"/></g><path d="M19.5 19 a3.2 3.2 0 1 1 3 4 v1.2" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg></span><span><span class="n">Starbursting</span><span class="d">Interrogate the idea with only questions — who, what, where, when, why, how — exhaust each before answering any</span><span class="gf">Great for: Build a feature · Planning · Diagnose</span></span></label><label class="tech" style="--c:#3b6ea5"><input type="checkbox" data-name="Mind Mapping" data-cat="Structured" data-desc="Branch the central topic outward, each node spawning children; follow tangents wherever they pull and let the web sprawl" data-good="planning|novel|feature" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="22" cy="22" r="4"/><circle cx="11" cy="13" r="2.2"/><circle cx="33" cy="13" r="2.2"/><circle cx="10" cy="28" r="2.2"/><circle cx="32" cy="31" r="2.2"/><path d="M19 19.5 L12.5 14.5 M25 19.5 L31.5 14.5 M19 24.5 L11.5 27 M25.5 24 L30.5 29.5"/></g></svg></span><span><span class="n">Mind Mapping</span><span class="d">Branch the central topic outward, each node spawning children; follow tangents wherever they pull and let the web sprawl</span><span class="gf">Great for: Planning · Novel concept · Build a feature</span></span></label><label class="tech" style="--c:#3b6ea5"><input type="checkbox" data-name="Crazy 8s" data-cat="Structured" data-desc="Eight ideas in eight minutes, one per box, no editing — speed outruns your inner critic" data-good="feature|novel|unstuck" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="1.7"><rect x="9" y="12" width="8" height="9" rx="1.5"/><rect x="18" y="12" width="8" height="9" rx="1.5"/><rect x="27" y="12" width="8" height="9" rx="1.5"/><rect x="9" y="23" width="8" height="9" rx="1.5"/><rect x="18" y="23" width="8" height="9" rx="1.5"/><rect x="27" y="23" width="8" height="9" rx="1.5"/></g></svg></span><span><span class="n">Crazy 8s</span><span class="d">Eight ideas in eight minutes, one per box, no editing — speed outruns your inner critic</span><span class="gf">Great for: Build a feature · Novel concept · Get unstuck</span></span></label><label class="tech" style="--c:#3b6ea5"><input type="checkbox" data-name="How Might We" data-cat="Structured" data-desc="Reframe the problem as a batch of &#x27;How might we...&#x27; opportunity questions first, then ideate against the sharpest one" data-good="feature|novel|strategy|diagnosis" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 13 H33 a2 2 0 0 1 2 2 V27 a2 2 0 0 1 -2 2 H24 L19 34 V29 H11 a2 2 0 0 1 -2 -2 V15 a2 2 0 0 1 2 -2 Z"/></g><path d="M19 19 a3.2 3.2 0 1 1 3.4 3.4 v1.6" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/><circle cx="22.4" cy="27" r="1.4" fill="currentColor"/></svg></span><span><span class="n">How Might We</span><span class="d">Reframe the problem as a batch of &#x27;How might we...&#x27; opportunity questions first, then ideate against the sharpest one</span><span class="gf">Great for: Build a feature · Novel concept · Strategy · Diagnose</span></span></label><label class="tech" style="--c:#3b6ea5"><input type="checkbox" data-name="Job to Be Done" data-cat="Structured" data-desc="Ask what the user is really hiring this to do, then ideate around that underlying job, not the feature you assumed" data-good="feature|strategy|novel" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"><rect x="9" y="16" width="26" height="16" rx="2.5"/><path d="M17 16 v-3 a2 2 0 0 1 2 -2 h6 a2 2 0 0 1 2 2 v3"/><path d="M9 23 H35"/></g><circle cx="22" cy="23" r="1.8" fill="currentColor"/></svg></span><span><span class="n">Job to Be Done</span><span class="d">Ask what the user is really hiring this to do, then ideate around that underlying job, not the feature you assumed</span><span class="gf">Great for: Build a feature · Strategy · Novel concept</span></span></label><label class="tech" style="--c:#3b6ea5"><input type="checkbox" data-name="Empathy Map" data-cat="Structured" data-desc="Map what the user says, thinks, does, and feels around the problem, then mine each quadrant for the unmet need" data-good="feature|personal" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="1.8"><rect x="11" y="11" width="22" height="22" rx="2"/><path d="M11 22 H33 M22 11 V33"/></g><path d="M22 27 c-2.6 -2.1 -4.2 -3.4 -4.2 -5.2 a2.1 2.1 0 0 1 4.2 -1 a2.1 2.1 0 0 1 4.2 1 c0 1.8 -1.6 3.1 -4.2 5.2 z" fill="currentColor"/></svg></span><span><span class="n">Empathy Map</span><span class="d">Map what the user says, thinks, does, and feels around the problem, then mine each quadrant for the unmet need</span><span class="gf">Great for: Build a feature · Personal / life</span></span></label><label class="tech" style="--c:#3b6ea5"><input type="checkbox" data-name="Backcasting" data-cat="Structured" data-desc="Fix the finished future in vivid detail, then work backward step by step to the one move you&#x27;d have to make first" data-good="strategy|planning|novel" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M30 11 V33"/></g><path d="M30 13 L20 16.5 L30 20 Z" fill="currentColor"/><path d="M28 27 H14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-dasharray="1.5 3"/><path d="M18 23 L14 27 L18 31" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span><span class="n">Backcasting</span><span class="d">Fix the finished future in vivid detail, then work backward step by step to the one move you&#x27;d have to make first</span><span class="gf">Great for: Strategy · Planning · Novel concept</span></span></label><label class="tech" style="--c:#4658c9"><input type="checkbox" data-name="TRIZ Contradiction" data-cat="Deep" data-desc="Name the core contradiction (what only improves by making something else worse), then brainstorm ways to win both instead of trading off" data-good="feature|novel|diagnosis" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 15 H18 M14.5 11.5 L18 15 L14.5 18.5"/><path d="M35 29 H26 M29.5 25.5 L26 29 L29.5 32.5"/></g><path d="M22 17.5 l1.5 3.4 3.7 .3 -2.8 2.4 .9 3.6 -3.3 -1.9 -3.3 1.9 .9 -3.6 -2.8 -2.4 3.7 -.3 z" fill="currentColor"/></svg></span><span><span class="n">TRIZ Contradiction</span><span class="d">Name the core contradiction (what only improves by making something else worse), then brainstorm ways to win both instead of trading off</span><span class="gf">Great for: Build a feature · Novel concept · Diagnose</span></span></label><label class="tech" style="--c:#4658c9"><input type="checkbox" data-name="Fishbone Diagram" data-cat="Deep" data-desc="Branch the problem&#x27;s spine into cause categories (people, process, tools, environment) and mine each bone for contributing causes" data-good="diagnosis" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 22 H33"/><path d="M33 22 L36 18.5 M33 22 L36 25.5"/><path d="M14 22 L18 15 M14 22 L18 29 M23 22 L27 15 M23 22 L27 29"/></g><circle cx="9" cy="22" r="1.9" fill="currentColor"/></svg></span><span><span class="n">Fishbone Diagram</span><span class="d">Branch the problem&#x27;s spine into cause categories (people, process, tools, environment) and mine each bone for contributing causes</span><span class="gf">Great for: Diagnose</span></span></label><label class="tech" style="--c:#4658c9"><input type="checkbox" data-name="Build on What Works" data-cat="Deep" data-desc="Name what&#x27;s already succeeding and why, then ideate how to amplify and extend it instead of fixing what&#x27;s broken" data-good="personal|strategy" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="24" width="6" height="9" rx="1"/><rect x="19" y="19" width="6" height="14" rx="1"/><rect x="27" y="13" width="6" height="20" rx="1"/></g><path d="M11 19 L18 13 L24 16 L33 8" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M28 8 H33 V13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span><span class="n">Build on What Works</span><span class="d">Name what&#x27;s already succeeding and why, then ideate how to amplify and extend it instead of fixing what&#x27;s broken</span><span class="gf">Great for: Personal / life · Strategy</span></span></label><label class="tech" style="--c:#0fb5c9"><input type="checkbox" data-name="Scenario Cross" data-cat="Speculative Future" data-desc="Pick two high-impact uncertainties, cross them into four futures, and ideate the move that wins in every one" data-good="strategy|planning" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M11 31 L 26.5 15.5"/><path d="M20 14.5 H 28 V 22.5"/></g><circle cx="31" cy="12" r="2.8" fill="currentColor"/><g stroke="currentColor" stroke-width="1.4" stroke-linecap="round"><line x1="31" y1="6.5" x2="31" y2="8.4"/><line x1="31" y1="15.6" x2="31" y2="17.5"/><line x1="25.5" y1="12" x2="27.4" y2="12"/><line x1="34.6" y1="12" x2="36.5" y2="12"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M22 9 V35 M9 22 H35"/></g><g fill="currentColor"><circle cx="15" cy="15" r="2"/><circle cx="29" cy="15" r="2"/><circle cx="15" cy="29" r="2"/><circle cx="29" cy="29" r="2"/></g></svg></span><span><span class="n">Scenario Cross</span><span class="d">Pick two high-impact uncertainties, cross them into four futures, and ideate the move that wins in every one</span><span class="gf">Great for: Strategy · Planning</span></span></label></div></section>
+<h2 class="grouphdr" style="--c:#3b6ea5">Structured &amp; Analytical</h2>
+<section data-cat="Structured" style="--c:#3b6ea5"><h2>Structured<span class="cnt">15</span></h2><div class="grid"><label class="tech"><input type="checkbox" data-name="SCAMPER Method" data-cat="Structured" data-desc="Run your idea through seven lenses: Substitute, Combine, Adapt, Modify, Put-to-other-use, Eliminate, Reverse" data-good="feature|novel" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="22" r="5.5" fill="none" stroke="currentColor" stroke-width="2"/><g stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><path d="M22 9 V13.5 M22 30.5 V35 M9 22 H13.5 M30.5 22 H35 M12.8 12.8 L16 16 M28 28 L31.2 31.2 M31.2 12.8 L28 16 M16 28 L12.8 31.2"/></g></svg></span><span><span class="n">SCAMPER Method</span><span class="d">Run your idea through seven lenses: Substitute, Combine, Adapt, Modify, Put-to-other-use, Eliminate, Reverse</span><span class="gf">Great for: Build a feature · Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Six Thinking Hats" data-cat="Structured" data-desc="Examine the problem six ways one at a time: facts, feelings, benefits, risks, new ideas, process" data-good="strategy|diagnosis|planning|personal" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M14 26 q8 -5 16 0" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M17 26 q-6 1 -8 3 q13 4 26 0 q-2 -2 -8 -3" fill="currentColor" fill-opacity=".22"/><path d="M17 26 c-1 -8 11 -8 10 0" fill="currentColor" fill-opacity=".5"/></svg></span><span><span class="n">Six Thinking Hats</span><span class="d">Examine the problem six ways one at a time: facts, feelings, benefits, risks, new ideas, process</span><span class="gf">Great for: Strategy · Diagnose · Planning · Personal / life</span></span></label><label class="tech"><input type="checkbox" data-name="Decision Tree Mapping" data-cat="Structured" data-desc="Chart every choice point and the paths it forks into, following each branch to its outcome and risk" data-good="planning|strategy|diagnosis" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="22" cy="12" r="2.6"/><circle cx="14" cy="32" r="2.6"/><circle cx="30" cy="32" r="2.6"/><path d="M22 14.5 L22 20 M22 20 L14 29.4 M22 20 L30 29.4"/></g></svg></span><span><span class="n">Decision Tree Mapping</span><span class="d">Chart every choice point and the paths it forks into, following each branch to its outcome and risk</span><span class="gf">Great for: Planning · Strategy · Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="Solution Matrix" data-cat="Structured" data-desc="Grid problem variables against solution approaches, score every cell, hunt the best pairings and empty gaps" data-good="feature|planning" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="1.8"><rect x="11" y="11" width="22" height="22" rx="2"/><path d="M11 22 H33 M22 11 V33"/></g><path d="M24.5 14.5 L26.5 16.5 L30.5 12.5" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span><span class="n">Solution Matrix</span><span class="d">Grid problem variables against solution approaches, score every cell, hunt the best pairings and empty gaps</span><span class="gf">Great for: Build a feature · Planning</span></span></label><label class="tech"><input type="checkbox" data-name="Trait Transfer" data-cat="Structured" data-desc="Name what makes an unrelated success work, then graft those winning traits onto your own problem" data-good="novel|feature" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M12 16 l1.6 3.4 3.6 .4 -2.7 2.5 .7 3.6 -3.2 -1.8 -3.2 1.8 .7 -3.6 -2.7 -2.5 3.6 -.4 z" fill="currentColor"/><rect x="25" y="23" width="9" height="9" rx="2" fill="none" stroke="currentColor" stroke-width="2"/><path d="M17 22 L25 27" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-dasharray="1.5 2.5"/></svg></span><span><span class="n">Trait Transfer</span><span class="d">Name what makes an unrelated success work, then graft those winning traits onto your own problem</span><span class="gf">Great for: Novel concept · Build a feature</span></span></label><label class="tech"><input type="checkbox" data-name="Lotus Blossom" data-cat="Structured" data-desc="Put the theme at the center of a 3x3 grid, fill the 8 cells around it, then promote each of those to the center of its own new 3x3" data-good="feature|planning|novel" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><circle cx="22" cy="22" r="3.4"/></g><g fill="currentColor" fill-opacity=".4"><circle cx="22" cy="13" r="2.8"/><circle cx="22" cy="31" r="2.8"/><circle cx="13" cy="22" r="2.8"/><circle cx="31" cy="22" r="2.8"/><circle cx="15.5" cy="15.5" r="2.5"/><circle cx="28.5" cy="15.5" r="2.5"/><circle cx="15.5" cy="28.5" r="2.5"/><circle cx="28.5" cy="28.5" r="2.5"/></g></svg></span><span><span class="n">Lotus Blossom</span><span class="d">Put the theme at the center of a 3x3 grid, fill the 8 cells around it, then promote each of those to the center of its own new 3x3</span><span class="gf">Great for: Build a feature · Planning · Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Worst Possible Idea" data-cat="Structured" data-desc="Deliberately generate the most terrible solutions you can, then flip each into what it teaches you to do right" data-good="unstuck|novel" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 11 v10 h-5 l10 12 10 -12 h-5 v-10 z"/></g></svg></span><span><span class="n">Worst Possible Idea</span><span class="d">Deliberately generate the most terrible solutions you can, then flip each into what it teaches you to do right</span><span class="gf">Great for: Get unstuck · Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Disney Method" data-cat="Structured" data-desc="Cycle the idea through three rooms: Dreamer (anything goes), Realist (how we&#x27;d build it), Critic (what breaks)" data-good="feature|strategy|planning" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2"><circle cx="14" cy="22" r="4.5"/><circle cx="22" cy="22" r="4.5"/><circle cx="30" cy="22" r="4.5"/></g></svg></span><span><span class="n">Disney Method</span><span class="d">Cycle the idea through three rooms: Dreamer (anything goes), Realist (how we&#x27;d build it), Critic (what breaks)</span><span class="gf">Great for: Build a feature · Strategy · Planning</span></span></label><label class="tech"><input type="checkbox" data-name="Starbursting" data-cat="Structured" data-desc="Interrogate the idea with only questions — who, what, where, when, why, how — exhaust each before answering any" data-good="feature|planning|diagnosis" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 8 V15 M22 29 V36 M8 22 H15 M29 22 H36 M12 12 L17 17 M27 27 L32 32 M32 12 L27 17 M12 32 L17 27"/></g><path d="M19.5 19 a3.2 3.2 0 1 1 3 4 v1.2" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg></span><span><span class="n">Starbursting</span><span class="d">Interrogate the idea with only questions — who, what, where, when, why, how — exhaust each before answering any</span><span class="gf">Great for: Build a feature · Planning · Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="Mind Mapping" data-cat="Structured" data-desc="Branch the central topic outward, each node spawning children; follow tangents wherever they pull and let the web sprawl" data-good="planning|novel|feature" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="22" cy="22" r="4"/><circle cx="11" cy="13" r="2.2"/><circle cx="33" cy="13" r="2.2"/><circle cx="10" cy="28" r="2.2"/><circle cx="32" cy="31" r="2.2"/><path d="M19 19.5 L12.5 14.5 M25 19.5 L31.5 14.5 M19 24.5 L11.5 27 M25.5 24 L30.5 29.5"/></g></svg></span><span><span class="n">Mind Mapping</span><span class="d">Branch the central topic outward, each node spawning children; follow tangents wherever they pull and let the web sprawl</span><span class="gf">Great for: Planning · Novel concept · Build a feature</span></span></label><label class="tech"><input type="checkbox" data-name="Crazy 8s" data-cat="Structured" data-desc="Eight ideas in eight minutes, one per box, no editing — speed outruns your inner critic" data-good="feature|novel|unstuck" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="1.7"><rect x="9" y="12" width="8" height="9" rx="1.5"/><rect x="18" y="12" width="8" height="9" rx="1.5"/><rect x="27" y="12" width="8" height="9" rx="1.5"/><rect x="9" y="23" width="8" height="9" rx="1.5"/><rect x="18" y="23" width="8" height="9" rx="1.5"/><rect x="27" y="23" width="8" height="9" rx="1.5"/></g></svg></span><span><span class="n">Crazy 8s</span><span class="d">Eight ideas in eight minutes, one per box, no editing — speed outruns your inner critic</span><span class="gf">Great for: Build a feature · Novel concept · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="How Might We" data-cat="Structured" data-desc="Reframe the problem as a batch of &#x27;How might we...&#x27; opportunity questions first, then ideate against the sharpest one" data-good="feature|novel|strategy|diagnosis" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 13 H33 a2 2 0 0 1 2 2 V27 a2 2 0 0 1 -2 2 H24 L19 34 V29 H11 a2 2 0 0 1 -2 -2 V15 a2 2 0 0 1 2 -2 Z"/></g><path d="M19 19 a3.2 3.2 0 1 1 3.4 3.4 v1.6" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/><circle cx="22.4" cy="27" r="1.4" fill="currentColor"/></svg></span><span><span class="n">How Might We</span><span class="d">Reframe the problem as a batch of &#x27;How might we...&#x27; opportunity questions first, then ideate against the sharpest one</span><span class="gf">Great for: Build a feature · Novel concept · Strategy · Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="Job to Be Done" data-cat="Structured" data-desc="Ask what the user is really hiring this to do, then ideate around that underlying job, not the feature you assumed" data-good="feature|strategy|novel" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"><rect x="9" y="16" width="26" height="16" rx="2.5"/><path d="M17 16 v-3 a2 2 0 0 1 2 -2 h6 a2 2 0 0 1 2 2 v3"/><path d="M9 23 H35"/></g><circle cx="22" cy="23" r="1.8" fill="currentColor"/></svg></span><span><span class="n">Job to Be Done</span><span class="d">Ask what the user is really hiring this to do, then ideate around that underlying job, not the feature you assumed</span><span class="gf">Great for: Build a feature · Strategy · Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Empathy Map" data-cat="Structured" data-desc="Map what the user says, thinks, does, and feels around the problem, then mine each quadrant for the unmet need" data-good="feature|personal" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="1.8"><rect x="11" y="11" width="22" height="22" rx="2"/><path d="M11 22 H33 M22 11 V33"/></g><path d="M22 27 c-2.6 -2.1 -4.2 -3.4 -4.2 -5.2 a2.1 2.1 0 0 1 4.2 -1 a2.1 2.1 0 0 1 4.2 1 c0 1.8 -1.6 3.1 -4.2 5.2 z" fill="currentColor"/></svg></span><span><span class="n">Empathy Map</span><span class="d">Map what the user says, thinks, does, and feels around the problem, then mine each quadrant for the unmet need</span><span class="gf">Great for: Build a feature · Personal / life</span></span></label><label class="tech"><input type="checkbox" data-name="Backcasting" data-cat="Structured" data-desc="Fix the finished future in vivid detail, then work backward step by step to the one move you&#x27;d have to make first" data-good="strategy|planning|novel" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M30 11 V33"/></g><path d="M30 13 L20 16.5 L30 20 Z" fill="currentColor"/><path d="M28 27 H14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-dasharray="1.5 3"/><path d="M18 23 L14 27 L18 31" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span><span class="n">Backcasting</span><span class="d">Fix the finished future in vivid detail, then work backward step by step to the one move you&#x27;d have to make first</span><span class="gf">Great for: Strategy · Planning · Novel concept</span></span></label><label class="tech invent"><input type="checkbox" data-invent="Structured"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg></span><span><span class="n">✨ Invent a Structured technique</span><span class="d">Make up a brand-new technique on the fly, in the spirit of Structured</span></span></label></div></section>
+<section data-cat="Deep" style="--c:#4658c9"><h2>Deep<span class="cnt">13</span></h2><div class="grid"><label class="tech"><input type="checkbox" data-name="Five Whys" data-cat="Deep" data-desc="Ask &quot;why?&quot; five times in a chain, each answer feeding the next, until you hit the root cause beneath the symptom" data-good="diagnosis" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="14" cy="13" r="2.4"/><circle cx="22" cy="22" r="2.4"/><circle cx="30" cy="31" r="2.4"/><path d="M15.6 14.8 L20.4 20.2 M23.6 23.8 L28.4 29.2"/></g></svg></span><span><span class="n">Five Whys</span><span class="d">Ask &quot;why?&quot; five times in a chain, each answer feeding the next, until you hit the root cause beneath the symptom</span><span class="gf">Great for: Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="Provocation Technique" data-cat="Deep" data-desc="State something deliberately absurd, then mine it: &quot;how could this be useful?&quot; Extract the usable principle hiding inside" data-good="unstuck|novel" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M24 9 L13 24 H21 L19 35 L31 19 H23 Z"/></g></svg></span><span><span class="n">Provocation Technique</span><span class="d">State something deliberately absurd, then mine it: &quot;how could this be useful?&quot; Extract the usable principle hiding inside</span><span class="gf">Great for: Get unstuck · Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Assumption Reversal" data-cat="Deep" data-desc="List every assumption baked into the problem, flip each to its opposite, then rebuild a solution on the inverted foundation" data-good="novel|diagnosis|strategy" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 14 V30"/><path d="M11.5 25 L16 30 L20.5 25"/><path d="M28 30 V14"/><path d="M23.5 19 L28 14 L32.5 19"/></g></svg></span><span><span class="n">Assumption Reversal</span><span class="d">List every assumption baked into the problem, flip each to its opposite, then rebuild a solution on the inverted foundation</span><span class="gf">Great for: Novel concept · Diagnose · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Question Storming" data-cat="Deep" data-desc="Generate only questions about the problem, zero answers allowed, until the real problem worth solving comes into focus" data-good="diagnosis|strategy|unstuck" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 16 a3.2 3.2 0 1 1 3.2 3.2 v2"/><path d="M26 13 a3.6 3.6 0 1 1 3.6 3.6 v2.4"/></g><circle cx="17.2" cy="27" r="1.5" fill="currentColor"/><circle cx="29.6" cy="25.6" r="1.6" fill="currentColor"/></svg></span><span><span class="n">Question Storming</span><span class="d">Generate only questions about the problem, zero answers allowed, until the real problem worth solving comes into focus</span><span class="gf">Great for: Diagnose · Strategy · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Constraint Mapping" data-cat="Deep" data-desc="Map every constraint, sort real from imagined, then attack each: dissolve it, route around it, or turn it into an asset" data-good="feature|strategy|diagnosis" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M11 14 L18 12 L26 14 L33 12 V30 L26 32 L18 30 L11 32 Z" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/><path d="M18 12 V30 M26 14 V32" stroke="currentColor" stroke-width="1.6"/></svg></span><span><span class="n">Constraint Mapping</span><span class="d">Map every constraint, sort real from imagined, then attack each: dissolve it, route around it, or turn it into an asset</span><span class="gf">Great for: Build a feature · Strategy · Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="Failure Analysis" data-cat="Deep" data-desc="Dissect a relevant failure: what broke, why it broke, what lesson it leaves, and how to apply that wisdom here" data-good="diagnosis|strategy|feature" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="20" cy="20" r="8" fill="none" stroke="currentColor" stroke-width="2"/><line x1="26" y1="26" x2="33" y2="33" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"/><path d="M20 16 V21 M20 24 V24" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg></span><span><span class="n">Failure Analysis</span><span class="d">Dissect a relevant failure: what broke, why it broke, what lesson it leaves, and how to apply that wisdom here</span><span class="gf">Great for: Diagnose · Strategy · Build a feature</span></span></label><label class="tech"><input type="checkbox" data-name="Emergent Thinking" data-cat="Deep" data-desc="Stop forcing a solution; watch what patterns the system keeps producing and name what&#x27;s trying to emerge on its own" data-good="strategy|novel" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><circle cx="11" cy="31" r="1.6"/><circle cx="17" cy="29" r="1.6"/><circle cx="16" cy="23" r="1.6"/><circle cx="22" cy="24" r="1.8"/><circle cx="23" cy="17" r="1.9"/><circle cx="29" cy="18" r="1.7"/><circle cx="28" cy="12" r="2.1"/></g></svg></span><span><span class="n">Emergent Thinking</span><span class="d">Stop forcing a solution; watch what patterns the system keeps producing and name what&#x27;s trying to emerge on its own</span><span class="gf">Great for: Strategy · Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Causal Loop Mapping" data-cat="Deep" data-desc="Diagram the feedback loops linking causes and effects, find the reinforcing and balancing cycles, and target the leverage point" data-good="diagnosis|strategy" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 16 a9 9 0 1 1 -2 12"/><path d="M16 10.5 L16.5 16.5 L10.5 17"/><path d="M30 28.5 L29.5 22.5 L35 22"/></g></svg></span><span><span class="n">Causal Loop Mapping</span><span class="d">Diagram the feedback loops linking causes and effects, find the reinforcing and balancing cycles, and target the leverage point</span><span class="gf">Great for: Diagnose · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Morphological Analysis" data-cat="Deep" data-desc="List the problem&#x27;s independent parameters, generate options for each, then combine across them to surface untried configurations" data-good="feature|novel|planning" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="1.8"><rect x="11" y="11" width="22" height="22" rx="2"/><path d="M11 18.3 H33 M11 25.6 H33 M18.3 11 V33 M25.6 11 V33"/></g><rect x="18.5" y="18.5" width="7" height="7" fill="currentColor" fill-opacity=".4"/></svg></span><span><span class="n">Morphological Analysis</span><span class="d">List the problem&#x27;s independent parameters, generate options for each, then combine across them to surface untried configurations</span><span class="gf">Great for: Build a feature · Novel concept · Planning</span></span></label><label class="tech"><input type="checkbox" data-name="Laddering" data-cat="Deep" data-desc="Ask &#x27;and what would that give you?&#x27; up the chain until you reach the real underlying need, then ideate fresh at that level" data-good="personal|strategy|diagnosis" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 9 V35 M28 9 V35 M16 15 H28 M16 22 H28 M16 29 H28"/></g></svg></span><span><span class="n">Laddering</span><span class="d">Ask &#x27;and what would that give you?&#x27; up the chain until you reach the real underlying need, then ideate fresh at that level</span><span class="gf">Great for: Personal / life · Strategy · Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="TRIZ Contradiction" data-cat="Deep" data-desc="Name the core contradiction (what only improves by making something else worse), then brainstorm ways to win both instead of trading off" data-good="feature|novel|diagnosis" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 15 H18 M14.5 11.5 L18 15 L14.5 18.5"/><path d="M35 29 H26 M29.5 25.5 L26 29 L29.5 32.5"/></g><path d="M22 17.5 l1.5 3.4 3.7 .3 -2.8 2.4 .9 3.6 -3.3 -1.9 -3.3 1.9 .9 -3.6 -2.8 -2.4 3.7 -.3 z" fill="currentColor"/></svg></span><span><span class="n">TRIZ Contradiction</span><span class="d">Name the core contradiction (what only improves by making something else worse), then brainstorm ways to win both instead of trading off</span><span class="gf">Great for: Build a feature · Novel concept · Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="Fishbone Diagram" data-cat="Deep" data-desc="Branch the problem&#x27;s spine into cause categories (people, process, tools, environment) and mine each bone for contributing causes" data-good="diagnosis" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 22 H33"/><path d="M33 22 L36 18.5 M33 22 L36 25.5"/><path d="M14 22 L18 15 M14 22 L18 29 M23 22 L27 15 M23 22 L27 29"/></g><circle cx="9" cy="22" r="1.9" fill="currentColor"/></svg></span><span><span class="n">Fishbone Diagram</span><span class="d">Branch the problem&#x27;s spine into cause categories (people, process, tools, environment) and mine each bone for contributing causes</span><span class="gf">Great for: Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="Build on What Works" data-cat="Deep" data-desc="Name what&#x27;s already succeeding and why, then ideate how to amplify and extend it instead of fixing what&#x27;s broken" data-good="personal|strategy" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="24" width="6" height="9" rx="1"/><rect x="19" y="19" width="6" height="14" rx="1"/><rect x="27" y="13" width="6" height="20" rx="1"/></g><path d="M11 19 L18 13 L24 16 L33 8" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M28 8 H33 V13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span><span class="n">Build on What Works</span><span class="d">Name what&#x27;s already succeeding and why, then ideate how to amplify and extend it instead of fixing what&#x27;s broken</span><span class="gf">Great for: Personal / life · Strategy</span></span></label><label class="tech invent"><input type="checkbox" data-invent="Deep"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg></span><span><span class="n">✨ Invent a Deep technique</span><span class="d">Make up a brand-new technique on the fly, in the spirit of Deep</span></span></label></div></section>
+<h2 class="grouphdr" style="--c:#6d5cf0">Creative &amp; Generative</h2>
+<section data-cat="Creative" style="--c:#6d5cf0"><h2>Creative<span class="cnt">10</span></h2><div class="grid"><label class="tech"><input type="checkbox" data-name="What If Scenarios" data-cat="Creative" data-desc="Detonate one constraint at a time — unlimited budget, opposite is true, problem vanished — and chase what rushes in" data-good="novel|strategy|unstuck" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><line x1="22" y1="6.5" x2="22" y2="12.5"/><line x1="22" y1="31.5" x2="22" y2="37.5"/><line x1="6.5" y1="22" x2="12.5" y2="22"/><line x1="31.5" y1="22" x2="37.5" y2="22"/><line x1="11.3" y1="11.3" x2="15.5" y2="15.5"/><line x1="28.5" y1="28.5" x2="32.7" y2="32.7"/><line x1="32.7" y1="11.3" x2="28.5" y2="15.5"/><line x1="15.5" y1="28.5" x2="11.3" y2="32.7"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="3.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 17 a4 4 0 1 1 4 4 v3"/></g><circle cx="22" cy="30" r="1.6" fill="currentColor"/></svg></span><span><span class="n">What If Scenarios</span><span class="d">Detonate one constraint at a time — unlimited budget, opposite is true, problem vanished — and chase what rushes in</span><span class="gf">Great for: Novel concept · Strategy · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Analogical Thinking" data-cat="Creative" data-desc="Ask &#x27;this is like what?&#x27; and steal the solution pattern from the domain that answers" data-good="feature|novel|diagnosis" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><line x1="22" y1="6.5" x2="22" y2="12.5"/><line x1="22" y1="31.5" x2="22" y2="37.5"/><line x1="6.5" y1="22" x2="12.5" y2="22"/><line x1="31.5" y1="22" x2="37.5" y2="22"/><line x1="11.3" y1="11.3" x2="15.5" y2="15.5"/><line x1="28.5" y1="28.5" x2="32.7" y2="32.7"/><line x1="32.7" y1="11.3" x2="28.5" y2="15.5"/><line x1="15.5" y1="28.5" x2="11.3" y2="32.7"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="3.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="15" cy="22" r="6" fill="none" stroke="currentColor" stroke-width="2"/><rect x="25" y="16" width="12" height="12" rx="2" fill="none" stroke="currentColor" stroke-width="2"/><path d="M19 20 q2 2 0 4 M23 20 q-2 2 0 4" stroke="currentColor" stroke-width="1.6" fill="none"/></svg></span><span><span class="n">Analogical Thinking</span><span class="d">Ask &#x27;this is like what?&#x27; and steal the solution pattern from the domain that answers</span><span class="gf">Great for: Build a feature · Novel concept · Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="First Principles Thinking" data-cat="Creative" data-desc="Strip every assumption to bedrock facts, then rebuild the solution from scratch on truth alone" data-good="feature|novel|diagnosis|strategy" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><line x1="22" y1="6.5" x2="22" y2="12.5"/><line x1="22" y1="31.5" x2="22" y2="37.5"/><line x1="6.5" y1="22" x2="12.5" y2="22"/><line x1="31.5" y1="22" x2="37.5" y2="22"/><line x1="11.3" y1="11.3" x2="15.5" y2="15.5"/><line x1="28.5" y1="28.5" x2="32.7" y2="32.7"/><line x1="32.7" y1="11.3" x2="28.5" y2="15.5"/><line x1="15.5" y1="28.5" x2="11.3" y2="32.7"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="3.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="10" y="28" width="8" height="6" rx="1"/><rect x="18.5" y="28" width="8" height="6" rx="1"/><rect x="27" y="28" width="7" height="6" rx="1"/></g><path d="M22 25 L22 11 M16 17 L22 11 L28 17" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span><span class="n">First Principles Thinking</span><span class="d">Strip every assumption to bedrock facts, then rebuild the solution from scratch on truth alone</span><span class="gf">Great for: Build a feature · Novel concept · Diagnose · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Forced Relationships" data-cat="Creative" data-desc="Grab two unrelated things at random and force a bridge between them until an idea falls out" data-good="novel|unstuck" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><line x1="22" y1="6.5" x2="22" y2="12.5"/><line x1="22" y1="31.5" x2="22" y2="37.5"/><line x1="6.5" y1="22" x2="12.5" y2="22"/><line x1="31.5" y1="22" x2="37.5" y2="22"/><line x1="11.3" y1="11.3" x2="15.5" y2="15.5"/><line x1="28.5" y1="28.5" x2="32.7" y2="32.7"/><line x1="32.7" y1="11.3" x2="28.5" y2="15.5"/><line x1="15.5" y1="28.5" x2="11.3" y2="32.7"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="3.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="12" cy="22" r="3.4" fill="currentColor"/><circle cx="32" cy="22" r="3.4" fill="currentColor"/><path d="M15 22 q7 -9 14 0" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-dasharray="1.5 3"/></svg></span><span><span class="n">Forced Relationships</span><span class="d">Grab two unrelated things at random and force a bridge between them until an idea falls out</span><span class="gf">Great for: Novel concept · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Time Shifting" data-cat="Creative" data-desc="Solve the problem as a 1900s artisan, then a 2150 colonist — harvest the era-bound constraints and tricks" data-good="novel|unstuck" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><line x1="22" y1="6.5" x2="22" y2="12.5"/><line x1="22" y1="31.5" x2="22" y2="37.5"/><line x1="6.5" y1="22" x2="12.5" y2="22"/><line x1="31.5" y1="22" x2="37.5" y2="22"/><line x1="11.3" y1="11.3" x2="15.5" y2="15.5"/><line x1="28.5" y1="28.5" x2="32.7" y2="32.7"/><line x1="32.7" y1="11.3" x2="28.5" y2="15.5"/><line x1="15.5" y1="28.5" x2="11.3" y2="32.7"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="3.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="22" r="12" fill="none" stroke="currentColor" stroke-width="2"/><path d="M22 15 V22 L27 25" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg></span><span><span class="n">Time Shifting</span><span class="d">Solve the problem as a 1900s artisan, then a 2150 colonist — harvest the era-bound constraints and tricks</span><span class="gf">Great for: Novel concept · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Metaphor Mapping" data-cat="Creative" data-desc="Declare the problem IS a chosen metaphor, extend the metaphor fully, map each part back to find insights" data-good="novel|diagnosis" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><line x1="22" y1="6.5" x2="22" y2="12.5"/><line x1="22" y1="31.5" x2="22" y2="37.5"/><line x1="6.5" y1="22" x2="12.5" y2="22"/><line x1="31.5" y1="22" x2="37.5" y2="22"/><line x1="11.3" y1="11.3" x2="15.5" y2="15.5"/><line x1="28.5" y1="28.5" x2="32.7" y2="32.7"/><line x1="32.7" y1="11.3" x2="28.5" y2="15.5"/><line x1="15.5" y1="28.5" x2="11.3" y2="32.7"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="3.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><rect x="10" y="14" width="14" height="14" rx="2" fill="none" stroke="currentColor" stroke-width="2"/><circle cx="28" cy="25" r="7" fill="currentColor" fill-opacity=".22"/><circle cx="28" cy="25" r="7" fill="none" stroke="currentColor" stroke-width="2"/></svg></span><span><span class="n">Metaphor Mapping</span><span class="d">Declare the problem IS a chosen metaphor, extend the metaphor fully, map each part back to find insights</span><span class="gf">Great for: Novel concept · Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="Cross-Pollination" data-cat="Creative" data-desc="Ask how a wildly different industry — casinos, ERs, beekeeping — would crack this, then adapt their move" data-good="novel|feature|strategy" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><line x1="22" y1="6.5" x2="22" y2="12.5"/><line x1="22" y1="31.5" x2="22" y2="37.5"/><line x1="6.5" y1="22" x2="12.5" y2="22"/><line x1="31.5" y1="22" x2="37.5" y2="22"/><line x1="11.3" y1="11.3" x2="15.5" y2="15.5"/><line x1="28.5" y1="28.5" x2="32.7" y2="32.7"/><line x1="32.7" y1="11.3" x2="28.5" y2="15.5"/><line x1="15.5" y1="28.5" x2="11.3" y2="32.7"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="3.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 14 H27 a4 4 0 0 1 0 8 H17 a4 4 0 0 0 0 8 H31"/><path d="M28 11 L31.5 14 L28 17 M16 27 L12.5 30 L16 33"/></g></svg></span><span><span class="n">Cross-Pollination</span><span class="d">Ask how a wildly different industry — casinos, ERs, beekeeping — would crack this, then adapt their move</span><span class="gf">Great for: Novel concept · Build a feature · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Concept Blending" data-cat="Creative" data-desc="Fuse two concepts into one new hybrid category and name what the merger becomes, not just combines" data-good="novel" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><line x1="22" y1="6.5" x2="22" y2="12.5"/><line x1="22" y1="31.5" x2="22" y2="37.5"/><line x1="6.5" y1="22" x2="12.5" y2="22"/><line x1="31.5" y1="22" x2="37.5" y2="22"/><line x1="11.3" y1="11.3" x2="15.5" y2="15.5"/><line x1="28.5" y1="28.5" x2="32.7" y2="32.7"/><line x1="32.7" y1="11.3" x2="28.5" y2="15.5"/><line x1="15.5" y1="28.5" x2="11.3" y2="32.7"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="3.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="18" cy="22" r="8" fill="currentColor" fill-opacity=".25"/><circle cx="26" cy="22" r="8" fill="currentColor" fill-opacity=".25"/><g fill="none" stroke="currentColor" stroke-width="2"><circle cx="18" cy="22" r="8"/><circle cx="26" cy="22" r="8"/></g></svg></span><span><span class="n">Concept Blending</span><span class="d">Fuse two concepts into one new hybrid category and name what the merger becomes, not just combines</span><span class="gf">Great for: Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Reverse Brainstorming" data-cat="Creative" data-desc="Generate problems instead of solutions — &#x27;how could we make this fail?&#x27; — then mine each for its inverse" data-good="diagnosis|feature|unstuck" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><line x1="22" y1="6.5" x2="22" y2="12.5"/><line x1="22" y1="31.5" x2="22" y2="37.5"/><line x1="6.5" y1="22" x2="12.5" y2="22"/><line x1="31.5" y1="22" x2="37.5" y2="22"/><line x1="11.3" y1="11.3" x2="15.5" y2="15.5"/><line x1="28.5" y1="28.5" x2="32.7" y2="32.7"/><line x1="32.7" y1="11.3" x2="28.5" y2="15.5"/><line x1="15.5" y1="28.5" x2="11.3" y2="32.7"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="3.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 18 H28 a4 4 0 0 1 0 8 H16"/><path d="M19 15 L13 18 L19 21 M22 23 L16 26 L22 29"/></g></svg></span><span><span class="n">Reverse Brainstorming</span><span class="d">Generate problems instead of solutions — &#x27;how could we make this fail?&#x27; — then mine each for its inverse</span><span class="gf">Great for: Diagnose · Build a feature · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Sensory Exploration" data-cat="Creative" data-desc="Interrogate the idea through each sense — its taste, smell, sound, texture — to surface non-analytical angles" data-good="novel|unstuck" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><line x1="22" y1="6.5" x2="22" y2="12.5"/><line x1="22" y1="31.5" x2="22" y2="37.5"/><line x1="6.5" y1="22" x2="12.5" y2="22"/><line x1="31.5" y1="22" x2="37.5" y2="22"/><line x1="11.3" y1="11.3" x2="15.5" y2="15.5"/><line x1="28.5" y1="28.5" x2="32.7" y2="32.7"/><line x1="32.7" y1="11.3" x2="28.5" y2="15.5"/><line x1="15.5" y1="28.5" x2="11.3" y2="32.7"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="3.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M10 22 q12 -10 24 0 q-12 10 -24 0 z" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/><circle cx="22" cy="22" r="4" fill="currentColor"/></svg></span><span><span class="n">Sensory Exploration</span><span class="d">Interrogate the idea through each sense — its taste, smell, sound, texture — to surface non-analytical angles</span><span class="gf">Great for: Novel concept · Get unstuck</span></span></label><label class="tech invent"><input type="checkbox" data-invent="Creative"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><line x1="22" y1="6.5" x2="22" y2="12.5"/><line x1="22" y1="31.5" x2="22" y2="37.5"/><line x1="6.5" y1="22" x2="12.5" y2="22"/><line x1="31.5" y1="22" x2="37.5" y2="22"/><line x1="11.3" y1="11.3" x2="15.5" y2="15.5"/><line x1="28.5" y1="28.5" x2="32.7" y2="32.7"/><line x1="32.7" y1="11.3" x2="28.5" y2="15.5"/><line x1="15.5" y1="28.5" x2="11.3" y2="32.7"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="3.6" fill="currentColor"/></svg></span><span><span class="n">✨ Invent a Creative technique</span><span class="d">Make up a brand-new technique on the fly, in the spirit of Creative</span></span></label></div></section>
+<section data-cat="Biomimetic" style="--c:#1f9d6b"><h2>Biomimetic<span class="cnt">6</span></h2><div class="grid"><label class="tech"><input type="checkbox" data-name="Nature&#x27;s Solutions" data-cat="Biomimetic" data-desc="Name an organism that already solved your problem, then copy its mechanism into your design" data-good="feature|novel" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M22 7.5 C 31.5 12.5, 31.5 29, 22 36.5 C 12.5 29, 12.5 12.5, 22 7.5 Z" fill="currentColor" fill-opacity="0.22"/><path d="M22 9 V 35.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/><g stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M22 16 l5.6 -2.6"/><path d="M22 16 l-5.6 -2.6"/><path d="M22 22 l6.6 -2.6"/><path d="M22 22 l-6.6 -2.6"/><path d="M22 28 l5.6 -2.6"/><path d="M22 28 l-5.6 -2.6"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 32 C12 24 12 20 16 12 M28 32 C32 24 32 20 28 12"/><path d="M16 16 L28 14 M16 22 L28 20 M16 28 L28 26"/></g></svg></span><span><span class="n">Nature&#x27;s Solutions</span><span class="d">Name an organism that already solved your problem, then copy its mechanism into your design</span><span class="gf">Great for: Build a feature · Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Ecosystem Thinking" data-cat="Biomimetic" data-desc="Map your problem as an ecosystem: who eats whom, who partners, what decays, what fills the gaps" data-good="strategy|diagnosis" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M22 7.5 C 31.5 12.5, 31.5 29, 22 36.5 C 12.5 29, 12.5 12.5, 22 7.5 Z" fill="currentColor" fill-opacity="0.22"/><path d="M22 9 V 35.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/><g stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M22 16 l5.6 -2.6"/><path d="M22 16 l-5.6 -2.6"/><path d="M22 22 l6.6 -2.6"/><path d="M22 22 l-6.6 -2.6"/><path d="M22 28 l5.6 -2.6"/><path d="M22 28 l-5.6 -2.6"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="22" cy="13" r="2.4"/><circle cx="12" cy="27" r="2.4"/><circle cx="32" cy="27" r="2.4"/><circle cx="22" cy="24" r="2.4"/><path d="M22 15.4 V21.6 M14 26 L20 24.5 M30 26 L24 24.5 M13.6 25.2 L30.4 25.2"/></g></svg></span><span><span class="n">Ecosystem Thinking</span><span class="d">Map your problem as an ecosystem: who eats whom, who partners, what decays, what fills the gaps</span><span class="gf">Great for: Strategy · Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="Evolutionary Pressure" data-cat="Biomimetic" data-desc="Spawn many ugly variants, apply a brutal selection rule, breed the survivors, repeat until it adapts" data-good="feature|novel" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M22 7.5 C 31.5 12.5, 31.5 29, 22 36.5 C 12.5 29, 12.5 12.5, 22 7.5 Z" fill="currentColor" fill-opacity="0.22"/><path d="M22 9 V 35.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/><g stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M22 16 l5.6 -2.6"/><path d="M22 16 l-5.6 -2.6"/><path d="M22 22 l6.6 -2.6"/><path d="M22 22 l-6.6 -2.6"/><path d="M22 28 l5.6 -2.6"/><path d="M22 28 l-5.6 -2.6"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 31 H17 M19 31 a6 6 0 0 1 6 -6 M25 25 a5 5 0 0 1 5 -5 M30 20 H33"/><circle cx="11" cy="31" r="2" fill="currentColor"/><circle cx="33" cy="20" r="2.6" fill="currentColor"/></g></svg></span><span><span class="n">Evolutionary Pressure</span><span class="d">Spawn many ugly variants, apply a brutal selection rule, breed the survivors, repeat until it adapts</span><span class="gf">Great for: Build a feature · Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Predator &amp; Prey" data-cat="Biomimetic" data-desc="Pick a threat to your idea, then design the defense, camouflage, or escape an animal would evolve against it" data-good="strategy|feature" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M22 7.5 C 31.5 12.5, 31.5 29, 22 36.5 C 12.5 29, 12.5 12.5, 22 7.5 Z" fill="currentColor" fill-opacity="0.22"/><path d="M22 9 V 35.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/><g stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M22 16 l5.6 -2.6"/><path d="M22 16 l-5.6 -2.6"/><path d="M22 22 l6.6 -2.6"/><path d="M22 22 l-6.6 -2.6"/><path d="M22 28 l5.6 -2.6"/><path d="M22 28 l-5.6 -2.6"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M22 9 L33 14 V23 C33 30 28 34 22 36 C16 34 11 30 11 23 V14 Z" fill="currentColor" fill-opacity=".18"/><path d="M22 9 L33 14 V23 C33 30 28 34 22 36 C16 34 11 30 11 23 V14 Z" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg></span><span><span class="n">Predator &amp; Prey</span><span class="d">Pick a threat to your idea, then design the defense, camouflage, or escape an animal would evolve against it</span><span class="gf">Great for: Strategy · Build a feature</span></span></label><label class="tech"><input type="checkbox" data-name="Metamorphosis Stages" data-cat="Biomimetic" data-desc="Force your idea through egg, larva, pupa, adult: a radically different form and purpose at each life stage" data-good="novel|strategy" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M22 7.5 C 31.5 12.5, 31.5 29, 22 36.5 C 12.5 29, 12.5 12.5, 22 7.5 Z" fill="currentColor" fill-opacity="0.22"/><path d="M22 9 V 35.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/><g stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M22 16 l5.6 -2.6"/><path d="M22 16 l-5.6 -2.6"/><path d="M22 22 l6.6 -2.6"/><path d="M22 22 l-6.6 -2.6"/><path d="M22 28 l5.6 -2.6"/><path d="M22 28 l-5.6 -2.6"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12 V32"/><path d="M22 16 C14 12 10 18 14 22 C10 26 14 32 22 28 C30 32 34 26 30 22 C34 18 30 12 22 16"/></g></svg></span><span><span class="n">Metamorphosis Stages</span><span class="d">Force your idea through egg, larva, pupa, adult: a radically different form and purpose at each life stage</span><span class="gf">Great for: Novel concept · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Swarm Logic" data-cat="Biomimetic" data-desc="Forbid the master plan: solve it with dumb local rules each agent follows so order emerges from the bottom up" data-good="feature|strategy" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M22 7.5 C 31.5 12.5, 31.5 29, 22 36.5 C 12.5 29, 12.5 12.5, 22 7.5 Z" fill="currentColor" fill-opacity="0.22"/><path d="M22 9 V 35.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/><g stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M22 16 l5.6 -2.6"/><path d="M22 16 l-5.6 -2.6"/><path d="M22 22 l6.6 -2.6"/><path d="M22 22 l-6.6 -2.6"/><path d="M22 28 l5.6 -2.6"/><path d="M22 28 l-5.6 -2.6"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 10 L29 14 V22 L22 26 L15 22 V14 Z"/><path d="M15 24 L18 33 M29 24 L26 33 M22 28 V35" stroke-opacity=".6"/></g></svg></span><span><span class="n">Swarm Logic</span><span class="d">Forbid the master plan: solve it with dumb local rules each agent follows so order emerges from the bottom up</span><span class="gf">Great for: Build a feature · Strategy</span></span></label><label class="tech invent"><input type="checkbox" data-invent="Biomimetic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M22 7.5 C 31.5 12.5, 31.5 29, 22 36.5 C 12.5 29, 12.5 12.5, 22 7.5 Z" fill="currentColor" fill-opacity="0.22"/><path d="M22 9 V 35.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/><g stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M22 16 l5.6 -2.6"/><path d="M22 16 l-5.6 -2.6"/><path d="M22 22 l6.6 -2.6"/><path d="M22 22 l-6.6 -2.6"/><path d="M22 28 l5.6 -2.6"/><path d="M22 28 l-5.6 -2.6"/></g></svg></span><span><span class="n">✨ Invent a Biomimetic technique</span><span class="d">Make up a brand-new technique on the fly, in the spirit of Biomimetic</span></span></label></div></section>
+<section data-cat="Cultural" style="--c:#c75b39"><h2>Cultural<span class="cnt">7</span></h2><div class="grid"><label class="tech"><input type="checkbox" data-name="Indigenous Wisdom" data-cat="Cultural" data-desc="Ask how an indigenous or traditional knowledge system would approach this — name the culture, channel its ancestral problem-solving" data-good="personal|strategy|novel" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="22" r="13.5" fill="currentColor" fill-opacity="0.14"/><g stroke="currentColor" stroke-width="1.6" fill="none"><circle cx="22" cy="22" r="13.5"/><ellipse cx="22" cy="22" rx="6" ry="13.5"/><line x1="8.5" y1="22" x2="35.5" y2="22"/><path d="M11 15 H 33" stroke-opacity="0.55"/><path d="M11 29 H 33" stroke-opacity="0.55"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M26 11 C18 16 14 24 13 33 M26 11 C28 18 26 25 20 29"/><path d="M26 11 C24 13 22 14 19 15 M24 16 C22 18 20 19 17 20 M22 21 C20 23 18 24 15 25"/></g></svg></span><span><span class="n">Indigenous Wisdom</span><span class="d">Ask how an indigenous or traditional knowledge system would approach this — name the culture, channel its ancestral problem-solving</span><span class="gf">Great for: Personal / life · Strategy · Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Fusion Cuisine" data-cat="Cultural" data-desc="Pick two unrelated cultures and force-blend their approaches; harvest the hybrid that neither alone would invent" data-good="novel" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="22" r="13.5" fill="currentColor" fill-opacity="0.14"/><g stroke="currentColor" stroke-width="1.6" fill="none"><circle cx="22" cy="22" r="13.5"/><ellipse cx="22" cy="22" rx="6" ry="13.5"/><line x1="8.5" y1="22" x2="35.5" y2="22"/><path d="M11 15 H 33" stroke-opacity="0.55"/><path d="M11 29 H 33" stroke-opacity="0.55"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 19 a12 7 0 0 0 24 0 Z"/><path d="M22 19 V32 M16 32 H28"/></g></svg></span><span><span class="n">Fusion Cuisine</span><span class="d">Pick two unrelated cultures and force-blend their approaches; harvest the hybrid that neither alone would invent</span><span class="gf">Great for: Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Ritual Innovation" data-cat="Cultural" data-desc="Redesign the idea as a ceremony — define the threshold, the gestures, the transformation participants undergo" data-good="novel|personal" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="22" r="13.5" fill="currentColor" fill-opacity="0.14"/><g stroke="currentColor" stroke-width="1.6" fill="none"><circle cx="22" cy="22" r="13.5"/><ellipse cx="22" cy="22" rx="6" ry="13.5"/><line x1="8.5" y1="22" x2="35.5" y2="22"/><path d="M11 15 H 33" stroke-opacity="0.55"/><path d="M11 29 H 33" stroke-opacity="0.55"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 33 V17 a10 10 0 0 1 20 0 V33"/><path d="M12 33 H32 M22 33 V21"/></g></svg></span><span><span class="n">Ritual Innovation</span><span class="d">Redesign the idea as a ceremony — define the threshold, the gestures, the transformation participants undergo</span><span class="gf">Great for: Novel concept · Personal / life</span></span></label><label class="tech"><input type="checkbox" data-name="Mythic Frameworks" data-cat="Cultural" data-desc="Map the problem onto a myth: name the archetypes, find the parallel tale, let its structure dictate the resolution" data-good="strategy|personal|novel" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="22" r="13.5" fill="currentColor" fill-opacity="0.14"/><g stroke="currentColor" stroke-width="1.6" fill="none"><circle cx="22" cy="22" r="13.5"/><ellipse cx="22" cy="22" rx="6" ry="13.5"/><line x1="8.5" y1="22" x2="35.5" y2="22"/><path d="M11 15 H 33" stroke-opacity="0.55"/><path d="M11 29 H 33" stroke-opacity="0.55"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 12 h13 a3 3 0 0 1 3 3 v17 l-3 -2 -3 2 -3 -2 -3 2 V15 a3 3 0 0 0 -3 -3 z"/><path d="M14 12 a3 3 0 0 0 -3 3 h6"/><path d="M20 18 H26 M20 23 H26"/></g></svg></span><span><span class="n">Mythic Frameworks</span><span class="d">Map the problem onto a myth: name the archetypes, find the parallel tale, let its structure dictate the resolution</span><span class="gf">Great for: Strategy · Personal / life · Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Proverb Mining" data-cat="Cultural" data-desc="Collect proverbs from many cultures on this theme, then build the solution from the one that clashes hardest with your assumptions" data-good="personal|strategy" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="22" r="13.5" fill="currentColor" fill-opacity="0.14"/><g stroke="currentColor" stroke-width="1.6" fill="none"><circle cx="22" cy="22" r="13.5"/><ellipse cx="22" cy="22" rx="6" ry="13.5"/><line x1="8.5" y1="22" x2="35.5" y2="22"/><path d="M11 15 H 33" stroke-opacity="0.55"/><path d="M11 29 H 33" stroke-opacity="0.55"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 14 C17 10 11 11 11 11 V30 s6 -1 11 3 c5 -4 11 -3 11 -3 V11 s-6 -1 -11 3 z"/><path d="M22 14 V31"/></g></svg></span><span><span class="n">Proverb Mining</span><span class="d">Collect proverbs from many cultures on this theme, then build the solution from the one that clashes hardest with your assumptions</span><span class="gf">Great for: Personal / life · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Ancestor Council" data-cat="Cultural" data-desc="Convene three ancestors or elders from different traditions, voice each one&#x27;s verdict on your idea, reconcile their disagreement" data-good="personal|strategy" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="22" r="13.5" fill="currentColor" fill-opacity="0.14"/><g stroke="currentColor" stroke-width="1.6" fill="none"><circle cx="22" cy="22" r="13.5"/><ellipse cx="22" cy="22" rx="6" ry="13.5"/><line x1="8.5" y1="22" x2="35.5" y2="22"/><path d="M11 15 H 33" stroke-opacity="0.55"/><path d="M11 29 H 33" stroke-opacity="0.55"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2"><circle cx="22" cy="14" r="3.5"/><circle cx="13" cy="19" r="3"/><circle cx="31" cy="19" r="3"/></g><g fill="currentColor" fill-opacity=".25"><path d="M16 31 c0 -5 12 -5 12 0 z"/><path d="M8 31 c0 -4 9 -4.5 9 0 z"/><path d="M27 31 c0 -4.5 9 -4 9 0 z"/></g></svg></span><span><span class="n">Ancestor Council</span><span class="d">Convene three ancestors or elders from different traditions, voice each one&#x27;s verdict on your idea, reconcile their disagreement</span><span class="gf">Great for: Personal / life · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Trickster&#x27;s Gambit" data-cat="Cultural" data-desc="Channel the trickster figure — coyote, Anansi, Loki — and solve it by cheating, inverting, or breaking the sacred rule" data-good="unstuck|strategy" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="22" r="13.5" fill="currentColor" fill-opacity="0.14"/><g stroke="currentColor" stroke-width="1.6" fill="none"><circle cx="22" cy="22" r="13.5"/><ellipse cx="22" cy="22" rx="6" ry="13.5"/><line x1="8.5" y1="22" x2="35.5" y2="22"/><path d="M11 15 H 33" stroke-opacity="0.55"/><path d="M11 29 H 33" stroke-opacity="0.55"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><rect x="11" y="12" width="13" height="18" rx="2" transform="rotate(-10 17.5 21)" fill="currentColor" fill-opacity=".2" stroke="currentColor" stroke-width="2"/><rect x="20" y="14" width="13" height="18" rx="2" transform="rotate(10 26.5 23)" fill="none" stroke="currentColor" stroke-width="2"/><path d="M26.5 19 l1.4 3 1.4 -3 -1.4 -1 z" fill="currentColor"/></svg></span><span><span class="n">Trickster&#x27;s Gambit</span><span class="d">Channel the trickster figure — coyote, Anansi, Loki — and solve it by cheating, inverting, or breaking the sacred rule</span><span class="gf">Great for: Get unstuck · Strategy</span></span></label><label class="tech invent"><input type="checkbox" data-invent="Cultural"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="22" r="13.5" fill="currentColor" fill-opacity="0.14"/><g stroke="currentColor" stroke-width="1.6" fill="none"><circle cx="22" cy="22" r="13.5"/><ellipse cx="22" cy="22" rx="6" ry="13.5"/><line x1="8.5" y1="22" x2="35.5" y2="22"/><path d="M11 15 H 33" stroke-opacity="0.55"/><path d="M11 29 H 33" stroke-opacity="0.55"/></g></svg></span><span><span class="n">✨ Invent a Cultural technique</span><span class="d">Make up a brand-new technique on the fly, in the spirit of Cultural</span></span></label></div></section>
+<section data-cat="Speculative Future" style="--c:#0fb5c9"><h2>Speculative Future<span class="cnt">8</span></h2><div class="grid"><label class="tech"><input type="checkbox" data-name="Time Horizon Ladder" data-cat="Speculative Future" data-desc="Solve the idea for 1 year out, then 10, then 100 — note what survives, breaks, or becomes absurd at each rung" data-good="strategy|planning|novel" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M11 31 L 26.5 15.5"/><path d="M20 14.5 H 28 V 22.5"/></g><circle cx="31" cy="12" r="2.8" fill="currentColor"/><g stroke="currentColor" stroke-width="1.4" stroke-linecap="round"><line x1="31" y1="6.5" x2="31" y2="8.4"/><line x1="31" y1="15.6" x2="31" y2="17.5"/><line x1="25.5" y1="12" x2="27.4" y2="12"/><line x1="34.6" y1="12" x2="36.5" y2="12"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 30 H35"/><path d="M14 30 V24 M22 30 V18 M30 30 V12"/></g><g fill="currentColor"><circle cx="14" cy="24" r="2"/><circle cx="22" cy="18" r="2"/><circle cx="30" cy="12" r="2"/></g></svg></span><span><span class="n">Time Horizon Ladder</span><span class="d">Solve the idea for 1 year out, then 10, then 100 — note what survives, breaks, or becomes absurd at each rung</span><span class="gf">Great for: Strategy · Planning · Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Post-Scarcity Test" data-cat="Speculative Future" data-desc="Assume the core constraint (money, energy, time, attention) is now infinite and free — what does the idea become" data-good="novel|strategy" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M11 31 L 26.5 15.5"/><path d="M20 14.5 H 28 V 22.5"/></g><circle cx="31" cy="12" r="2.8" fill="currentColor"/><g stroke="currentColor" stroke-width="1.4" stroke-linecap="round"><line x1="31" y1="6.5" x2="31" y2="8.4"/><line x1="31" y1="15.6" x2="31" y2="17.5"/><line x1="25.5" y1="12" x2="27.4" y2="12"/><line x1="34.6" y1="12" x2="36.5" y2="12"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 22 a4.5 4.5 0 1 1 4.5 4.5 C16 26.5 14 18 11 18 a3.5 3.5 0 0 0 0 7 c4 0 5 -8 11 -8 a4.5 4.5 0 0 1 0 9 c-3 0 -4 -4.5 -7 -4.5"/></g></svg></span><span><span class="n">Post-Scarcity Test</span><span class="d">Assume the core constraint (money, energy, time, attention) is now infinite and free — what does the idea become</span><span class="gf">Great for: Novel concept · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Utopia vs Dystopia Split-Screen" data-cat="Speculative Future" data-desc="Write the same future twice: the brochure where it went perfectly and the headline where it went horribly" data-good="strategy|diagnosis" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M11 31 L 26.5 15.5"/><path d="M20 14.5 H 28 V 22.5"/></g><circle cx="31" cy="12" r="2.8" fill="currentColor"/><g stroke="currentColor" stroke-width="1.4" stroke-linecap="round"><line x1="31" y1="6.5" x2="31" y2="8.4"/><line x1="31" y1="15.6" x2="31" y2="17.5"/><line x1="25.5" y1="12" x2="27.4" y2="12"/><line x1="34.6" y1="12" x2="36.5" y2="12"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><rect x="11" y="11" width="22" height="22" rx="3" fill="none" stroke="currentColor" stroke-width="2"/><path d="M22 11 V33" stroke="currentColor" stroke-width="2"/><path d="M22 11 H33 a0 0 0 0 1 0 0 V33 H22 Z" fill="currentColor" fill-opacity=".8"/></svg></span><span><span class="n">Utopia vs Dystopia Split-Screen</span><span class="d">Write the same future twice: the brochure where it went perfectly and the headline where it went horribly</span><span class="gf">Great for: Strategy · Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="Sci-Fi Artifact From the Future" data-cat="Speculative Future" data-desc="Describe one physical object, ad, or news clip from the world where this idea already won — reverse-engineer it" data-good="novel|feature" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M11 31 L 26.5 15.5"/><path d="M20 14.5 H 28 V 22.5"/></g><circle cx="31" cy="12" r="2.8" fill="currentColor"/><g stroke="currentColor" stroke-width="1.4" stroke-linecap="round"><line x1="31" y1="6.5" x2="31" y2="8.4"/><line x1="31" y1="15.6" x2="31" y2="17.5"/><line x1="25.5" y1="12" x2="27.4" y2="12"/><line x1="34.6" y1="12" x2="36.5" y2="12"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M22 9 L33 15 V28 L22 35 L11 28 V15 Z" fill="currentColor" fill-opacity=".15"/><path d="M22 9 L33 15 V28 L22 35 L11 28 V15 Z M11 15 L22 21 L33 15 M22 21 V35" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg></span><span><span class="n">Sci-Fi Artifact From the Future</span><span class="d">Describe one physical object, ad, or news clip from the world where this idea already won — reverse-engineer it</span><span class="gf">Great for: Novel concept · Build a feature</span></span></label><label class="tech"><input type="checkbox" data-name="Emerging Tech Collision" data-cat="Speculative Future" data-desc="Force-marry your idea to a frontier tech (AGI, fusion, neural implants, gene edit) and ask what new thing is born" data-good="novel|feature|strategy" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M11 31 L 26.5 15.5"/><path d="M20 14.5 H 28 V 22.5"/></g><circle cx="31" cy="12" r="2.8" fill="currentColor"/><g stroke="currentColor" stroke-width="1.4" stroke-linecap="round"><line x1="31" y1="6.5" x2="31" y2="8.4"/><line x1="31" y1="15.6" x2="31" y2="17.5"/><line x1="25.5" y1="12" x2="27.4" y2="12"/><line x1="34.6" y1="12" x2="36.5" y2="12"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><rect x="15" y="15" width="14" height="14" rx="2" fill="currentColor" fill-opacity=".22"/><rect x="15" y="15" width="14" height="14" rx="2" fill="none" stroke="currentColor" stroke-width="2"/><g stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M19 15 V10 M25 15 V10 M19 29 V34 M25 29 V34 M15 19 H10 M15 25 H10 M29 19 H34 M29 25 H34"/></g></svg></span><span><span class="n">Emerging Tech Collision</span><span class="d">Force-marry your idea to a frontier tech (AGI, fusion, neural implants, gene edit) and ask what new thing is born</span><span class="gf">Great for: Novel concept · Build a feature · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="What-If-The-World-Changed Card Flip" data-cat="Speculative Future" data-desc="Draw a wild world-shift (no privacy, half population, 200-yr lifespans) and redesign the idea to fit that world" data-good="novel|unstuck" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M11 31 L 26.5 15.5"/><path d="M20 14.5 H 28 V 22.5"/></g><circle cx="31" cy="12" r="2.8" fill="currentColor"/><g stroke="currentColor" stroke-width="1.4" stroke-linecap="round"><line x1="31" y1="6.5" x2="31" y2="8.4"/><line x1="31" y1="15.6" x2="31" y2="17.5"/><line x1="25.5" y1="12" x2="27.4" y2="12"/><line x1="34.6" y1="12" x2="36.5" y2="12"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><rect x="13" y="10" width="18" height="24" rx="2.5" fill="currentColor" fill-opacity=".18" stroke="currentColor" stroke-width="2"/><path d="M22 10 V34" stroke="currentColor" stroke-width="1.6" stroke-dasharray="2 2.5"/><path d="M27 16 a4 4 0 1 1 4 4" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg></span><span><span class="n">What-If-The-World-Changed Card Flip</span><span class="d">Draw a wild world-shift (no privacy, half population, 200-yr lifespans) and redesign the idea to fit that world</span><span class="gf">Great for: Novel concept · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Future Anthropologist Dig" data-cat="Speculative Future" data-desc="A scholar in 2200 unearths your idea as a relic — what do they conclude it reveals about us, and what replaced it" data-good="strategy|novel" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M11 31 L 26.5 15.5"/><path d="M20 14.5 H 28 V 22.5"/></g><circle cx="31" cy="12" r="2.8" fill="currentColor"/><g stroke="currentColor" stroke-width="1.4" stroke-linecap="round"><line x1="31" y1="6.5" x2="31" y2="8.4"/><line x1="31" y1="15.6" x2="31" y2="17.5"/><line x1="25.5" y1="12" x2="27.4" y2="12"/><line x1="34.6" y1="12" x2="36.5" y2="12"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 27 a6 6 0 1 1 0.1 0 z"/><path d="M22 23 a2.5 2.5 0 1 0 0.1 0 M19 30 a5 5 0 0 0 6 0"/></g><path d="M12 16 L17 13 M32 16 L27 13" stroke="currentColor" stroke-width="1.6" stroke-opacity=".5"/></svg></span><span><span class="n">Future Anthropologist Dig</span><span class="d">A scholar in 2200 unearths your idea as a relic — what do they conclude it reveals about us, and what replaced it</span><span class="gf">Great for: Strategy · Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Scenario Cross" data-cat="Speculative Future" data-desc="Pick two high-impact uncertainties, cross them into four futures, and ideate the move that wins in every one" data-good="strategy|planning" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M11 31 L 26.5 15.5"/><path d="M20 14.5 H 28 V 22.5"/></g><circle cx="31" cy="12" r="2.8" fill="currentColor"/><g stroke="currentColor" stroke-width="1.4" stroke-linecap="round"><line x1="31" y1="6.5" x2="31" y2="8.4"/><line x1="31" y1="15.6" x2="31" y2="17.5"/><line x1="25.5" y1="12" x2="27.4" y2="12"/><line x1="34.6" y1="12" x2="36.5" y2="12"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M22 9 V35 M9 22 H35"/></g><g fill="currentColor"><circle cx="15" cy="15" r="2"/><circle cx="29" cy="15" r="2"/><circle cx="15" cy="29" r="2"/><circle cx="29" cy="29" r="2"/></g></svg></span><span><span class="n">Scenario Cross</span><span class="d">Pick two high-impact uncertainties, cross them into four futures, and ideate the move that wins in every one</span><span class="gf">Great for: Strategy · Planning</span></span></label><label class="tech invent"><input type="checkbox" data-invent="Speculative Future"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M11 31 L 26.5 15.5"/><path d="M20 14.5 H 28 V 22.5"/></g><circle cx="31" cy="12" r="2.8" fill="currentColor"/><g stroke="currentColor" stroke-width="1.4" stroke-linecap="round"><line x1="31" y1="6.5" x2="31" y2="8.4"/><line x1="31" y1="15.6" x2="31" y2="17.5"/><line x1="25.5" y1="12" x2="27.4" y2="12"/><line x1="34.6" y1="12" x2="36.5" y2="12"/></g></svg></span><span><span class="n">✨ Invent a Speculative Future technique</span><span class="d">Make up a brand-new technique on the fly, in the spirit of Speculative Future</span></span></label></div></section>
+<section data-cat="Quantum" style="--c:#2b86d9"><h2>Quantum<span class="cnt">6</span></h2><div class="grid"><label class="tech"><input type="checkbox" data-name="Observer Effect" data-cat="Quantum" data-desc="Ask how the act of watching, measuring, or shipping this idea changes the very thing you&#x27;re trying to capture" data-good="strategy|diagnosis" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8" fill="none"><ellipse cx="22" cy="22" rx="14.5" ry="6" transform="rotate(28 22 22)"/><ellipse cx="22" cy="22" rx="14.5" ry="6" transform="rotate(-28 22 22)"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.18"/><circle cx="22" cy="22" r="3.4" fill="currentColor"/><circle cx="33.2" cy="17.4" r="2" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M9 22 q13 -10 26 0 q-13 10 -26 0 z" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/><circle cx="22" cy="22" r="4.5" fill="none" stroke="currentColor" stroke-width="2"/><circle cx="22" cy="22" r="1.8" fill="currentColor"/></svg></span><span><span class="n">Observer Effect</span><span class="d">Ask how the act of watching, measuring, or shipping this idea changes the very thing you&#x27;re trying to capture</span><span class="gf">Great for: Strategy · Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="Entanglement Thinking" data-cat="Quantum" data-desc="Pair two distant parts of the problem and insist a change in one instantly flips the other — surface the hidden linkage" data-good="diagnosis|strategy" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8" fill="none"><ellipse cx="22" cy="22" rx="14.5" ry="6" transform="rotate(28 22 22)"/><ellipse cx="22" cy="22" rx="14.5" ry="6" transform="rotate(-28 22 22)"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.18"/><circle cx="22" cy="22" r="3.4" fill="currentColor"/><circle cx="33.2" cy="17.4" r="2" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2"><circle cx="15" cy="22" r="6"/><circle cx="29" cy="22" r="6"/></g><path d="M15 22 h14" stroke="currentColor" stroke-width="2" stroke-dasharray="1.5 2.5"/><g fill="currentColor"><circle cx="15" cy="22" r="1.8"/><circle cx="29" cy="22" r="1.8"/></g></svg></span><span><span class="n">Entanglement Thinking</span><span class="d">Pair two distant parts of the problem and insist a change in one instantly flips the other — surface the hidden linkage</span><span class="gf">Great for: Diagnose · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Superposition Collapse" data-cat="Quantum" data-desc="Hold all rival solutions alive at once, then name the one constraint that collapses them to a single winner" data-good="strategy|diagnosis" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8" fill="none"><ellipse cx="22" cy="22" rx="14.5" ry="6" transform="rotate(28 22 22)"/><ellipse cx="22" cy="22" rx="14.5" ry="6" transform="rotate(-28 22 22)"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.18"/><circle cx="22" cy="22" r="3.4" fill="currentColor"/><circle cx="33.2" cy="17.4" r="2" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 12 C20 16 24 16 33 12 M11 18 C20 22 24 22 33 18 M11 24 C20 28 24 28 33 24"/><path d="M22 26 V34"/></g><circle cx="22" cy="34" r="2" fill="currentColor"/></svg></span><span><span class="n">Superposition Collapse</span><span class="d">Hold all rival solutions alive at once, then name the one constraint that collapses them to a single winner</span><span class="gf">Great for: Strategy · Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="Relativity Frame Shift" data-cat="Quantum" data-desc="Re-run the idea from a wildly different observer&#x27;s reference frame — the slow user, the rival, future-you — and see what warps" data-good="strategy|novel" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8" fill="none"><ellipse cx="22" cy="22" rx="14.5" ry="6" transform="rotate(28 22 22)"/><ellipse cx="22" cy="22" rx="14.5" ry="6" transform="rotate(-28 22 22)"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.18"/><circle cx="22" cy="22" r="3.4" fill="currentColor"/><circle cx="33.2" cy="17.4" r="2" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><rect x="11" y="11" width="22" height="22" rx="2" fill="none" stroke="currentColor" stroke-width="2" stroke-opacity=".4"/><rect x="15" y="15" width="18" height="18" rx="2" transform="rotate(-14 22 22)" fill="none" stroke="currentColor" stroke-width="2"/></svg></span><span><span class="n">Relativity Frame Shift</span><span class="d">Re-run the idea from a wildly different observer&#x27;s reference frame — the slow user, the rival, future-you — and see what warps</span><span class="gf">Great for: Strategy · Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Field Lines" data-cat="Quantum" data-desc="Treat the goal as a charge and map the invisible forces pulling every stakeholder toward or away from it" data-good="strategy" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8" fill="none"><ellipse cx="22" cy="22" rx="14.5" ry="6" transform="rotate(28 22 22)"/><ellipse cx="22" cy="22" rx="14.5" ry="6" transform="rotate(-28 22 22)"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.18"/><circle cx="22" cy="22" r="3.4" fill="currentColor"/><circle cx="33.2" cy="17.4" r="2" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 13 V31 M16 13 C24 18 24 26 16 31 M22 13 C32 18 32 26 22 31"/></g><circle cx="11" cy="22" r="2" fill="currentColor"/></svg></span><span><span class="n">Field Lines</span><span class="d">Treat the goal as a charge and map the invisible forces pulling every stakeholder toward or away from it</span><span class="gf">Great for: Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Quantum Tunneling" data-cat="Quantum" data-desc="Assume the idea can pass straight through the &#x27;impossible&#x27; barrier instead of over it — what&#x27;s on the other side, reached cheaply" data-good="unstuck|novel" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8" fill="none"><ellipse cx="22" cy="22" rx="14.5" ry="6" transform="rotate(28 22 22)"/><ellipse cx="22" cy="22" rx="14.5" ry="6" transform="rotate(-28 22 22)"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.18"/><circle cx="22" cy="22" r="3.4" fill="currentColor"/><circle cx="33.2" cy="17.4" r="2" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><rect x="20" y="9" width="5" height="26" rx="1.5" fill="currentColor" fill-opacity=".3"/><path d="M10 22 H34" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/><path d="M28 17 L34 22 L28 27" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span><span class="n">Quantum Tunneling</span><span class="d">Assume the idea can pass straight through the &#x27;impossible&#x27; barrier instead of over it — what&#x27;s on the other side, reached cheaply</span><span class="gf">Great for: Get unstuck · Novel concept</span></span></label><label class="tech invent"><input type="checkbox" data-invent="Quantum"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8" fill="none"><ellipse cx="22" cy="22" rx="14.5" ry="6" transform="rotate(28 22 22)"/><ellipse cx="22" cy="22" rx="14.5" ry="6" transform="rotate(-28 22 22)"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.18"/><circle cx="22" cy="22" r="3.4" fill="currentColor"/><circle cx="33.2" cy="17.4" r="2" fill="currentColor"/></svg></span><span><span class="n">✨ Invent a Quantum technique</span><span class="d">Make up a brand-new technique on the fly, in the spirit of Quantum</span></span></label></div></section>
+<h2 class="grouphdr" style="--c:#e2562f">Wild &amp; Playful</h2>
+<section data-cat="Wild" style="--c:#e2562f"><h2>Wild<span class="cnt">7</span></h2><div class="grid"><label class="tech"><input type="checkbox" data-name="Chaos Engineering" data-cat="Wild" data-desc="Deliberately break your idea every way it could fail, then rebuild only the parts that survive the wreckage" data-good="feature|diagnosis|strategy" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M24.5 6.5 L 12.5 24 H 19.5 L 17.5 37.5 L 31.5 18.5 H 24 L 24.5 6.5 Z" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 9 L25 18 L34 18 L27 24 L30 33 L22 27 L14 33 L17 24 L10 18 L19 18 Z"/></g></svg></span><span><span class="n">Chaos Engineering</span><span class="d">Deliberately break your idea every way it could fail, then rebuild only the parts that survive the wreckage</span><span class="gf">Great for: Build a feature · Diagnose · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Guerrilla Gardening Ideas" data-cat="Wild" data-desc="Plant your solution in the least expected place and let it grow underground until it surprises everyone" data-good="strategy|unstuck" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M24.5 6.5 L 12.5 24 H 19.5 L 17.5 37.5 L 31.5 18.5 H 24 L 24.5 6.5 Z" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 33 V21"/><path d="M22 22 c-7 0 -9 -6 -9 -9 c6 0 9 3 9 9 z"/><path d="M22 24 c6 0 8 -4 8 -7 c-5 0 -8 2 -8 7 z"/></g></svg></span><span><span class="n">Guerrilla Gardening Ideas</span><span class="d">Plant your solution in the least expected place and let it grow underground until it surprises everyone</span><span class="gf">Great for: Strategy · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Pirate Code Brainstorm" data-cat="Wild" data-desc="Steal the best bits from anywhere, remix without asking permission, grab what works and run" data-good="novel|unstuck" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M24.5 6.5 L 12.5 24 H 19.5 L 17.5 37.5 L 31.5 18.5 H 24 L 24.5 6.5 Z" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M22 10 c-7 0 -11 5 -11 11 c0 4 2 6 4 7 v4 h3 v-2 h2 v2 h4 v-2 h2 v2 h3 v-4 c2 -1 4 -3 4 -7 c0 -6 -4 -11 -11 -11 z" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/><g fill="currentColor"><circle cx="17.5" cy="21" r="2.2"/><circle cx="26.5" cy="21" r="2.2"/></g></svg></span><span><span class="n">Pirate Code Brainstorm</span><span class="d">Steal the best bits from anywhere, remix without asking permission, grab what works and run</span><span class="gf">Great for: Novel concept · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Zombie Apocalypse Planning" data-cat="Wild" data-desc="Society just collapsed — strip your idea to only what survives with no power, no rules, no backup" data-good="feature|strategy|unstuck" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M24.5 6.5 L 12.5 24 H 19.5 L 17.5 37.5 L 31.5 18.5 H 24 L 24.5 6.5 Z" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="22" r="4" fill="none" stroke="currentColor" stroke-width="2"/><g fill="none" stroke="currentColor" stroke-width="2"><path d="M22 10 a12 12 0 0 1 6 3.5 M32 16 a12 12 0 0 1 0 12 M28 33.5 a12 12 0 0 1 -12 0 M12 28 a12 12 0 0 1 0 -12 M16 10.5 a12 12 0 0 1 6 -0.5" stroke-dasharray="0.1 5.5"/></g><g fill="currentColor"><circle cx="22" cy="11" r="2"/><circle cx="11" cy="22" r="2"/><circle cx="33" cy="22" r="2"/></g></svg></span><span><span class="n">Zombie Apocalypse Planning</span><span class="d">Society just collapsed — strip your idea to only what survives with no power, no rules, no backup</span><span class="gf">Great for: Build a feature · Strategy · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Drunk History Retelling" data-cat="Wild" data-desc="Explain it like you&#x27;re three drinks in: no filter, no jargon, just the raw stupid-simple truth" data-good="unstuck|diagnosis" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M24.5 6.5 L 12.5 24 H 19.5 L 17.5 37.5 L 31.5 18.5 H 24 L 24.5 6.5 Z" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 12 H31 L25 23 V31 H19 V23 Z"/><path d="M19 31 H25" /></g><circle cx="29" cy="14" r="1.4" fill="currentColor"/></svg></span><span><span class="n">Drunk History Retelling</span><span class="d">Explain it like you&#x27;re three drinks in: no filter, no jargon, just the raw stupid-simple truth</span><span class="gf">Great for: Get unstuck · Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="Anti-Solution" data-cat="Wild" data-desc="Brainstorm how to make the problem spectacularly worse, then invert every sabotage into a fix" data-good="diagnosis|unstuck" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M24.5 6.5 L 12.5 24 H 19.5 L 17.5 37.5 L 31.5 18.5 H 24 L 24.5 6.5 Z" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 18 a8 8 0 1 1 -1 8"/><path d="M14 12 L14 18.5 L20 18"/></g></svg></span><span><span class="n">Anti-Solution</span><span class="d">Brainstorm how to make the problem spectacularly worse, then invert every sabotage into a fix</span><span class="gf">Great for: Diagnose · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Elemental Forces" data-cat="Wild" data-desc="Let fire, water, earth, and air each sculpt your idea their own brutal way and see what survives" data-good="novel|unstuck" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M24.5 6.5 L 12.5 24 H 19.5 L 17.5 37.5 L 31.5 18.5 H 24 L 24.5 6.5 Z" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 8 L30 22 H14 Z"/><path d="M14 30 L22 36 L30 30"/><path d="M14 26 H30"/></g></svg></span><span><span class="n">Elemental Forces</span><span class="d">Let fire, water, earth, and air each sculpt your idea their own brutal way and see what survives</span><span class="gf">Great for: Novel concept · Get unstuck</span></span></label><label class="tech invent"><input type="checkbox" data-invent="Wild"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M24.5 6.5 L 12.5 24 H 19.5 L 17.5 37.5 L 31.5 18.5 H 24 L 24.5 6.5 Z" fill="currentColor"/></svg></span><span><span class="n">✨ Invent a Wild technique</span><span class="d">Make up a brand-new technique on the fly, in the spirit of Wild</span></span></label></div></section>
+<section data-cat="Absurdist" style="--c:#e0529c"><h2>Absurdist<span class="cnt">6</span></h2><div class="grid"><label class="tech"><input type="checkbox" data-name="Villain&#x27;s Monologue" data-cat="Absurdist" data-desc="Pitch your problem as an evil mastermind gloating about their scheme; the diabolical plan reveals the real solution" data-good="diagnosis|strategy|unstuck" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g transform="rotate(-12 22 22)"><circle cx="22" cy="22" r="13" fill="currentColor" fill-opacity="0.14"/><circle cx="22" cy="22" r="13" stroke="currentColor" stroke-width="1.6" fill="none"/><path d="M16 19 q 2 -2.4 4 0" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/><circle cx="26.5" cy="18.8" r="1.8" fill="currentColor"/><path d="M16.5 26 C 19 30, 25 30, 28 24.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20 C16 18 19 18 22 21 C25 18 28 18 32 20 C30 24 26 24 22 21 C18 24 14 24 12 20 Z"/></g><circle cx="22" cy="14" r="2.4" fill="currentColor"/></svg></span><span><span class="n">Villain&#x27;s Monologue</span><span class="d">Pitch your problem as an evil mastermind gloating about their scheme; the diabolical plan reveals the real solution</span><span class="gf">Great for: Diagnose · Strategy · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Explain It to a Golden Retriever" data-cat="Absurdist" data-desc="Re-pitch the idea to an excitable dog who only cares about treats, balls, and naps; keep only what survives" data-good="unstuck|diagnosis|feature" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g transform="rotate(-12 22 22)"><circle cx="22" cy="22" r="13" fill="currentColor" fill-opacity="0.14"/><circle cx="22" cy="22" r="13" stroke="currentColor" stroke-width="1.6" fill="none"/><path d="M16 19 q 2 -2.4 4 0" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/><circle cx="26.5" cy="18.8" r="1.8" fill="currentColor"/><path d="M16.5 26 C 19 30, 25 30, 28 24.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 18 C12 12 17 13 18 17 M30 18 C32 12 27 13 26 17"/><path d="M15 19 C13 28 18 33 22 33 C26 33 31 28 29 19 C26 16 18 16 15 19 Z"/></g><g fill="currentColor"><circle cx="19" cy="24" r="1.4"/><circle cx="25" cy="24" r="1.4"/><circle cx="22" cy="28" r="1.6"/></g></svg></span><span><span class="n">Explain It to a Golden Retriever</span><span class="d">Re-pitch the idea to an excitable dog who only cares about treats, balls, and naps; keep only what survives</span><span class="gf">Great for: Get unstuck · Diagnose · Build a feature</span></span></label><label class="tech"><input type="checkbox" data-name="Infomercial at 3AM" data-cat="Absurdist" data-desc="Sell your half-baked idea as a desperate late-night infomercial: &#x27;But wait, there&#x27;s more!&#x27; until features fall out" data-good="strategy|novel" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g transform="rotate(-12 22 22)"><circle cx="22" cy="22" r="13" fill="currentColor" fill-opacity="0.14"/><circle cx="22" cy="22" r="13" stroke="currentColor" stroke-width="1.6" fill="none"/><path d="M16 19 q 2 -2.4 4 0" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/><circle cx="26.5" cy="18.8" r="1.8" fill="currentColor"/><path d="M16.5 26 C 19 30, 25 30, 28 24.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><rect x="9" y="14" width="26" height="18" rx="2.5" fill="none" stroke="currentColor" stroke-width="2"/><path d="M18 9 L22 14 L26 9" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 19 l1 2.6 2.8 .2 -2.1 1.9 .7 2.7 -2.4 -1.5 -2.4 1.5 .7 -2.7 -2.1 -1.9 2.8 -.2 z" fill="currentColor"/></svg></span><span><span class="n">Infomercial at 3AM</span><span class="d">Sell your half-baked idea as a desperate late-night infomercial: &#x27;But wait, there&#x27;s more!&#x27; until features fall out</span><span class="gf">Great for: Strategy · Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Drunk Uncle at Thanksgiving" data-cat="Absurdist" data-desc="Have your loudest, least-filtered relative rant about the problem; mine the unhinged hot takes for buried truth" data-good="unstuck|diagnosis" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g transform="rotate(-12 22 22)"><circle cx="22" cy="22" r="13" fill="currentColor" fill-opacity="0.14"/><circle cx="22" cy="22" r="13" stroke="currentColor" stroke-width="1.6" fill="none"/><path d="M16 19 q 2 -2.4 4 0" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/><circle cx="26.5" cy="18.8" r="1.8" fill="currentColor"/><path d="M16.5 26 C 19 30, 25 30, 28 24.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 16 L20 16 L27 11 V29 L20 24 L11 24 Z"/><path d="M30 16 q3 4 0 8 M33 13 q5 7 0 14"/></g></svg></span><span><span class="n">Drunk Uncle at Thanksgiving</span><span class="d">Have your loudest, least-filtered relative rant about the problem; mine the unhinged hot takes for buried truth</span><span class="gf">Great for: Get unstuck · Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="Cursed Genie" data-cat="Absurdist" data-desc="Make a wish, then let a malicious genie grant it in the most technically-correct disastrous way; patch each loophole" data-good="diagnosis|feature" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g transform="rotate(-12 22 22)"><circle cx="22" cy="22" r="13" fill="currentColor" fill-opacity="0.14"/><circle cx="22" cy="22" r="13" stroke="currentColor" stroke-width="1.6" fill="none"/><path d="M16 19 q 2 -2.4 4 0" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/><circle cx="26.5" cy="18.8" r="1.8" fill="currentColor"/><path d="M16.5 26 C 19 30, 25 30, 28 24.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 30 h18 a2 2 0 0 0 2 -2 c0 -5 -6 -5 -8 -8 c5 -1 8 -3 8 -3 c-4 -2 -12 -2 -16 1 c-4 3 -5 9 -4 12 z"/><path d="M30 17 L33 14 M31 21 L35 20" stroke-opacity=".6"/></g></svg></span><span><span class="n">Cursed Genie</span><span class="d">Make a wish, then let a malicious genie grant it in the most technically-correct disastrous way; patch each loophole</span><span class="gf">Great for: Diagnose · Build a feature</span></span></label><label class="tech"><input type="checkbox" data-name="Three Rounds of Stupid" data-cat="Absurdist" data-desc="Round 1 absurd ideas, Round 2 make each MORE absurd, Round 3 find the smallest serious thing hiding in the silliest" data-good="unstuck|novel" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g transform="rotate(-12 22 22)"><circle cx="22" cy="22" r="13" fill="currentColor" fill-opacity="0.14"/><circle cx="22" cy="22" r="13" stroke="currentColor" stroke-width="1.6" fill="none"/><path d="M16 19 q 2 -2.4 4 0" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/><circle cx="26.5" cy="18.8" r="1.8" fill="currentColor"/><path d="M16.5 26 C 19 30, 25 30, 28 24.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 30 V20 M9 24 L13 20 L17 24 M22 30 V15 M18 19 L22 15 L26 19 M31 30 V11 M27 15 L31 11 L35 15"/></g></svg></span><span><span class="n">Three Rounds of Stupid</span><span class="d">Round 1 absurd ideas, Round 2 make each MORE absurd, Round 3 find the smallest serious thing hiding in the silliest</span><span class="gf">Great for: Get unstuck · Novel concept</span></span></label><label class="tech invent"><input type="checkbox" data-invent="Absurdist"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g transform="rotate(-12 22 22)"><circle cx="22" cy="22" r="13" fill="currentColor" fill-opacity="0.14"/><circle cx="22" cy="22" r="13" stroke="currentColor" stroke-width="1.6" fill="none"/><path d="M16 19 q 2 -2.4 4 0" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/><circle cx="26.5" cy="18.8" r="1.8" fill="currentColor"/><path d="M16.5 26 C 19 30, 25 30, 28 24.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></g></svg></span><span><span class="n">✨ Invent a Absurdist technique</span><span class="d">Make up a brand-new technique on the fly, in the spirit of Absurdist</span></span></label></div></section>
+<section data-cat="Theatrical" style="--c:#cf4d6f"><h2>Theatrical<span class="cnt">7</span></h2><div class="grid"><label class="tech"><input type="checkbox" data-name="Time Travel Talk Show" data-cat="Theatrical" data-desc="Host a talk show interviewing your past, present, and future selves to mine each era for advice on the problem" data-good="novel|personal" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" fill="currentColor" fill-opacity="0.18"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" stroke="currentColor" stroke-width="1.8" fill="none"/><g fill="currentColor"><circle cx="18.5" cy="21" r="1.7"/><circle cx="25.5" cy="21" r="1.7"/></g><path d="M18 27 C 20 29.5, 24 29.5, 26 27" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><rect x="18" y="9" width="8" height="15" rx="4" fill="currentColor" fill-opacity=".25"/><rect x="18" y="9" width="8" height="15" rx="4" fill="none" stroke="currentColor" stroke-width="2"/><path d="M14 21 a8 8 0 0 0 16 0 M22 29 V34 M17 34 H27" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg></span><span><span class="n">Time Travel Talk Show</span><span class="d">Host a talk show interviewing your past, present, and future selves to mine each era for advice on the problem</span><span class="gf">Great for: Novel concept · Personal / life</span></span></label><label class="tech"><input type="checkbox" data-name="Alien Anthropologist" data-cat="Theatrical" data-desc="Become a baffled alien studying the problem and narrate aloud what seems strange, arbitrary, or insane about it" data-good="diagnosis|unstuck|strategy" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" fill="currentColor" fill-opacity="0.18"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" stroke="currentColor" stroke-width="1.8" fill="none"/><g fill="currentColor"><circle cx="18.5" cy="21" r="1.7"/><circle cx="25.5" cy="21" r="1.7"/></g><path d="M18 27 C 20 29.5, 24 29.5, 26 27" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><ellipse cx="22" cy="30" rx="13" ry="4.5" fill="currentColor" fill-opacity=".25"/><path d="M22 11 c7 0 10 6 10 11 c0 5 -5 7 -10 7 c-5 0 -10 -2 -10 -7 c0 -5 3 -11 10 -11 z" fill="none" stroke="currentColor" stroke-width="2"/><g fill="currentColor"><ellipse cx="18" cy="22" rx="1.6" ry="2.4"/><ellipse cx="26" cy="22" rx="1.6" ry="2.4"/></g></svg></span><span><span class="n">Alien Anthropologist</span><span class="d">Become a baffled alien studying the problem and narrate aloud what seems strange, arbitrary, or insane about it</span><span class="gf">Great for: Diagnose · Get unstuck · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Dream Fusion Laboratory" data-cat="Theatrical" data-desc="Voice the impossible fantasy solution first, then reverse-engineer the bridging steps back to reality" data-good="novel|unstuck" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" fill="currentColor" fill-opacity="0.18"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" stroke="currentColor" stroke-width="1.8" fill="none"/><g fill="currentColor"><circle cx="18.5" cy="21" r="1.7"/><circle cx="25.5" cy="21" r="1.7"/></g><path d="M18 27 C 20 29.5, 24 29.5, 26 27" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 9 H26 M19.5 9 V18 L13 30 a2 2 0 0 0 2 3 H29 a2 2 0 0 0 2 -3 L24.5 18 V9"/></g><path d="M16.5 26 H27.5" stroke="currentColor" stroke-width="2"/><circle cx="20" cy="29" r="1.4" fill="currentColor"/><circle cx="25" cy="28" r="1.1" fill="currentColor"/></svg></span><span><span class="n">Dream Fusion Laboratory</span><span class="d">Voice the impossible fantasy solution first, then reverse-engineer the bridging steps back to reality</span><span class="gf">Great for: Novel concept · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Emotion Orchestra" data-cat="Theatrical" data-desc="Run a separate ideation round led by each emotion (rage, joy, fear, hope), then harmonize their conflicting ideas" data-good="personal|strategy" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" fill="currentColor" fill-opacity="0.18"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" stroke="currentColor" stroke-width="1.8" fill="none"/><g fill="currentColor"><circle cx="18.5" cy="21" r="1.7"/><circle cx="25.5" cy="21" r="1.7"/></g><path d="M18 27 C 20 29.5, 24 29.5, 26 27" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 30 V15 L31 12 V27"/><circle cx="14" cy="30" r="3"/><circle cx="28" cy="27" r="3"/></g></svg></span><span><span class="n">Emotion Orchestra</span><span class="d">Run a separate ideation round led by each emotion (rage, joy, fear, hope), then harmonize their conflicting ideas</span><span class="gf">Great for: Personal / life · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Parallel Universe Cafe" data-cat="Theatrical" data-desc="Rewrite one fundamental rule of reality (physics, economics, social norms) and solve the problem under those laws" data-good="novel|unstuck" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" fill="currentColor" fill-opacity="0.18"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" stroke="currentColor" stroke-width="1.8" fill="none"/><g fill="currentColor"><circle cx="18.5" cy="21" r="1.7"/><circle cx="25.5" cy="21" r="1.7"/></g><path d="M18 27 C 20 29.5, 24 29.5, 26 27" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2"><circle cx="18" cy="22" r="9"/><circle cx="26" cy="22" r="9" stroke-dasharray="2.5 2.5"/></g></svg></span><span><span class="n">Parallel Universe Cafe</span><span class="d">Rewrite one fundamental rule of reality (physics, economics, social norms) and solve the problem under those laws</span><span class="gf">Great for: Novel concept · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Persona Journey" data-cat="Theatrical" data-desc="Embody an archetype and solve the problem in-character, naming what that persona sees that you normally miss" data-good="feature|strategy" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" fill="currentColor" fill-opacity="0.18"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" stroke="currentColor" stroke-width="1.8" fill="none"/><g fill="currentColor"><circle cx="18.5" cy="21" r="1.7"/><circle cx="25.5" cy="21" r="1.7"/></g><path d="M18 27 C 20 29.5, 24 29.5, 26 27" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M14 33 q-2 -8 6 -9 q8 -1 6 -8" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-dasharray="0.1 4"/><circle cx="14" cy="33" r="2.4" fill="currentColor"/><path d="M26 16 l3 -5 3 5 z" fill="currentColor"/></svg></span><span><span class="n">Persona Journey</span><span class="d">Embody an archetype and solve the problem in-character, naming what that persona sees that you normally miss</span><span class="gf">Great for: Build a feature · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Devil&#x27;s Advocate Courtroom" data-cat="Theatrical" data-desc="Stage a trial: prosecute the idea, defend it, then deliver the jury verdict, each role argued fully in character" data-good="strategy|diagnosis" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" fill="currentColor" fill-opacity="0.18"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" stroke="currentColor" stroke-width="1.8" fill="none"/><g fill="currentColor"><circle cx="18.5" cy="21" r="1.7"/><circle cx="25.5" cy="21" r="1.7"/></g><path d="M18 27 C 20 29.5, 24 29.5, 26 27" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 10 V32 M14 32 H30"/><path d="M11 16 H33 M11 16 L8 23 H14 Z M33 16 L30 23 H36 Z"/></g></svg></span><span><span class="n">Devil&#x27;s Advocate Courtroom</span><span class="d">Stage a trial: prosecute the idea, defend it, then deliver the jury verdict, each role argued fully in character</span><span class="gf">Great for: Strategy · Diagnose</span></span></label><label class="tech invent"><input type="checkbox" data-invent="Theatrical"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" fill="currentColor" fill-opacity="0.18"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" stroke="currentColor" stroke-width="1.8" fill="none"/><g fill="currentColor"><circle cx="18.5" cy="21" r="1.7"/><circle cx="25.5" cy="21" r="1.7"/></g><path d="M18 27 C 20 29.5, 24 29.5, 26 27" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></svg></span><span><span class="n">✨ Invent a Theatrical technique</span><span class="d">Make up a brand-new technique on the fly, in the spirit of Theatrical</span></span></label></div></section>
+<section data-cat="Constraint" style="--c:#d9882b"><h2>Constraint<span class="cnt">7</span></h2><div class="grid"><label class="tech"><input type="checkbox" data-name="Kill the Crown Jewel" data-cat="Constraint" data-desc="Delete the single best, most beloved feature — now redesign the whole thing to win without it" data-good="feature|strategy|unstuck" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M17 11 H 11 V 17"/><path d="M27 11 H 33 V 17"/><path d="M17 33 H 11 V 27"/><path d="M27 33 H 33 V 27"/></g><circle cx="22" cy="22" r="5" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="2.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 28 L13 15 L19 22 L22 12 L25 22 L31 15 L33 28 Z"/><path d="M11 28 H33"/></g><path d="M14 12 L30 32" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"/></svg></span><span><span class="n">Kill the Crown Jewel</span><span class="d">Delete the single best, most beloved feature — now redesign the whole thing to win without it</span><span class="gf">Great for: Build a feature · Strategy · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="1000x Budget" data-cat="Constraint" data-desc="Pretend money, time, and people are infinite — design the absurd version, then mine it for ideas you can actually steal" data-good="novel|strategy" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M17 11 H 11 V 17"/><path d="M27 11 H 33 V 17"/><path d="M17 33 H 11 V 27"/><path d="M27 33 H 33 V 27"/></g><circle cx="22" cy="22" r="5" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="2.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2"><ellipse cx="22" cy="14" rx="9" ry="3.5"/><path d="M13 14 V22 a9 3.5 0 0 0 18 0 V14"/><path d="M13 22 V30 a9 3.5 0 0 0 18 0 V22"/></g></svg></span><span><span class="n">1000x Budget</span><span class="d">Pretend money, time, and people are infinite — design the absurd version, then mine it for ideas you can actually steal</span><span class="gf">Great for: Novel concept · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Ship in 60 Minutes" data-cat="Constraint" data-desc="You launch in one hour with what&#x27;s already on hand — name what you cut, fake, or borrow to make it real" data-good="feature|planning|unstuck" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M17 11 H 11 V 17"/><path d="M27 11 H 33 V 17"/><path d="M17 33 H 11 V 27"/><path d="M27 33 H 33 V 27"/></g><circle cx="22" cy="22" r="5" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="2.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="24" r="11" fill="none" stroke="currentColor" stroke-width="2"/><path d="M22 24 V17 M22 24 L27 27" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M18 8 H26 M22 8 V13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg></span><span><span class="n">Ship in 60 Minutes</span><span class="d">You launch in one hour with what&#x27;s already on hand — name what you cut, fake, or borrow to make it real</span><span class="gf">Great for: Build a feature · Planning · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="The $0 Mandate" data-cat="Constraint" data-desc="Achieve the goal spending literally nothing — no tools, hires, or ads; only people, favors, and what you own" data-good="planning|strategy|feature" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M17 11 H 11 V 17"/><path d="M27 11 H 33 V 17"/><path d="M17 33 H 11 V 27"/><path d="M27 33 H 33 V 27"/></g><circle cx="22" cy="22" r="5" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="2.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="22" r="11" fill="none" stroke="currentColor" stroke-width="2"/><path d="M22 14 V30 M18 18 a4 3 0 0 1 8 0 a4 3 0 0 1 -8 4 a4 3 0 0 0 8 0" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/><path d="M14 30 L30 14" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/></svg></span><span><span class="n">The $0 Mandate</span><span class="d">Achieve the goal spending literally nothing — no tools, hires, or ads; only people, favors, and what you own</span><span class="gf">Great for: Planning · Strategy · Build a feature</span></span></label><label class="tech"><input type="checkbox" data-name="One Feature Only" data-cat="Constraint" data-desc="You may keep exactly ONE capability and nothing else — pick it, then make that single thing unbelievably good" data-good="feature|strategy" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M17 11 H 11 V 17"/><path d="M27 11 H 33 V 17"/><path d="M17 33 H 11 V 27"/><path d="M27 33 H 33 V 27"/></g><circle cx="22" cy="22" r="5" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="2.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="22" cy="22" r="4.5"/><path d="M22 9 V13 M22 31 V35 M9 22 H13 M31 22 H35" stroke-opacity=".35"/></g><circle cx="22" cy="22" r="2" fill="currentColor"/></svg></span><span><span class="n">One Feature Only</span><span class="d">You may keep exactly ONE capability and nothing else — pick it, then make that single thing unbelievably good</span><span class="gf">Great for: Build a feature · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Crank the Dial to 11" data-cat="Constraint" data-desc="Pick one dimension and exaggerate it to a ludicrous extreme — fastest, biggest, cheapest, weirdest — and see what breaks open" data-good="novel|unstuck" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M17 11 H 11 V 17"/><path d="M27 11 H 33 V 17"/><path d="M17 33 H 11 V 27"/><path d="M27 33 H 33 V 27"/></g><circle cx="22" cy="22" r="5" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="2.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M11 28 A12 12 0 0 1 33 28" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M22 28 L31 17" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/><circle cx="22" cy="28" r="2.6" fill="currentColor"/></svg></span><span><span class="n">Crank the Dial to 11</span><span class="d">Pick one dimension and exaggerate it to a ludicrous extreme — fastest, biggest, cheapest, weirdest — and see what breaks open</span><span class="gf">Great for: Novel concept · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Constraint Roulette" data-cat="Constraint" data-desc="Each round draw a brutal random limit (no screens, half the team, one day) and re-solve under it; survivors become real ideas" data-good="unstuck|feature" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M17 11 H 11 V 17"/><path d="M27 11 H 33 V 17"/><path d="M17 33 H 11 V 27"/><path d="M27 33 H 33 V 27"/></g><circle cx="22" cy="22" r="5" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="2.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="22" r="12" fill="none" stroke="currentColor" stroke-width="2"/><circle cx="22" cy="22" r="12" fill="none" stroke="currentColor" stroke-width="2" stroke-dasharray="3 3.7" stroke-opacity=".5"/><circle cx="22" cy="22" r="3" fill="currentColor"/><path d="M22 7 L25 12 H19 Z" fill="currentColor"/></svg></span><span><span class="n">Constraint Roulette</span><span class="d">Each round draw a brutal random limit (no screens, half the team, one day) and re-solve under it; survivors become real ideas</span><span class="gf">Great for: Get unstuck · Build a feature</span></span></label><label class="tech invent"><input type="checkbox" data-invent="Constraint"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M17 11 H 11 V 17"/><path d="M27 11 H 33 V 17"/><path d="M17 33 H 11 V 27"/><path d="M27 33 H 33 V 27"/></g><circle cx="22" cy="22" r="5" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="2.6" fill="currentColor"/></svg></span><span><span class="n">✨ Invent a Constraint technique</span><span class="d">Make up a brand-new technique on the fly, in the spirit of Constraint</span></span></label></div></section>
+<h2 class="grouphdr" style="--c:#b15ad6">Introspective &amp; Personal</h2>
+<section data-cat="Introspective Delight" style="--c:#b15ad6"><h2>Introspective Delight<span class="cnt">8</span></h2><div class="grid"><label class="tech"><input type="checkbox" data-name="Inner Child Conference" data-cat="Introspective Delight" data-desc="Answer as your 7-year-old self: ask naive &#x27;why why why&#x27; questions, chase wonder, ban every boring adult thought" data-good="personal|unstuck" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="13.5" r="4" fill="currentColor"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31 Z" fill="currentColor" fill-opacity="0.22"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31" stroke="currentColor" stroke-width="1.7" fill="none"/><path d="M13.5 30 C 16 26.5, 20 25.5, 22 25.5 C 24 25.5, 28 26.5, 30.5 30" stroke="currentColor" stroke-width="1.5" fill="none" stroke-opacity="0.6"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="16" r="6" fill="none" stroke="currentColor" stroke-width="2"/><path d="M22 22 V31" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M19 34 q3 -3 6 0" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/><g fill="currentColor"><circle cx="20" cy="15" r="1"/><circle cx="24" cy="15" r="1"/></g></svg></span><span><span class="n">Inner Child Conference</span><span class="d">Answer as your 7-year-old self: ask naive &#x27;why why why&#x27; questions, chase wonder, ban every boring adult thought</span><span class="gf">Great for: Personal / life · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Shadow Work Mining" data-cat="Introspective Delight" data-desc="Name what you&#x27;re avoiding, resisting, or scared of about this — then dig there for the buried insight" data-good="personal|diagnosis" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="13.5" r="4" fill="currentColor"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31 Z" fill="currentColor" fill-opacity="0.22"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31" stroke="currentColor" stroke-width="1.7" fill="none"/><path d="M13.5 30 C 16 26.5, 20 25.5, 22 25.5 C 24 25.5, 28 26.5, 30.5 30" stroke="currentColor" stroke-width="1.5" fill="none" stroke-opacity="0.6"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="22" r="12" fill="none" stroke="currentColor" stroke-width="2"/><path d="M22 10 a12 12 0 0 1 0 24 z" fill="currentColor" fill-opacity=".85"/></svg></span><span><span class="n">Shadow Work Mining</span><span class="d">Name what you&#x27;re avoiding, resisting, or scared of about this — then dig there for the buried insight</span><span class="gf">Great for: Personal / life · Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="Values Archaeology" data-cat="Introspective Delight" data-desc="Keep asking &#x27;why do I care?&#x27; until you hit bedrock: the non-negotiable value secretly steering the choice" data-good="personal|strategy" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="13.5" r="4" fill="currentColor"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31 Z" fill="currentColor" fill-opacity="0.22"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31" stroke="currentColor" stroke-width="1.7" fill="none"/><path d="M13.5 30 C 16 26.5, 20 25.5, 22 25.5 C 24 25.5, 28 26.5, 30.5 30" stroke="currentColor" stroke-width="1.5" fill="none" stroke-opacity="0.6"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2"><path d="M10 16 h24" stroke-opacity=".4"/><path d="M10 22 h24" stroke-opacity=".6"/></g><path d="M22 24 L16 30 L22 36 L28 30 Z" fill="currentColor"/></svg></span><span><span class="n">Values Archaeology</span><span class="d">Keep asking &#x27;why do I care?&#x27; until you hit bedrock: the non-negotiable value secretly steering the choice</span><span class="gf">Great for: Personal / life · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Future Self Interview" data-cat="Introspective Delight" data-desc="Interview your wise 80-year-old self about this problem and write down the advice they give you" data-good="personal" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="13.5" r="4" fill="currentColor"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31 Z" fill="currentColor" fill-opacity="0.22"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31" stroke="currentColor" stroke-width="1.7" fill="none"/><path d="M13.5 30 C 16 26.5, 20 25.5, 22 25.5 C 24 25.5, 28 26.5, 30.5 30" stroke="currentColor" stroke-width="1.5" fill="none" stroke-opacity="0.6"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 10 H30 L24 22 L30 34 H14 L20 22 Z"/></g><path d="M18 14 H26" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg></span><span><span class="n">Future Self Interview</span><span class="d">Interview your wise 80-year-old self about this problem and write down the advice they give you</span><span class="gf">Great for: Personal / life</span></span></label><label class="tech"><input type="checkbox" data-name="Body Wisdom Dialogue" data-cat="Introspective Delight" data-desc="Scan for the tension, flutter, or gut pull each option triggers; let the body&#x27;s yes/no drive the ideas" data-good="personal" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="13.5" r="4" fill="currentColor"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31 Z" fill="currentColor" fill-opacity="0.22"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31" stroke="currentColor" stroke-width="1.7" fill="none"/><path d="M13.5 30 C 16 26.5, 20 25.5, 22 25.5 C 24 25.5, 28 26.5, 30.5 30" stroke="currentColor" stroke-width="1.5" fill="none" stroke-opacity="0.6"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M22 33 C12 26 9 19 13.5 15 C17 12 21 14 22 17 C23 14 27 12 30.5 15 C35 19 32 26 22 33 Z" fill="currentColor" fill-opacity=".22"/><path d="M22 33 C12 26 9 19 13.5 15 C17 12 21 14 22 17 C23 14 27 12 30.5 15 C35 19 32 26 22 33 Z" fill="none" stroke="currentColor" stroke-width="2"/></svg></span><span><span class="n">Body Wisdom Dialogue</span><span class="d">Scan for the tension, flutter, or gut pull each option triggers; let the body&#x27;s yes/no drive the ideas</span><span class="gf">Great for: Personal / life</span></span></label><label class="tech"><input type="checkbox" data-name="Permission Giving" data-cat="Introspective Delight" data-desc="Write yourself an explicit permission slip to think the forbidden, impossible thought — then think it out loud" data-good="personal|unstuck" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="13.5" r="4" fill="currentColor"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31 Z" fill="currentColor" fill-opacity="0.22"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31" stroke="currentColor" stroke-width="1.7" fill="none"/><path d="M13.5 30 C 16 26.5, 20 25.5, 22 25.5 C 24 25.5, 28 26.5, 30.5 30" stroke="currentColor" stroke-width="1.5" fill="none" stroke-opacity="0.6"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><rect x="10" y="14" width="24" height="16" rx="2.5" fill="none" stroke="currentColor" stroke-width="2"/><path d="M15 23 L19 27 L28 17" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span><span class="n">Permission Giving</span><span class="d">Write yourself an explicit permission slip to think the forbidden, impossible thought — then think it out loud</span><span class="gf">Great for: Personal / life · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Secret Wish Confession" data-cat="Introspective Delight" data-desc="Whisper the embarrassing thing you secretly want here but won&#x27;t admit, then build the idea honoring it" data-good="personal" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="13.5" r="4" fill="currentColor"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31 Z" fill="currentColor" fill-opacity="0.22"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31" stroke="currentColor" stroke-width="1.7" fill="none"/><path d="M13.5 30 C 16 26.5, 20 25.5, 22 25.5 C 24 25.5, 28 26.5, 30.5 30" stroke="currentColor" stroke-width="1.5" fill="none" stroke-opacity="0.6"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><rect x="13" y="20" width="18" height="14" rx="2.5" fill="currentColor" fill-opacity=".22"/><rect x="13" y="20" width="18" height="14" rx="2.5" fill="none" stroke="currentColor" stroke-width="2"/><path d="M16.5 20 v-3 a5.5 5.5 0 0 1 11 0 v3" fill="none" stroke="currentColor" stroke-width="2"/></svg></span><span><span class="n">Secret Wish Confession</span><span class="d">Whisper the embarrassing thing you secretly want here but won&#x27;t admit, then build the idea honoring it</span><span class="gf">Great for: Personal / life</span></span></label><label class="tech"><input type="checkbox" data-name="Mood Weather Report" data-cat="Introspective Delight" data-desc="Name the inner weather right now (fog, storm, sun) and let that exact emotional climate generate the ideas" data-good="personal|unstuck" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="13.5" r="4" fill="currentColor"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31 Z" fill="currentColor" fill-opacity="0.22"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31" stroke="currentColor" stroke-width="1.7" fill="none"/><path d="M13.5 30 C 16 26.5, 20 25.5, 22 25.5 C 24 25.5, 28 26.5, 30.5 30" stroke="currentColor" stroke-width="1.5" fill="none" stroke-opacity="0.6"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="17" cy="17" r="4.5" fill="currentColor" fill-opacity=".5"/><path d="M22 30 a5 5 0 0 1 0.5 -10 a6 6 0 0 1 11 2.5 a4 4 0 0 1 -1.5 7.5 z" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg></span><span><span class="n">Mood Weather Report</span><span class="d">Name the inner weather right now (fog, storm, sun) and let that exact emotional climate generate the ideas</span><span class="gf">Great for: Personal / life · Get unstuck</span></span></label><label class="tech invent"><input type="checkbox" data-invent="Introspective Delight"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="13.5" r="4" fill="currentColor"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31 Z" fill="currentColor" fill-opacity="0.22"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31" stroke="currentColor" stroke-width="1.7" fill="none"/><path d="M13.5 30 C 16 26.5, 20 25.5, 22 25.5 C 24 25.5, 28 26.5, 30.5 30" stroke="currentColor" stroke-width="1.5" fill="none" stroke-opacity="0.6"/></svg></span><span><span class="n">✨ Invent a Introspective Delight technique</span><span class="d">Make up a brand-new technique on the fly, in the spirit of Introspective Delight</span></span></label></div></section>
+<section data-cat="Collaborative" style="--c:#15a3a3"><h2>Collaborative<span class="cnt">8</span></h2><div class="grid"><label class="tech"><input type="checkbox" data-name="Yes And Building" data-cat="Collaborative" data-desc="Never negate; each person opens with &quot;Yes, and...&quot; and adds to the last idea, stacking a chain of accepted additions" data-good="novel|unstuck|planning" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8"><line x1="14" y1="16" x2="30" y2="16"/><line x1="14" y1="16" x2="22" y2="30"/><line x1="30" y1="16" x2="22" y2="30"/></g><g fill="currentColor" fill-opacity="0.22"><circle cx="14" cy="16" r="4.6"/><circle cx="30" cy="16" r="4.6"/><circle cx="22" cy="30" r="4.6"/></g><g fill="currentColor"><circle cx="14" cy="16" r="2.4"/><circle cx="30" cy="16" r="2.4"/><circle cx="22" cy="30" r="2.4"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="8" y="27" width="12" height="8" rx="1.5" fill-opacity=".8"/><rect x="14" y="19" width="12" height="8" rx="1.5" fill-opacity=".5"/><rect x="20" y="11" width="12" height="8" rx="1.5"/></g></svg></span><span><span class="n">Yes And Building</span><span class="d">Never negate; each person opens with &quot;Yes, and...&quot; and adds to the last idea, stacking a chain of accepted additions</span><span class="gf">Great for: Novel concept · Get unstuck · Planning</span></span></label><label class="tech"><input type="checkbox" data-name="Brain Writing Round Robin" data-cat="Collaborative" data-desc="Everyone writes ideas silently, then passes their sheet; you build on whatever lands in front of you, round after round" data-good="novel|feature" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8"><line x1="14" y1="16" x2="30" y2="16"/><line x1="14" y1="16" x2="22" y2="30"/><line x1="30" y1="16" x2="22" y2="30"/></g><g fill="currentColor" fill-opacity="0.22"><circle cx="14" cy="16" r="4.6"/><circle cx="30" cy="16" r="4.6"/><circle cx="22" cy="30" r="4.6"/></g><g fill="currentColor"><circle cx="14" cy="16" r="2.4"/><circle cx="30" cy="16" r="2.4"/><circle cx="22" cy="30" r="2.4"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M31 16 A10 10 0 1 0 32.5 22"/><path d="M31 10 L31.5 16.3 L25 16.5"/></g></svg></span><span><span class="n">Brain Writing Round Robin</span><span class="d">Everyone writes ideas silently, then passes their sheet; you build on whatever lands in front of you, round after round</span><span class="gf">Great for: Novel concept · Build a feature</span></span></label><label class="tech"><input type="checkbox" data-name="Random Stimulation" data-cat="Collaborative" data-desc="Pull a random word or image and force a link to the problem: &quot;how does THIS spark a solution?&quot;" data-good="unstuck|novel" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8"><line x1="14" y1="16" x2="30" y2="16"/><line x1="14" y1="16" x2="22" y2="30"/><line x1="30" y1="16" x2="22" y2="30"/></g><g fill="currentColor" fill-opacity="0.22"><circle cx="14" cy="16" r="4.6"/><circle cx="30" cy="16" r="4.6"/><circle cx="22" cy="30" r="4.6"/></g><g fill="currentColor"><circle cx="14" cy="16" r="2.4"/><circle cx="30" cy="16" r="2.4"/><circle cx="22" cy="30" r="2.4"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><rect x="11" y="11" width="22" height="22" rx="4" fill="none" stroke="currentColor" stroke-width="2"/><g fill="currentColor"><circle cx="17" cy="17" r="1.8"/><circle cx="27" cy="17" r="1.8"/><circle cx="22" cy="22" r="1.8"/><circle cx="17" cy="27" r="1.8"/><circle cx="27" cy="27" r="1.8"/></g></svg></span><span><span class="n">Random Stimulation</span><span class="d">Pull a random word or image and force a link to the problem: &quot;how does THIS spark a solution?&quot;</span><span class="gf">Great for: Get unstuck · Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Role Playing" data-cat="Collaborative" data-desc="Each person speaks as a different stakeholder, voicing what that role wants, fears, and would demand of the idea" data-good="strategy|personal|feature" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8"><line x1="14" y1="16" x2="30" y2="16"/><line x1="14" y1="16" x2="22" y2="30"/><line x1="30" y1="16" x2="22" y2="30"/></g><g fill="currentColor" fill-opacity="0.22"><circle cx="14" cy="16" r="4.6"/><circle cx="30" cy="16" r="4.6"/><circle cx="22" cy="30" r="4.6"/></g><g fill="currentColor"><circle cx="14" cy="16" r="2.4"/><circle cx="30" cy="16" r="2.4"/><circle cx="22" cy="30" r="2.4"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><rect x="11" y="9" width="22" height="26" rx="3" fill="none" stroke="currentColor" stroke-width="2"/><circle cx="22" cy="19" r="4" fill="currentColor"/><path d="M15.5 30 c2 -4.5 11 -4.5 13 0" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg></span><span><span class="n">Role Playing</span><span class="d">Each person speaks as a different stakeholder, voicing what that role wants, fears, and would demand of the idea</span><span class="gf">Great for: Strategy · Personal / life · Build a feature</span></span></label><label class="tech"><input type="checkbox" data-name="Ideation Relay Race" data-cat="Collaborative" data-desc="30-second turns, no pausing: add one idea, slap it to the next person, keep the baton moving before anyone overthinks" data-good="unstuck" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8"><line x1="14" y1="16" x2="30" y2="16"/><line x1="14" y1="16" x2="22" y2="30"/><line x1="30" y1="16" x2="22" y2="30"/></g><g fill="currentColor" fill-opacity="0.22"><circle cx="14" cy="16" r="4.6"/><circle cx="30" cy="16" r="4.6"/><circle cx="22" cy="30" r="4.6"/></g><g fill="currentColor"><circle cx="14" cy="16" r="2.4"/><circle cx="30" cy="16" r="2.4"/><circle cx="22" cy="30" r="2.4"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="31" x2="27" y2="16"/><line x1="8" y1="22" x2="14" y2="22" stroke-opacity=".5"/><line x1="8" y1="27" x2="13" y2="27" stroke-opacity=".35"/></g><circle cx="29" cy="14" r="3.4" fill="currentColor"/></svg></span><span><span class="n">Ideation Relay Race</span><span class="d">30-second turns, no pausing: add one idea, slap it to the next person, keep the baton moving before anyone overthinks</span><span class="gf">Great for: Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Idea Hot Potato" data-cat="Collaborative" data-desc="One idea gets tossed around the circle; each catcher must mutate it in 10 seconds before passing, no repeats allowed" data-good="unstuck" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8"><line x1="14" y1="16" x2="30" y2="16"/><line x1="14" y1="16" x2="22" y2="30"/><line x1="30" y1="16" x2="22" y2="30"/></g><g fill="currentColor" fill-opacity="0.22"><circle cx="14" cy="16" r="4.6"/><circle cx="30" cy="16" r="4.6"/><circle cx="22" cy="30" r="4.6"/></g><g fill="currentColor"><circle cx="14" cy="16" r="2.4"/><circle cx="30" cy="16" r="2.4"/><circle cx="22" cy="30" r="2.4"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M11 31 Q22 8 33 31" fill="none" stroke="currentColor" stroke-width="2" stroke-dasharray="2 3.5" stroke-linecap="round"/><circle cx="22" cy="12.5" r="4.2" fill="currentColor"/></svg></span><span><span class="n">Idea Hot Potato</span><span class="d">One idea gets tossed around the circle; each catcher must mutate it in 10 seconds before passing, no repeats allowed</span><span class="gf">Great for: Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Steal And Upgrade" data-cat="Collaborative" data-desc="Pick a neighbor&#x27;s idea you envy, claim it out loud, then make it visibly better before handing it back improved" data-good="novel|unstuck" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8"><line x1="14" y1="16" x2="30" y2="16"/><line x1="14" y1="16" x2="22" y2="30"/><line x1="30" y1="16" x2="22" y2="30"/></g><g fill="currentColor" fill-opacity="0.22"><circle cx="14" cy="16" r="4.6"/><circle cx="30" cy="16" r="4.6"/><circle cx="22" cy="30" r="4.6"/></g><g fill="currentColor"><circle cx="14" cy="16" r="2.4"/><circle cx="30" cy="16" r="2.4"/><circle cx="22" cy="30" r="2.4"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 33 V14"/><path d="M13 21 L20 14 L27 21"/></g><path d="M30 27 l1 2.6 2.6 1 -2.6 1 -1 2.6 -1 -2.6 -2.6 -1 2.6 -1 z" fill="currentColor"/></svg></span><span><span class="n">Steal And Upgrade</span><span class="d">Pick a neighbor&#x27;s idea you envy, claim it out loud, then make it visibly better before handing it back improved</span><span class="gf">Great for: Novel concept · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Fold The Paper" data-cat="Collaborative" data-desc="Each person adds one line to a hidden drawing or sentence, sees only the previous fragment, then unfold the surreal whole" data-good="unstuck|novel" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8"><line x1="14" y1="16" x2="30" y2="16"/><line x1="14" y1="16" x2="22" y2="30"/><line x1="30" y1="16" x2="22" y2="30"/></g><g fill="currentColor" fill-opacity="0.22"><circle cx="14" cy="16" r="4.6"/><circle cx="30" cy="16" r="4.6"/><circle cx="22" cy="30" r="4.6"/></g><g fill="currentColor"><circle cx="14" cy="16" r="2.4"/><circle cx="30" cy="16" r="2.4"/><circle cx="22" cy="30" r="2.4"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M13 16 L21 12 V28 L13 32 Z" fill="currentColor" fill-opacity=".22"/><path d="M21 12 L29 16 V32 L21 28 Z" fill="currentColor" fill-opacity=".45"/><path d="M13 16 L21 12 L29 16 M21 12 V28" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg></span><span><span class="n">Fold The Paper</span><span class="d">Each person adds one line to a hidden drawing or sentence, sees only the previous fragment, then unfold the surreal whole</span><span class="gf">Great for: Get unstuck · Novel concept</span></span></label><label class="tech invent"><input type="checkbox" data-invent="Collaborative"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8"><line x1="14" y1="16" x2="30" y2="16"/><line x1="14" y1="16" x2="22" y2="30"/><line x1="30" y1="16" x2="22" y2="30"/></g><g fill="currentColor" fill-opacity="0.22"><circle cx="14" cy="16" r="4.6"/><circle cx="30" cy="16" r="4.6"/><circle cx="22" cy="30" r="4.6"/></g><g fill="currentColor"><circle cx="14" cy="16" r="2.4"/><circle cx="30" cy="16" r="2.4"/><circle cx="22" cy="30" r="2.4"/></g></svg></span><span><span class="n">✨ Invent a Collaborative technique</span><span class="d">Make up a brand-new technique on the fly, in the spirit of Collaborative</span></span></label></div></section>
+</main>
+<footer>BMad Method &middot; Brainstorming</footer>
+<script>
+(function(){
+  var $ = function(id){ return document.getElementById(id); };
+  var all = Array.prototype.slice;
+  var boxes = all.call(document.querySelectorAll('input[type=checkbox]'));
+  var techBoxes = boxes.filter(function(b){ return b.dataset.name; });      // real technique cards
+  var inventBoxes = boxes.filter(function(b){ return b.dataset.invent; });  // per-category "invent in the spirit of" cards
+  var header = document.querySelector('header');
+  var sections = all.call(document.querySelectorAll('section'));
+  var state = { mode: 'Facilitator', rand: 0, inv: 0, ai: 0 };
+  var MODE_HINTS = {
+    'Facilitator': 'A forcing function for your ideas — I prompt and push, but never supply them.',
+    'Creative Partner': 'We riff together — I facilitate and add ideas too, each logged as yours or mine.',
+    'Ideate for me': 'I run the whole session myself, then show you the result and offer to keep going.'
+  };
+  function setHint(){ $('modehint').textContent = MODE_HINTS[state.mode] || ''; }
+  var themeBtn = $('theme');
+  function setThemeIcon(){ themeBtn.textContent = document.documentElement.getAttribute('data-theme') === 'dark' ? '☀' : '☾'; }
+  themeBtn.addEventListener('click', function(){
+    var next = document.documentElement.getAttribute('data-theme') === 'dark' ? 'light' : 'dark';
+    document.documentElement.setAttribute('data-theme', next);
+    try { localStorage.setItem('bmad-theme', next); } catch(e){}
+    setThemeIcon();
+  });
+  all.call(document.querySelectorAll('.mode')).forEach(function(b){
+    b.addEventListener('click', function(){
+      all.call(document.querySelectorAll('.mode')).forEach(function(m){ m.classList.remove('on'); });
+      b.classList.add('on');
+      state.mode = b.dataset.mode;
+      setHint();
+    });
+  });
+  all.call(document.querySelectorAll('[data-step]')).forEach(function(btn){
+    btn.addEventListener('click', function(){
+      var k = btn.dataset.step, d = parseInt(btn.dataset.d, 10);
+      state[k] = Math.max(0, state[k] + d);
+      update();
+    });
+  });
+  // Category chips are jump-nav: click one to smooth-scroll its section into view,
+  // offsetting by the sticky header's height so the heading isn't hidden beneath it.
+  all.call(document.querySelectorAll('.chip')).forEach(function(chip){
+    chip.addEventListener('click', function(){
+      var sec = null;
+      for (var i = 0; i < sections.length; i++){ if (sections[i].dataset.cat === chip.dataset.cat){ sec = sections[i]; break; } }
+      if (!sec){ return; }
+      var top = sec.getBoundingClientRect().top + window.pageYOffset - header.offsetHeight - 8;
+      window.scrollTo({ top: top, behavior: 'smooth' });
+    });
+  });
+  boxes.forEach(function(b){ b.addEventListener('change', update); });
+  // A `classic` technique appears twice (lead "Proven & Professional" group + its home
+  // category), so de-dupe checked picks by name; the lead copy carries data-lead.
+  function checkedTech(){
+    var seen = {}, out = [];
+    techBoxes.forEach(function(b){
+      if (!b.checked || seen[b.dataset.name]) { return; }
+      seen[b.dataset.name] = 1;
+      out.push(b);
+    });
+    return out;
+  }
+  function checkedInvent(){ return inventBoxes.filter(function(b){ return b.checked; }); }
+  function update(){
+    $('pickN').textContent = checkedTech().length;
+    $('randN').textContent = state.rand;
+    $('invN').textContent = state.inv;
+    $('aiN').textContent = state.ai;
+    var total = checkedTech().length + state.rand + state.inv + checkedInvent().length + state.ai;
+    var t = $('total');
+    t.textContent = 'Total ' + total + ' · 3–4 is the sweet spot';
+    t.classList.toggle('warn', total > 5);
+  }
+  // "Great for" goal filter: clicking a goal narrows visible cards to those tagged with it.
+  var goalBtns = all.call(document.querySelectorAll('.goal'));
+  function activeGoals(){ return goalBtns.filter(function(b){ return b.classList.contains('on'); }).map(function(b){ return b.dataset.goal; }); }
+  function applyFilter(){
+    var act = activeGoals();
+    all.call(document.querySelectorAll('label.tech')).forEach(function(lab){
+      var inp = lab.querySelector('input');
+      if (inp.dataset.invent){ return; }  // invent cards aren't goal-tagged — always visible
+      var good = (inp.dataset.good || '').split('|');
+      var show = !act.length || act.some(function(g){ return good.indexOf(g) >= 0; });
+      lab.classList.toggle('hidden', !show);
+    });
+  }
+  goalBtns.forEach(function(b){ b.addEventListener('click', function(){ b.classList.toggle('on'); applyFilter(); }); });
+  function randomPool(){
+    var picked = {};
+    checkedTech().forEach(function(b){ picked[b.dataset.name] = 1; });
+    // draw from unchecked, non-lead copies, skipping anything already picked
+    return techBoxes.filter(function(b){ return !b.checked && !b.dataset.lead && !picked[b.dataset.name]; });
+  }
+  function sample(arr, n){
+    var a = arr.slice(), out = [];
+    while (out.length < n && a.length){ out.push(a.splice(Math.floor(Math.random() * a.length), 1)[0]); }
+    return out;
+  }
+  function compose(){
+    var picks = checkedTech().map(function(b){ return { n: b.dataset.name, c: b.dataset.cat, d: b.dataset.desc, r: false }; });
+    var rnd = sample(randomPool(), state.rand).map(function(b){ return { n: b.dataset.name, c: b.dataset.cat, d: b.dataset.desc, r: true }; });
+    var techs = picks.concat(rnd);
+    var L = ["Let's run my brainstorming session.", "", 'Facilitation mode: ' + state.mode + '.'];
+    if (techs.length){
+      L.push("", 'Techniques to use:');
+      techs.forEach(function(t, i){
+        L.push((i + 1) + '.' + (t.r ? ' (random pick)' : '') + ' ' + t.n + '  ·  ' + t.c);
+        L.push('   ' + t.d);
+      });
+    }
+    var extra = [];
+    if (state.inv > 0){ extra.push('invent ' + state.inv + ' brand-new technique' + (state.inv > 1 ? 's' : '') + ' on the fly'); }
+    checkedInvent().forEach(function(b){ extra.push('invent 1 new technique in the spirit of ' + b.dataset.invent); });
+    if (state.ai > 0){ extra.push('you choose ' + state.ai + ' more technique' + (state.ai > 1 ? 's' : '') + ' that fit my goal'); }
+    if (extra.length){ L.push("", 'Then: ' + extra.join('; and ') + '.'); }
+    if (!techs.length && !extra.length){
+      L.push("", state.mode === 'Ideate for me'
+        ? 'Run the whole session yourself — pick the techniques, generate the ideas, then show me the result.'
+        : 'Help me choose 3–4 techniques to start.');
+    }
+    return L.join('\n');
+  }
+  function fallbackCopy(t){
+    var ta = document.createElement('textarea');
+    ta.value = t; ta.style.position = 'fixed'; ta.style.opacity = '0';
+    document.body.appendChild(ta); ta.focus(); ta.select();
+    var ok = false;
+    try { ok = document.execCommand('copy'); } catch(e){ ok = false; }
+    document.body.removeChild(ta);
+    return ok;
+  }
+  function flash(ok, text){
+    var b = $('banner');
+    b.classList.toggle('fail', !ok);
+    b.innerHTML = ok
+      ? '✓ Copied! Now paste it into the chat to start your session.'
+      : '⚠ Couldn’t reach the clipboard — copy the text in the box, then paste it into the chat.';
+    b.classList.add('show');
+    setTimeout(function(){ b.classList.remove('show'); }, 4500);
+    // Last resort on a hard failure: a prefilled, selectable prompt so the text is never lost.
+    if (!ok){ window.prompt('Copy this, then paste it into the chat:', text); }
+  }
+  $('copy').addEventListener('click', function(){
+    var text = compose();
+    if (navigator.clipboard && navigator.clipboard.writeText){
+      navigator.clipboard.writeText(text).then(
+        function(){ flash(true, text); },
+        function(){ flash(fallbackCopy(text), text); }
+      );
+    } else { flash(fallbackCopy(text), text); }
+  });
+  setHint();
+  setThemeIcon();
+  update();
+})();
+</script>
+</body>
+</html>