pre-mortem 0.1.0

package/dist/pre-mortem.umd.js

@@ -0,0 +1,382 @@
+(function(g,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("matter-js")):typeof define=="function"&&define.amd?define(["exports","matter-js"],n):(g=typeof globalThis<"u"?globalThis:g||self,n(g.PreMortem={},g.Matter))})(this,function(g,n){"use strict";var E=Object.defineProperty;var C=(g,n,d)=>n in g?E(g,n,{enumerable:!0,configurable:!0,writable:!0,value:d}):g[n]=d;var l=(g,n,d)=>C(g,typeof n!="symbol"?n+"":n,d);var d=(c=>(c.BOOTSTRAP="bootstrap",c.VC="vc",c.SLACKER="slacker",c.CONTROL_FREAK="control_freak",c.PRIMA_DONNA="prima_donna",c.QUIET_QUITTER="quiet_quitter",c.SLACK_SPAMMER="slack_spammer",c))(d||{});const f={bootstrap:{w:132,h:44,color:"#555555",density:.005,friction:.8,restitution:0,label:"Refactoring",possibleLabels:["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",density:5e-4,friction:.3,restitution:.6,label:"AI Blockchain",possibleLabels:["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,h:64,color:"#FFFFFF",density:.01,friction:1,restitution:.1,label:"The Slacker",possibleLabels:["The Slacker"]},control_freak:{w:64,h:64,color:"#FF0000",density:.012,friction:.5,restitution:.2,label:"Control Freak",possibleLabels:["Control Freak"]},prima_donna:{w:56,h:56,color:"#FFFF00",density:.008,friction:.1,restitution:1.2,label:"Prima Donna",possibleLabels:["Prima Donna"]},quiet_quitter:{w:48,h:48,color:"#00FFFF",density:.005,friction:.01,restitution:.9,label:"Quiet Quitter",possibleLabels:["Quiet Quitter"]},slack_spammer:{w:60,h:60,color:"#00FF00",density:.01,friction:.4,restitution:.4,label:"Slack Spammer",possibleLabels:["Slack Spammer"]}},y=c=>{const t=f[c].possibleLabels||[];return t[Math.floor(Math.random()*t.length)]},v=(c,t,e)=>{const i=f[e],s=y(e),a={density:i.density,friction:i.friction,restitution:i.restitution,render:{fillStyle:i.color,strokeStyle:"#000",lineWidth:2},label:s};if(e==="vc"){const o=i.w,h=i.h,p=Math.random()*15,u=Math.random()*15,r=(Math.random()-.5)*20,m=[{x:0+r,y:p},{x:o+r,y:u},{x:o,y:h},{x:0,y:h}];return n.Bodies.fromVertices(c,t,[m],a)}else if(e==="slacker"||e==="control_freak"||e==="prima_donna"||e==="quiet_quitter"||e==="slack_spammer"){const h={...a,render:{sprite:{texture:{slacker:"./slacker.png",control_freak:"./control-freak.png",prima_donna:"./prima-donna.png",quiet_quitter:"./quet-quitter.png",slack_spammer:"./slack-spammer.png"}[e],xScale:i.w/512*2,yScale:i.h/512*2},lineWidth:3,strokeStyle:"#ffffff"}};return e==="quiet_quitter"?n.Bodies.circle(c,t,i.w/2,h):e==="control_freak"?n.Bodies.trapezoid(c,t,i.w,i.h,.5,h):e==="prima_donna"?n.Bodies.polygon(c,t,5,i.w/2,h):e==="slack_spammer"?n.Bodies.polygon(c,t,6,i.w/2,h):n.Bodies.rectangle(c,t,i.w,i.h,h)}else return n.Bodies.rectangle(c,t,i.w,i.h,a)};class w{constructor(t){l(this,"runway");l(this,"valuation",0);l(this,"stage");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")}tick(t){if(this.status!=="playing")return;const e=Math.min(t,.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 b{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);l(this,"chaosInterval",9e4);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 w({initialRunway:e.initialRunway||2e5,stages:e.stages||i}),this.engine=n.Engine.create(),this.render=n.Render.create({element:this.container,engine:this.engine,options:{width:this.width,height:this.height,wireframes:!1,background:"#1a1a1a"}}),this.runner=n.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&&n.Body.rotate(t,45*(Math.PI/180))}initWorld(){const{width:t,height:e}=this,i=60,s=n.Bodies.rectangle(t/2,e-i/2,t,i,{isStatic:!0,render:{fillStyle:"#333"}});n.Composite.add(this.engine.world,[s])}initMouse(){const t=n.Mouse.create(this.render.canvas);this.mouseConstraint=n.MouseConstraint.create(this.engine,{mouse:t,constraint:{stiffness:.2,render:{visible:!1}}}),n.Composite.add(this.engine.world,this.mouseConstraint),this.render.mouse=t}start(){n.Render.run(this.render),n.Runner.run(this.runner,this.engine)}stop(){n.Render.stop(this.render),n.Runner.stop(this.runner)}initRenderLoop(){n.Events.on(this.render,"afterRender",()=>{const t=this.render.context,e=this.width/2,i=400,s=700,a=100,o={x:e-i/2,y:a,w:i,h:this.height-a},h={x:e-s/2,y:a-50,w:s,h:this.height-a+100};if(t.beginPath(),t.setLineDash([10,10]),t.lineWidth=2,t.strokeStyle="rgba(255, 255, 255, 0.3)",t.strokeRect(o.x,o.y,o.w,o.h),t.font='10px "Inter", sans-serif',t.fillStyle="rgba(255, 255, 255, 0.3)",t.textAlign="center",t.fillText("ACCURATE VALUATION ZONE",e,o.y-15),!this.currentQuote){const u=[{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=u[Math.floor(Math.random()*u.length)]}t.save(),t.translate(e,o.y+o.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 p=this.currentQuote.text.split(`
+`);p.forEach((u,r)=>t.fillText(u,0,r*50)),t.font='italic 700 24px "Inter", sans-serif',t.fillStyle="rgba(255, 255, 255, 0.04)",t.fillText(this.currentQuote.author,0,p.length*50+10),t.restore(),t.beginPath(),t.setLineDash([]),t.lineWidth=1,t.strokeStyle="rgba(255, 50, 50, 0.2)",t.strokeRect(h.x,h.y,h.w,h.h),t.font='bold 13px "Inter", sans-serif',t.textAlign="center",t.textBaseline="middle",t.fillStyle="#FFFFFF",this.engine.world.bodies.forEach(u=>{if(!u.label||u.label.includes("Body")||u.isStatic)return;const r=u.gameData,m=r&&r.vested;t.save(),t.translate(u.position.x,u.position.y),t.rotate(u.angle),m?(t.shadowColor="#00ff7f",t.shadowBlur=10,t.fillStyle="#00ff7f",t.fillText(u.label+" ✓",0,0)):(t.shadowColor="black",t.shadowBlur=4,t.fillStyle="#FFFFFF",t.fillText(u.label,0,0)),t.restore()})})}initGameLoop(){n.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(a=>{if(a.isStatic)return;const o=a.gameData;if(Math.abs(a.position.x-e)>s/2||a.position.y>this.height+50){n.Composite.remove(this.engine.world,a);const p=["VC Scolding!","Server Outage!","GDPR Violation!","TechCrunch Hit Piece!","IP Lawsuit!"];this.gameState.penalty(5e4,p[Math.floor(Math.random()*p.length)]);return}if(o&&!o.vested){const p=a.speed<.15&&Math.abs(a.angularVelocity)<.05,u=Math.abs(a.position.x-e)<i/2;p&&u?(o.vestTimer+=this.runner.delta,o.vestTimer>1e3&&(o.vested=!0,this.gameState.addValuation(o.value))):o.vestTimer=0}})})}triggerChaosEvent(){var e,i,s,a,o;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=.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(r=>{r.isStatic||(r.oldFriction=r.friction,r.friction=0,r.frictionStatic=0)}),setTimeout(()=>{this.engine.world.bodies.forEach(r=>{r.isStatic||(r.friction=r.oldFriction||.1,r.frictionStatic=.5)})},5e3);break;case 2:(s=this.onCrisis)==null||s.call(this,"LEGACY DEPRECATION","CTO: 'Deprecating v1 API!' (Ghost Blocks)");const h=this.engine.world.bodies.filter(r=>!r.isStatic);if(h.length>3){const r=h[Math.floor(Math.random()*h.length)];r.isSensor=!0,setTimeout(()=>{r.isSensor=!1},4e3)}break;case 3:(a=this.onCrisis)==null||a.call(this,"FEATURE CREEP","PM: 'Just one more feature...' (1.2x Scaling)"),this.engine.world.bodies.forEach(r=>{r.isStatic||n.Body.scale(r,1.2,1.2)});break;case 4:(o=this.onCrisis)==null||o.call(this,"VIRAL SPIKE","DevOps: 'Traffic Spike!' (Earthquake)");let p=0;const u=setInterval(()=>{this.engine.world.bodies.forEach(r=>{r.isStatic||n.Body.applyForce(r,r.position,{x:(Math.random()-.5)*.05,y:(Math.random()-.5)*.05})}),++p>20&&clearInterval(u)},100);break}}toggleRotation(){this.spawnVertical=!this.spawnVertical}spawnBlock(t){if(!this.gameState.isPlaying())return;if(Math.random()<1/15){const a=[d.SLACKER,d.CONTROL_FREAK,d.PRIMA_DONNA,d.QUIET_QUITTER,d.SLACK_SPAMMER];t=a[Math.floor(Math.random()*a.length)]}t===d.BOOTSTRAP?this.gameState.spendMoney(5e3):t===d.VC&&this.gameState.addMoney(75e3);const e=this.width/2+(Math.random()-.5)*40,i=v(e,S,t);let s=this.spawnVertical?90*(Math.PI/180):0;t===d.VC&&(s+=(Math.random()-.5)*(30*(Math.PI/180))),n.Body.setAngle(i,s),i.gameData={type:t,value:t===d.VC?5e7:t===d.BOOTSTRAP?5e6:0,vested:!1,vestTimer:0},n.Composite.add(this.engine.world,i)}}const S=100;class x{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(d.BOOTSTRAP);const i=document.createElement("button");i.className="uj-btn uj-btn-hype",i.innerText=`Hype Up
+(Grants $75k)`,i.onclick=()=>this.options.onSpawn(d.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=f[d.BOOTSTRAP].possibleLabels)==null||i.forEach(a=>{const o=document.createElement("li");o.textContent=a,t.appendChild(o)}),(s=f[d.VC].possibleLabels)==null||s.forEach(a=>{const o=document.createElement("li");o.textContent=a,e.appendChild(o)}))}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}),a=t.isBankrupt()?"uj-stat-value danger":"uj-stat-value",o=t.getNextStageThreshold(),h=o>0?`<small style="font-size:12px; opacity:0.7">Next: ${i.format(o)}</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>
+        ${h}
+      </div>
+      
+      <div class="uj-stat-label">Runway</div>
+      <div class="${a}">${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="",a="",o="#fff";switch(t){case"bankrupt":s="HONEST POOR",a="You ran out of runway. The market did not love you.",o="#ff4444";break;case"collapsed":s="SCANDAL!",a="Your tower of lies has collapsed. TechCrunch is mocking you.",o="#ffaa00";break;case"exited":s="VISIONARY FRAUD",a=`You exited with $${(e/1e6).toFixed(1)}M! You are a genius.`,o="#00ff7f";break}i.innerHTML=`
+      <h1 style="font-size: 48px; color: ${o}; margin-bottom: 10px;">${s}</h1>
+      <p style="font-size: 18px; color #ccc; max-width: 400px; text-align: center;">${a}</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 k{constructor(t,e={}){l(this,"game");l(this,"ui");this.game=new b(t,{...e,onCrisis:(i,s)=>this.ui.showCrisisAlert(i,s)}),this.ui=new x(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()}}g.PreMortem=k,g.PreMortemGame=b,g.UIManager=x,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})});

package/index.html

@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Pre-Mortem - The Exit Simulator</title>
+    <style>
+      body {
+        margin: 0;
+        padding: 0;
+        background: #000;
+        color: #fff;
+        font-family: sans-serif;
+        overflow: hidden;
+      }
+      #app {
+        width: 100vw;
+        height: 100vh;
+        position: relative;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module">
+      import { PreMortem } from './src/index.ts';
+
+      const app = document.getElementById('app');
+      // Example Logo: using a placeholder or local asset
+      // For demo, we leave it empty or use a placeholder
+      const game = new PreMortem(app, {
+        logoUrl: './logo.png', // Local logo
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+      game.start();
+    </script>
+  </body>
+</html>

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "pre-mortem",
+  "version": "0.1.0",
+  "description": "The Exit Simulator: A satirical startup physics game",
+  "main": "dist/pre-mortem.umd.js",
+  "module": "dist/pre-mortem.mjs",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && tsc --emitDeclarationOnly --outDir dist",
+    "preview": "vite preview"
+  },
+  "keywords": [
+    "game",
+    "satire",
+    "physics",
+    "matter-js"
+  ],
+  "author": "Boobs",
+  "license": "ISC",
+  "dependencies": {
+    "matter-js": "^0.20.0"
+  },
+  "devDependencies": {
+    "@types/matter-js": "^0.19.0",
+    "@types/node": "^25.0.3",
+    "typescript": "^5.0.0",
+    "vite": "^5.0.0"
+  }
+}