pre-mortem 0.1.0

package/dist/pre-mortem.mjs

@@ -0,0 +1,1005 @@
+var m = Object.defineProperty;
+var b = (r, t, e) => t in r ? m(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var l = (r, t, e) => b(r, typeof t != "symbol" ? t + "" : t, e);
+import c from "matter-js";
+var u = /* @__PURE__ */ ((r) => (r.BOOTSTRAP = "bootstrap", r.VC = "vc", r.SLACKER = "slacker", r.CONTROL_FREAK = "control_freak", r.PRIMA_DONNA = "prima_donna", r.QUIET_QUITTER = "quiet_quitter", r.SLACK_SPAMMER = "slack_spammer", r))(u || {});
+const p = {
+  bootstrap: {
+    w: 132,
+    h: 44,
+    color: "#555555",
+    // Concrete/Rust
+    density: 5e-3,
+    // High relative density (Matter.js default is 0.001)
+    friction: 0.8,
+    restitution: 0,
+    label: "Refactoring",
+    possibleLabels: [
+      // The Work (Old & New)
+      "Refactoring",
+      "Unit Tests",
+      "Bug Fixes",
+      "User Support",
+      "Documentation",
+      "Security Audit",
+      "Compliance",
+      "Cleanup",
+      "Optimization",
+      "CI/CD Pipeline",
+      "Code Review",
+      "DB Tuning",
+      "API Design",
+      "Accessibility",
+      "Localization",
+      "Error Logs",
+      "Backups",
+      "Legacy Code",
+      "Hiring",
+      "Customer Love",
+      "Bossware",
+      "YAML Hell",
+      "DNS Propagation",
+      "Regex",
+      "npm audit",
+      "GDPR / SOC2",
+      "Migration",
+      "Certificate Expiry",
+      "On-Call",
+      "Technical Debt",
+      "Works on my machine",
+      "Yak Shaving"
+    ]
+  },
+  vc: {
+    w: 120,
+    h: 40,
+    color: "#FF00FF",
+    // Neon Pink
+    density: 5e-4,
+    // Slightly heavier (was 0.0001)
+    friction: 0.3,
+    // Less slippery (was 0.1)
+    restitution: 0.6,
+    // Less bouncy (was 0.9)
+    label: "AI Blockchain",
+    possibleLabels: [
+      // The Hype (Old & New)
+      "GenAI",
+      "Blockchain",
+      "Web3",
+      "Metaverse",
+      "NFTs",
+      "Viral Growth",
+      "Pivot",
+      "Synergy",
+      "Disruption",
+      "Thought Leader",
+      "Influencers",
+      "Hyper-Scale",
+      "Quantum",
+      "Big Data",
+      "Growth Hack",
+      "Paradigm Shift",
+      "10x Engineer",
+      "Visionary",
+      "Series B Pitch",
+      "Exit Strategy",
+      "Vibe Coding",
+      "Founder Mode",
+      "Prompt Engineering",
+      "AGI",
+      "AI Wrapper",
+      "Unlimited PTO",
+      "Radical Candor",
+      "Community Led",
+      "Pre-Revenue",
+      "Fractional CxO"
+    ]
+  },
+  slacker: {
+    w: 64,
+    // 80 * 0.8
+    h: 64,
+    // 80 * 0.8
+    color: "#FFFFFF",
+    density: 0.01,
+    friction: 1,
+    restitution: 0.1,
+    label: "The Slacker",
+    possibleLabels: ["The Slacker"]
+  },
+  control_freak: {
+    w: 64,
+    // Square to match image aspect ratio
+    h: 64,
+    color: "#FF0000",
+    density: 0.012,
+    friction: 0.5,
+    restitution: 0.2,
+    label: "Control Freak",
+    possibleLabels: ["Control Freak"]
+  },
+  prima_donna: {
+    w: 56,
+    h: 56,
+    // 70 * 0.8
+    color: "#FFFF00",
+    density: 8e-3,
+    friction: 0.1,
+    restitution: 1.2,
+    label: "Prima Donna",
+    possibleLabels: ["Prima Donna"]
+  },
+  quiet_quitter: {
+    w: 48,
+    h: 48,
+    // 60 * 0.8
+    color: "#00FFFF",
+    density: 5e-3,
+    friction: 0.01,
+    restitution: 0.9,
+    label: "Quiet Quitter",
+    possibleLabels: ["Quiet Quitter"]
+  },
+  slack_spammer: {
+    w: 60,
+    h: 60,
+    // 75 * 0.8
+    color: "#00FF00",
+    density: 0.01,
+    friction: 0.4,
+    restitution: 0.4,
+    label: "Slack Spammer",
+    possibleLabels: ["Slack Spammer"]
+  }
+}, x = (r) => {
+  const t = p[r].possibleLabels || [];
+  return t[Math.floor(Math.random() * t.length)];
+}, y = (r, t, e) => {
+  const i = p[e], s = x(e), o = {
+    density: i.density,
+    friction: i.friction,
+    restitution: i.restitution,
+    render: {
+      fillStyle: i.color,
+      strokeStyle: "#000",
+      lineWidth: 2
+    },
+    label: s
+  };
+  if (e === "vc") {
+    const n = i.w, d = i.h, g = Math.random() * 15, h = Math.random() * 15, a = (Math.random() - 0.5) * 20, f = [
+      { x: 0 + a, y: g },
+      // TL
+      { x: n + a, y: h },
+      // TR
+      { x: n, y: d },
+      // BR
+      { x: 0, y: d }
+      // BL
+    ];
+    return c.Bodies.fromVertices(r, t, [f], o);
+  } else if (e === "slacker" || e === "control_freak" || e === "prima_donna" || e === "quiet_quitter" || e === "slack_spammer") {
+    const d = {
+      ...o,
+      render: {
+        sprite: {
+          texture: {
+            slacker: "./slacker.png",
+            control_freak: "./control-freak.png",
+            prima_donna: "./prima-donna.png",
+            quiet_quitter: "./quet-quitter.png",
+            // User typo kept
+            slack_spammer: "./slack-spammer.png"
+          }[e],
+          xScale: i.w / 512 * 2,
+          // Approximate
+          yScale: i.h / 512 * 2
+        },
+        lineWidth: 3,
+        strokeStyle: "#ffffff"
+      }
+    };
+    return e === "quiet_quitter" ? c.Bodies.circle(r, t, i.w / 2, d) : e === "control_freak" ? c.Bodies.trapezoid(r, t, i.w, i.h, 0.5, d) : e === "prima_donna" ? c.Bodies.polygon(r, t, 5, i.w / 2, d) : e === "slack_spammer" ? c.Bodies.polygon(r, t, 6, i.w / 2, d) : c.Bodies.rectangle(r, t, i.w, i.h, d);
+  } else
+    return c.Bodies.rectangle(r, t, i.w, i.h, o);
+};
+class v {
+  constructor(t) {
+    l(this, "runway");
+    l(this, "valuation", 0);
+    l(this, "stage");
+    // Dynamic name
+    l(this, "status", "playing");
+    l(this, "lastPenaltyReason", "");
+    l(this, "config");
+    l(this, "currentStageIndex", 0);
+    l(this, "listeners", []);
+    if (this.config = t, this.runway = t.initialRunway, !this.config.stages || this.config.stages.length === 0)
+      throw new Error("Game must have at least one stage defined.");
+    this.config.stages.sort((e, i) => e.threshold - i.threshold), this.currentStageIndex = 0, this.stage = this.config.stages[0].name, this.checkStage();
+  }
+  setPaused(t) {
+    t ? this.status === "playing" && (this.status = "paused") : this.status === "paused" && (this.status = "playing"), this.notify();
+  }
+  togglePause() {
+    this.setPaused(
+      this.status === "playing"
+      /* PLAYING */
+    );
+  }
+  tick(t) {
+    if (this.status !== "playing") return;
+    const e = Math.min(t, 0.1), i = this.getDynamicBurnRate();
+    this.runway -= i * e, this.runway <= 0 && (this.runway = 0, this.status = "bankrupt");
+    const s = this.config.stages[this.config.stages.length - 1];
+    this.valuation >= s.threshold && this.status === "playing" && (this.status = "exited"), this.checkStage(), this.notify();
+  }
+  getDynamicBurnRate() {
+    return this.config.stages[this.currentStageIndex].burnRate;
+  }
+  addValuation(t) {
+    this.valuation += t, this.checkStage(), this.notify();
+  }
+  spendMoney(t) {
+    this.runway -= t, this.notify();
+  }
+  addMoney(t) {
+    this.runway += t, this.notify();
+  }
+  setCollapsed() {
+    this.status === "playing" && (this.status = "collapsed", this.notify());
+  }
+  getNextStageThreshold() {
+    return this.currentStageIndex < this.config.stages.length - 1 ? this.config.stages[this.currentStageIndex + 1].threshold : this.config.stages[this.config.stages.length - 1].threshold;
+  }
+  penalty(t, e) {
+    this.runway -= t, this.lastPenaltyReason = e, this.runway < 0 && (this.runway = 0, this.status = "bankrupt"), this.notify("penalty");
+  }
+  checkStage() {
+    let t = 0;
+    for (let e = 0; e < this.config.stages.length && this.valuation >= this.config.stages[e].threshold; e++)
+      t = e;
+    if (t !== this.currentStageIndex) {
+      if (t > this.currentStageIndex) {
+        const e = this.config.stages[t].fundingBonus || 0;
+        e > 0 && (this.addMoney(e), this.notify("funding:" + e));
+      }
+      this.currentStageIndex = t, this.stage = this.config.stages[t].name;
+    }
+  }
+  subscribe(t) {
+    this.listeners.push(t);
+  }
+  notify(t) {
+    this.listeners.forEach((e) => e(t));
+  }
+  isPlaying() {
+    return this.status === "playing";
+  }
+  isBankrupt() {
+    return this.status === "bankrupt";
+  }
+}
+class w {
+  constructor(t, e = {}) {
+    l(this, "engine");
+    l(this, "render");
+    l(this, "runner");
+    l(this, "container");
+    l(this, "width");
+    l(this, "height");
+    l(this, "mouseConstraint");
+    l(this, "currentQuote", null);
+    l(this, "chaosTimer", 1e4);
+    // Debug: Initial event after 10s
+    l(this, "chaosInterval", 9e4);
+    // Default 1.5 mins
+    l(this, "onCrisis");
+    l(this, "gameState");
+    l(this, "spawnVertical", !1);
+    this.container = t, this.width = e.width || t.clientWidth || 800, this.height = e.height || t.clientHeight || 600, this.onCrisis = e.onCrisis, this.chaosInterval = e.chaosInterval || 9e4, this.chaosTimer = e.chaosInterval ? e.chaosInterval : 1e4;
+    const i = [
+      { name: "Seed Round", threshold: 0, burnRate: 2e3 },
+      { name: "Series A", threshold: 1e8, burnRate: 1e4, fundingBonus: 25e4 },
+      { name: "Series B", threshold: 25e7, burnRate: 25e3, fundingBonus: 5e5 },
+      { name: "Series C", threshold: 5e8, burnRate: 5e4, fundingBonus: 1e6 },
+      { name: "Series D", threshold: 7e8, burnRate: 75e3, fundingBonus: 2e6 },
+      { name: "Series E", threshold: 85e7, burnRate: 1e5, fundingBonus: 5e6 },
+      { name: "Unicorn Status", threshold: 1e9, burnRate: 15e4, fundingBonus: 1e7 }
+    ];
+    this.gameState = new v({
+      initialRunway: e.initialRunway || 2e5,
+      stages: e.stages || i
+    }), this.engine = c.Engine.create(), this.render = c.Render.create({
+      element: this.container,
+      engine: this.engine,
+      options: {
+        width: this.width,
+        height: this.height,
+        wireframes: !1,
+        background: "#1a1a1a"
+      }
+    }), this.runner = c.Runner.create(), this.initWorld(), this.initMouse(), this.initRenderLoop(), this.initGameLoop(), this.initControls(), this.gameState.subscribe(() => {
+      this.gameState.status === "paused" ? this.runner.enabled = !1 : this.gameState.status === "playing" && (this.runner.enabled = !0);
+    });
+  }
+  initControls() {
+    window.addEventListener("keydown", (t) => {
+      (t.key === "r" || t.key === "R") && this.gameState.isPlaying() && this.rotateHeldBody();
+    });
+  }
+  rotateHeldBody() {
+    const t = this.mouseConstraint.body;
+    t && c.Body.rotate(t, 45 * (Math.PI / 180));
+  }
+  initWorld() {
+    const { width: t, height: e } = this, i = 60, s = c.Bodies.rectangle(t / 2, e - i / 2, t, i, {
+      isStatic: !0,
+      render: { fillStyle: "#333" }
+    });
+    c.Composite.add(this.engine.world, [s]);
+  }
+  initMouse() {
+    const t = c.Mouse.create(this.render.canvas);
+    this.mouseConstraint = c.MouseConstraint.create(this.engine, {
+      mouse: t,
+      constraint: {
+        stiffness: 0.2,
+        render: { visible: !1 }
+      }
+    }), c.Composite.add(this.engine.world, this.mouseConstraint), this.render.mouse = t;
+  }
+  start() {
+    c.Render.run(this.render), c.Runner.run(this.runner, this.engine);
+  }
+  stop() {
+    c.Render.stop(this.render), c.Runner.stop(this.runner);
+  }
+  initRenderLoop() {
+    c.Events.on(this.render, "afterRender", () => {
+      const t = this.render.context, e = this.width / 2, i = 400, s = 700, o = 100, n = { x: e - i / 2, y: o, w: i, h: this.height - o }, d = { x: e - s / 2, y: o - 50, w: s, h: this.height - o + 100 };
+      if (t.beginPath(), t.setLineDash([10, 10]), t.lineWidth = 2, t.strokeStyle = "rgba(255, 255, 255, 0.3)", t.strokeRect(n.x, n.y, n.w, n.h), t.font = '10px "Inter", sans-serif', t.fillStyle = "rgba(255, 255, 255, 0.3)", t.textAlign = "center", t.fillText("ACCURATE VALUATION ZONE", e, n.y - 15), !this.currentQuote) {
+        const h = [
+          { text: `WE ARE A
+FAMILY`, author: "- CEO" },
+          { text: `CHANGE THE
+WORLD`, author: "- Founder" },
+          { text: `DISRUPT
+EVERYTHING`, author: "- VC" },
+          { text: `MOVE FAST
+BREAK THINGS`, author: "- Tech Lead" },
+          { text: `RADICAL
+CANDOR`, author: "- HR" },
+          { text: `UNLIMITED
+PTO`, author: "- Recruiter" },
+          { text: `VISIONARY
+LEADER`, author: "- LinkedIn" },
+          { text: `10X
+GROWTH`, author: "- Investor" },
+          { text: `PIVOT
+TO AI`, author: "- Board" }
+        ];
+        this.currentQuote = h[Math.floor(Math.random() * h.length)];
+      }
+      t.save(), t.translate(e, n.y + n.h / 3), t.rotate(-Math.PI / 12), t.textAlign = "center", t.textBaseline = "middle", t.font = '900 48px "Inter", sans-serif', t.fillStyle = "rgba(255, 255, 255, 0.05)";
+      const g = this.currentQuote.text.split(`
+`);
+      g.forEach((h, a) => t.fillText(h, 0, a * 50)), t.font = 'italic 700 24px "Inter", sans-serif', t.fillStyle = "rgba(255, 255, 255, 0.04)", t.fillText(this.currentQuote.author, 0, g.length * 50 + 10), t.restore(), t.beginPath(), t.setLineDash([]), t.lineWidth = 1, t.strokeStyle = "rgba(255, 50, 50, 0.2)", t.strokeRect(d.x, d.y, d.w, d.h), t.font = 'bold 13px "Inter", sans-serif', t.textAlign = "center", t.textBaseline = "middle", t.fillStyle = "#FFFFFF", this.engine.world.bodies.forEach((h) => {
+        if (!h.label || h.label.includes("Body") || h.isStatic) return;
+        const a = h.gameData, f = a && a.vested;
+        t.save(), t.translate(h.position.x, h.position.y), t.rotate(h.angle), f ? (t.shadowColor = "#00ff7f", t.shadowBlur = 10, t.fillStyle = "#00ff7f", t.fillText(h.label + " ✓", 0, 0)) : (t.shadowColor = "black", t.shadowBlur = 4, t.fillStyle = "#FFFFFF", t.fillText(h.label, 0, 0)), t.restore();
+      });
+    });
+  }
+  initGameLoop() {
+    c.Events.on(this.runner, "afterUpdate", () => {
+      if (!this.gameState.isPlaying()) return;
+      const t = this.runner.delta;
+      this.gameState.tick(t / 1e3), this.gameState.valuation >= 1e6 && (this.chaosTimer -= t, this.chaosTimer <= 0 && (this.triggerChaosEvent(), this.chaosTimer = this.chaosInterval));
+      const e = this.width / 2, i = 400, s = 700;
+      this.engine.world.bodies.forEach((o) => {
+        if (o.isStatic) return;
+        const n = o.gameData;
+        if (Math.abs(o.position.x - e) > s / 2 || o.position.y > this.height + 50) {
+          c.Composite.remove(this.engine.world, o);
+          const g = ["VC Scolding!", "Server Outage!", "GDPR Violation!", "TechCrunch Hit Piece!", "IP Lawsuit!"];
+          this.gameState.penalty(5e4, g[Math.floor(Math.random() * g.length)]);
+          return;
+        }
+        if (n && !n.vested) {
+          const g = o.speed < 0.15 && Math.abs(o.angularVelocity) < 0.05, h = Math.abs(o.position.x - e) < i / 2;
+          g && h ? (n.vestTimer += this.runner.delta, n.vestTimer > 1e3 && (n.vested = !0, this.gameState.addValuation(n.value))) : n.vestTimer = 0;
+        }
+      });
+    });
+  }
+  triggerChaosEvent() {
+    var e, i, s, o, n;
+    switch (Math.floor(Math.random() * 5)) {
+      case 0:
+        (e = this.onCrisis) == null || e.call(this, "STRATEGIC PIVOT", "CEO: 'We are pivoting to AI!' (Gravity Shift)"), this.engine.world.gravity.x = 0.2, setTimeout(() => {
+          this.engine.world.gravity.x = 0;
+        }, 5e3);
+        break;
+      case 1:
+        (i = this.onCrisis) == null || i.call(this, "THE BIG REORG", "HR: 'New Org Chart Announced!' (No Friction)"), this.engine.world.bodies.forEach((a) => {
+          a.isStatic || (a.oldFriction = a.friction, a.friction = 0, a.frictionStatic = 0);
+        }), setTimeout(() => {
+          this.engine.world.bodies.forEach((a) => {
+            a.isStatic || (a.friction = a.oldFriction || 0.1, a.frictionStatic = 0.5);
+          });
+        }, 5e3);
+        break;
+      case 2:
+        (s = this.onCrisis) == null || s.call(this, "LEGACY DEPRECATION", "CTO: 'Deprecating v1 API!' (Ghost Blocks)");
+        const d = this.engine.world.bodies.filter((a) => !a.isStatic);
+        if (d.length > 3) {
+          const a = d[Math.floor(Math.random() * d.length)];
+          a.isSensor = !0, setTimeout(() => {
+            a.isSensor = !1;
+          }, 4e3);
+        }
+        break;
+      case 3:
+        (o = this.onCrisis) == null || o.call(this, "FEATURE CREEP", "PM: 'Just one more feature...' (1.2x Scaling)"), this.engine.world.bodies.forEach((a) => {
+          a.isStatic || c.Body.scale(a, 1.2, 1.2);
+        });
+        break;
+      case 4:
+        (n = this.onCrisis) == null || n.call(this, "VIRAL SPIKE", "DevOps: 'Traffic Spike!' (Earthquake)");
+        let g = 0;
+        const h = setInterval(() => {
+          this.engine.world.bodies.forEach((a) => {
+            a.isStatic || c.Body.applyForce(a, a.position, { x: (Math.random() - 0.5) * 0.05, y: (Math.random() - 0.5) * 0.05 });
+          }), ++g > 20 && clearInterval(h);
+        }, 100);
+        break;
+    }
+  }
+  toggleRotation() {
+    this.spawnVertical = !this.spawnVertical;
+  }
+  spawnBlock(t) {
+    if (!this.gameState.isPlaying()) return;
+    if (Math.random() < 1 / 15) {
+      const o = [u.SLACKER, u.CONTROL_FREAK, u.PRIMA_DONNA, u.QUIET_QUITTER, u.SLACK_SPAMMER];
+      t = o[Math.floor(Math.random() * o.length)];
+    }
+    t === u.BOOTSTRAP ? this.gameState.spendMoney(5e3) : t === u.VC && this.gameState.addMoney(75e3);
+    const e = this.width / 2 + (Math.random() - 0.5) * 40, i = y(e, S, t);
+    let s = this.spawnVertical ? 90 * (Math.PI / 180) : 0;
+    t === u.VC && (s += (Math.random() - 0.5) * (30 * (Math.PI / 180))), c.Body.setAngle(i, s), i.gameData = {
+      type: t,
+      value: t === u.VC ? 5e7 : t === u.BOOTSTRAP ? 5e6 : 0,
+      vested: !1,
+      vestTimer: 0
+    }, c.Composite.add(this.engine.world, i);
+  }
+}
+const S = 100;
+class k {
+  constructor(t, e) {
+    l(this, "container");
+    l(this, "options");
+    l(this, "hudElement");
+    this.container = t, this.options = e, this.initStyles(), this.createHUD(), this.createControls(), this.createLegend(), this.createSystemButtons(), this.options.gameState.subscribe((i) => {
+      if (this.updateHUD(), i === "penalty")
+        this.showToast(`-${this.options.gameState.lastPenaltyReason}`, "danger");
+      else if (i != null && i.startsWith("funding:")) {
+        const s = i.split(":")[1];
+        this.showToast(`+$${parseInt(s).toLocaleString()} Series Funding!`, "info");
+      }
+    }), this.updateHUD();
+  }
+  initStyles() {
+    const t = document.createElement("style");
+    t.textContent = `
+      .uj-hud {
+        position: absolute;
+        top: 20px; /* Restored to top */
+        right: 20px;
+        color: #fff;
+        font-family: 'Inter', sans-serif;
+        text-align: right;
+        pointer-events: none;
+        z-index: 100;
+      }
+      /* ... existing styles ... */
+      .uj-sys-btn {
+        background: rgba(255,255,255,0.1);
+        border: 1px solid rgba(255,255,255,0.3);
+        color: #fff;
+        padding: 6px 10px;
+        border-radius: 4px;
+        cursor: pointer;
+        font-size: 11px; /* Slightly smaller to be discreet */
+        font-family: 'Inter', sans-serif;
+        transition: background 0.2s;
+        pointer-events: auto;
+      }
+      .uj-sys-btn:hover { background: rgba(255,255,255,0.2); }
+      .uj-sys-container {
+        position: absolute;
+        bottom: 20px; /* Moved to bottom */
+        left: 20px;   /* Moved to left */
+        display: flex;
+        gap: 10px;
+        z-index: 200;
+        opacity: 0.6; /* Make them even less conspicuous */
+        transition: opacity 0.2s;
+      }
+      .uj-sys-container:hover { opacity: 1; }
+      .uj-stat-label {
+        font-size: 12px;
+        color: #888;
+        text-transform: uppercase;
+      }
+      .uj-stat-value {
+        font-size: 20px;
+        font-weight: bold;
+        margin-bottom: 10px;
+      }
+      .uj-stat-value.danger {
+        color: #ff4444;
+      }
+      .uj-controls {
+        position: absolute;
+        bottom: 20px;
+        right: 20px; /* Aligned with HUD */
+        display: flex;
+        flex-direction: column; /* Stack vertically for cleaner look on right side? Or Keep horizontal? */
+        /* User said "move right". Sidebar layout might be better. */
+        gap: 20px;
+        z-index: 100;
+        align-items: flex-end; /* Align right */
+      }
+      .uj-btn {
+        padding: 16px 0; /* Changed padding to vertical only, width handles horizontal */
+        width: 220px;    /* Fixed width for equality */
+        font-family: 'Inter', sans-serif;
+        font-weight: bold;
+        border: none;
+        border-radius: 8px;
+        cursor: pointer;
+        text-transform: uppercase;
+        font-size: 16px; 
+        box-shadow: 0 4px 6px rgba(0,0,0,0.3);
+        transition: transform 0.1s;
+        text-align: center; /* Ensure centered text */
+      }
+      .uj-btn:active {
+        transform: scale(0.95);
+      }
+      .uj-btn-solid {
+        background: #555;
+        color: #fff;
+        border-bottom: 4px solid #333;
+      }
+      .uj-btn-hype {
+        background: #FF00FF;
+        color: #fff;
+        border-bottom: 4px solid #cc00cc;
+        animation: pulse 2s infinite;
+      }
+      .uj-btn-rotate {
+        background: #0077ff;
+        color: #fff;
+        border-bottom: 4px solid #0055aa;
+        padding: 16px 20px; 
+      }
+      .uj-btn-rotate.vertical {
+        background: #00AAFF;
+        transform: translateY(-2px);
+      }
+      @keyframes pulse {
+        0% { box-shadow: 0 0 0 0 rgba(255, 0, 255, 0.7); }
+        70% { box-shadow: 0 0 0 10px rgba(255, 0, 255, 0); }
+        100% { box-shadow: 0 0 0 0 rgba(255, 0, 255, 0); }
+      }
+      .uj-overlay-logo {
+        position: absolute;
+        top: 20px;
+        left: 20px;
+        max-width: 150px;
+        z-index: 100;
+        pointer-events: none;
+      }
+      .uj-legend {
+        position: absolute;
+        top: 80px; 
+        left: 20px;
+        width: 240px; 
+        z-index: 90;
+        font-family: 'Inter', sans-serif;
+        color: white;
+        background: rgba(0,0,0,0.6);
+        padding: 12px;
+        border-radius: 8px;
+        backdrop-filter: blur(6px);
+        border: 1px solid rgba(255,255,255,0.1);
+      }
+      .uj-legend-item {
+        display: flex;
+        align-items: center;
+        margin-bottom: 12px;
+      }
+      .uj-swatch {
+        width: 20px;
+        height: 20px;
+        margin-right: 10px;
+        border: 1px solid white;
+      }
+      .uj-swatch.solid { background: #555; }
+      .uj-swatch.hype { background: #FF00FF; }
+      .uj-legend-text { font-size: 12px; line-height: 1.4; }
+      .uj-legend-note { margin-top: 10px; opacity: 0.7; font-size: 11px; }
+      .uj-legend-mini {
+          display: flex;
+          align-items: center;
+          gap: 6px;
+          font-size: 10px;
+          color: #ddd;
+      }
+      .uj-crisis-overlay {
+        position: absolute;
+        top: 0; left: 0; width: 100%; height: 100%;
+        pointer-events: none;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        z-index: 400;
+        font-family: 'Inter', sans-serif;
+        background: rgba(255, 0, 0, 0);
+        transition: background 0.3s;
+      }
+      .uj-crisis-overlay.active {
+        background: rgba(255, 0, 0, 0.2);
+        animation: flash-red 1s infinite;
+      }
+      @keyframes flash-red {
+        0%, 100% { background: rgba(255,0,0,0.1); }
+        50% { background: rgba(255,0,0,0.3); }
+      }
+      .uj-crisis-box {
+        background: #ff4444;
+        color: white;
+        padding: 20px 40px;
+        border-radius: 12px;
+        box-shadow: 0 0 20px rgba(0,0,0,0.5);
+        text-align: center;
+        transform: scale(0.8);
+        opacity: 0;
+        transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+      }
+      .uj-crisis-box.visible {
+        transform: scale(1);
+        opacity: 1;
+      }
+      .uj-crisis-shout {
+        font-size: 32px;
+        font-weight: 900;
+        margin-bottom: 5px;
+        text-transform: uppercase;
+      }
+      .uj-crisis-desc {
+        font-size: 18px;
+        opacity: 0.9;
+      }
+    `, document.head.appendChild(t);
+  }
+  createControls() {
+    const t = document.createElement("div");
+    t.className = "uj-controls";
+    const e = document.createElement("button");
+    e.className = "uj-btn uj-btn-solid", e.innerText = `Build Solid
+(Costs $5k)`, e.onclick = () => this.options.onSpawn(u.BOOTSTRAP);
+    const i = document.createElement("button");
+    i.className = "uj-btn uj-btn-hype", i.innerText = `Hype Up
+(Grants $75k)`, i.onclick = () => this.options.onSpawn(u.VC), t.appendChild(e), t.appendChild(i), this.container.appendChild(t);
+  }
+  createSystemButtons() {
+    const t = document.createElement("div");
+    t.className = "uj-sys-container";
+    const e = document.createElement("button");
+    e.className = "uj-sys-btn", e.innerText = "⏸ PAUSE", e.id = "uj-btn-pause", e.onclick = () => {
+      const s = this.options.gameState.isPlaying();
+      this.options.gameState.togglePause(), e.innerText = s ? "▶ RESUME" : "⏸ PAUSE";
+    };
+    const i = document.createElement("button");
+    i.className = "uj-sys-btn", i.innerText = "↻ RESET", i.onclick = () => window.location.reload(), t.appendChild(e), t.appendChild(i), this.container.appendChild(t);
+  }
+  createLegend() {
+    var e;
+    const t = document.createElement("div");
+    t.className = "uj-legend", t.innerHTML = `
+      <div style="margin-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 6px;">
+        <strong style="color: #00ff7f; font-size: 14px;">MISSION</strong>
+        <div class="uj-legend-text">
+           1. Reach <strong>$1 Billion</strong> Valuation.<br>
+           2. Don't run out of <strong>Runway</strong>.<br>
+           <small style="opacity:0.7">Burn Rate increases with Stage!</small>
+        </div>
+      </div>
+
+      <div style="margin-bottom: 12px;">
+         <div class="uj-legend-item">
+            <div class="uj-swatch solid"></div>
+            <div class="uj-legend-text">
+                <strong>Build Solid</strong><br>
+                High Friction. Good Foundation.<br>
+                <span style="color:#ffaaaa">Costs $5k. Low Value.</span>
+            </div>
+         </div>
+         <div class="uj-legend-item">
+            <div class="uj-swatch hype"></div>
+            <div class="uj-legend-text">
+                <strong>Hype Up</strong><br>
+                Distorted Shape. Unstable.<br>
+                <span style="color:#aaffaa">Grants $75k. High Value.</span>
+            </div>
+         </div>
+      </div>
+      
+      <!-- Toxic Employees Section -->
+       <div style="margin-bottom: 8px; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 6px;">
+         <strong style="color: #ff4444; font-size: 13px;">TOXIC (Risk: 1/15)</strong>
+         <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 5px;">
+            <div class="uj-legend-mini">
+                <img src="./slacker.png" style="width: 30px; height: auto;">
+                <span>Slacker</span>
+            </div>
+            <div class="uj-legend-mini">
+                <img src="./control-freak.png" style="width: 30px; height: auto;">
+                <span>Control Freak</span>
+            </div>
+            <div class="uj-legend-mini">
+                <img src="./prima-donna.png" style="width: 30px; height: auto;">
+                <span>Prima Donna</span>
+            </div>
+            <div class="uj-legend-mini">
+                <img src="./quet-quitter.png" style="width: 30px; height: auto;">
+                <span>Quiet Quitter</span>
+            </div>
+            <div class="uj-legend-mini">
+                <img src="./slack-spammer.png" style="width: 30px; height: auto;">
+                <span>Spammer</span>
+            </div>
+         </div>
+         <div class="uj-legend-note" style="color: #ffaaaa; margin-top: 5px;">
+             $0 Val. Heavy. Annoying.
+         </div>
+       </div>
+      <div class="uj-legend-note" style="font-size: 10px; line-height: 1.3;">
+        <strong style="font-size: 11px;">STRATEGY:</strong><br>
+        • <strong>Hype-Hole</strong>: High Hype = Zero stability. Organization & code collapse.<br>
+        • <strong>Solid-Sink</strong>: Pure solid = Runway burn. No growth velocity.<br>
+        <span style="color: #00ff7f; opacity: 0.9;"><em>Balance foundation with noise.</em></span>
+      </div>
+
+      <div class="uj-legend-note" style="margin-top: 8px;">
+        <strong>RULES:</strong><br>
+        - Blocks only vest inside <strong>Dashed Zone</strong>.<br>
+        - Crossing <strong>Red Line</strong> = Penalty.<br>
+        - Press <strong>'R'</strong> to rotate.
+      </div>
+
+      <!-- Chaos Events Description -->
+      <div style="margin-top: 8px; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 6px;">
+          <strong style="color: #ffaa00; font-size: 13px;">CHAOS EVENTS</strong>
+          <div style="font-size: 11px; color: #ccc; line-height: 1.4; margin-top: 4px;">
+              • <strong>Strategic Pivot</strong>: Gravity shifts.<br>
+              • <strong>The Big Reorg</strong>: Zero friction.<br>
+              • <strong>Legacy Deprecation</strong>: Ghost API.<br>
+              • <strong>Feature Creep</strong>: Codescale 1.2x.<br>
+              • <strong>Viral Spike</strong>: Trafficequake.
+          </div>
+      </div>
+
+      <button id="uj-view-labels" style="
+        margin-top: 15px; 
+        width: 100%;
+        background: rgba(255,255,255,0.1); 
+        border: 1px solid rgba(255,255,255,0.3); 
+        color: #ccc; 
+        border-radius: 4px; 
+        padding: 6px 8px; 
+        cursor: pointer; 
+        font-size: 11px;
+        transition: background 0.2s;">
+        View Label Dictionary
+      </button>
+    `, this.container.appendChild(t), (e = document.getElementById("uj-view-labels")) == null || e.addEventListener("click", () => {
+      this.showGlossary();
+    });
+  }
+  showGlossary() {
+    if (document.getElementById("uj-glossary")) return;
+    const t = this.options.gameState.isPlaying();
+    if (t) {
+      this.options.gameState.setPaused(!0);
+      const s = document.getElementById("uj-btn-pause");
+      s && (s.innerText = "▶ RESUME");
+    }
+    const e = document.createElement("div");
+    e.id = "uj-glossary", e.style.cssText = `
+        position: absolute;
+        top: 0; left: 0; width: 100%; height: 100%;
+        background: rgba(0,0,0,0.9);
+        color: white;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        z-index: 300;
+        font-family: 'Inter', sans-serif;
+      `, e.innerHTML = `
+        <div style="background: #222; padding: 40px; border-radius: 12px; max-width: 800px; width: 90%; max-height: 80vh; overflow-y: auto; position: relative;">
+            <button id="uj-glossary-close" style="position: absolute; top: 10px; right: 10px; background: none; border: none; color: white; font-size: 24px; cursor: pointer;">&times;</button>
+            <h2 style="text-align: center; margin-bottom: 30px;">Startup Lingo Dictionary</h2>
+            <div style="display: flex; gap: 40px;">
+                <div style="flex: 1;">
+                    <h3 style="color: #aaa; border-bottom: 2px solid #555; padding-bottom: 10px;">Build Solid (The Work)</h3>
+                    <ul id="uj-solid-list" style="list-style: none; padding: 0; color: #ccc; line-height: 1.6;"></ul>
+                </div>
+                <div style="flex: 1;">
+                    <h3 style="color: #FF00FF; border-bottom: 2px solid #cc00cc; padding-bottom: 10px;">Hype Up (The Noise)</h3>
+                    <ul id="uj-hype-list" style="list-style: none; padding: 0; color: #ffccff; line-height: 1.6;"></ul>
+                </div>
+            </div>
+        </div>
+      `, this.container.appendChild(e), this.populateGlossaryLists();
+    const i = () => {
+      if (e.remove(), t) {
+        this.options.gameState.setPaused(!1);
+        const s = document.getElementById("uj-btn-pause");
+        s && (s.innerText = "⏸ PAUSE");
+      }
+    };
+    document.getElementById("uj-glossary-close").onclick = i, e.onclick = (s) => {
+      s.target === e && i();
+    };
+  }
+  populateGlossaryLists() {
+    var i, s;
+    const t = document.getElementById("uj-solid-list"), e = document.getElementById("uj-hype-list");
+    t && e && ((i = p[u.BOOTSTRAP].possibleLabels) == null || i.forEach((o) => {
+      const n = document.createElement("li");
+      n.textContent = o, t.appendChild(n);
+    }), (s = p[u.VC].possibleLabels) == null || s.forEach((o) => {
+      const n = document.createElement("li");
+      n.textContent = o, e.appendChild(n);
+    }));
+  }
+  createHUD() {
+    this.hudElement = document.createElement("div"), this.hudElement.className = "uj-hud", this.container.appendChild(this.hudElement);
+  }
+  updateHUD() {
+    const t = this.options.gameState, e = new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currency: "USD",
+      maximumFractionDigits: 0
+    }), i = new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currency: "USD",
+      notation: "compact",
+      maximumFractionDigits: 1
+    }), o = t.isBankrupt() ? "uj-stat-value danger" : "uj-stat-value", n = t.getNextStageThreshold(), d = n > 0 ? `<small style="font-size:12px; opacity:0.7">Next: ${i.format(n)}</small>` : "";
+    this.hudElement.innerHTML = `
+      <div class="uj-stat-label">Stage</div>
+      <div class="uj-stat-value">${t.stage}</div>
+      
+      <div class="uj-stat-label">Valuation</div>
+      <div class="uj-stat-value" style="color: #00ff7f">
+        ${e.format(t.valuation)}<br>
+        ${d}
+      </div>
+      
+      <div class="uj-stat-label">Runway</div>
+      <div class="${o}">${e.format(t.runway)}</div>
+    `, t.status !== "playing" && this.showGameOver(t.status, t.valuation);
+  }
+  showToast(t, e = "info") {
+    const i = document.createElement("div");
+    i.innerText = t, i.style.cssText = `
+        position: absolute;
+        top: 100px;
+        left: 50%;
+        transform: translateX(-50%);
+        background: ${e === "danger" ? "rgba(255, 68, 68, 0.9)" : "rgba(0, 0, 0, 0.8)"};
+        color: white;
+        padding: 10px 20px;
+        border-radius: 20px;
+        font-family: 'Inter', sans-serif;
+        font-weight: bold;
+        z-index: 500;
+        animation: fadeUp 2s forwards;
+        white-space: nowrap;
+      `, this.container.appendChild(i), setTimeout(() => {
+      i.style.transition = "opacity 0.5s", i.style.opacity = "0", setTimeout(() => i.remove(), 500);
+    }, 2e3);
+  }
+  showGameOver(t, e) {
+    if (document.getElementById("uj-gameover")) return;
+    const i = document.createElement("div");
+    i.id = "uj-gameover", i.style.cssText = `
+      position: absolute;
+      top: 0; left: 0; width: 100%; height: 100%;
+      background: rgba(0,0,0,0.85);
+      color: white;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      z-index: 200;
+      font-family: 'Inter', sans-serif;
+    `;
+    let s = "", o = "", n = "#fff";
+    switch (t) {
+      case "bankrupt":
+        s = "HONEST POOR", o = "You ran out of runway. The market did not love you.", n = "#ff4444";
+        break;
+      case "collapsed":
+        s = "SCANDAL!", o = "Your tower of lies has collapsed. TechCrunch is mocking you.", n = "#ffaa00";
+        break;
+      case "exited":
+        s = "VISIONARY FRAUD", o = `You exited with $${(e / 1e6).toFixed(1)}M! You are a genius.`, n = "#00ff7f";
+        break;
+    }
+    i.innerHTML = `
+      <h1 style="font-size: 48px; color: ${n}; margin-bottom: 10px;">${s}</h1>
+      <p style="font-size: 18px; color #ccc; max-width: 400px; text-align: center;">${o}</p>
+      <button onclick="window.location.reload()" style="
+        margin-top: 30px;
+        padding: 15px 30px;
+        font-size: 20px;
+        background: white;
+        border: none;
+        cursor: pointer;
+        border-radius: 8px;
+        font-weight: bold;
+      ">TRY AGAIN</button>
+    `, this.container.appendChild(i);
+  }
+  showLogo(t) {
+    if (!t) return;
+    const e = document.createElement("img");
+    e.src = t, e.className = "uj-overlay-logo", this.container.appendChild(e);
+  }
+  showCrisisAlert(t, e) {
+    const i = document.createElement("div");
+    i.className = "uj-crisis-overlay active";
+    const s = document.createElement("div");
+    s.className = "uj-crisis-box", s.innerHTML = `
+        <div class="uj-crisis-shout">${t}</div>
+        <div class="uj-crisis-desc">${e}</div>
+      `, i.appendChild(s), this.container.appendChild(i), setTimeout(() => s.classList.add("visible"), 100), setTimeout(() => {
+      s.classList.remove("visible"), i.classList.remove("active"), setTimeout(() => {
+        i.remove();
+      }, 500);
+    }, 4e3);
+  }
+}
+class T {
+  constructor(t, e = {}) {
+    l(this, "game");
+    l(this, "ui");
+    this.game = new w(t, {
+      ...e,
+      onCrisis: (i, s) => this.ui.showCrisisAlert(i, s)
+    }), this.ui = new k(t, {
+      onSpawn: (i) => this.game.spawnBlock(i),
+      onRotate: () => this.game.toggleRotation(),
+      gameState: this.game.gameState
+    }), e.logoUrl && this.ui.showLogo(e.logoUrl);
+  }
+  start() {
+    this.game.start();
+  }
+}
+export {
+  T as PreMortem,
+  w as PreMortemGame,
+  k as UIManager
+};