[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_23":24,"_25":26,"_27":21,"_28":21,"_29":21,"_30":21,"_31":21,"_32":21,"_33":34},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":-7,"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":21},"sharedTextdocId","69e568a7156881918f30439118692127","versionInt","title","Copy of Startup Simulator Preview","type","code/react","content","import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';\nimport { Button } from '@/components/ui/button';\nimport { Badge } from '@/components/ui/badge';\nimport { Progress } from '@/components/ui/progress';\nimport {\n RotateCcw,\n Trophy,\n Skull,\n ChevronRight,\n TrendingUp,\n Shield,\n Coins,\n Users,\n Siren,\n Check,\n X,\n Crown,\n Lock,\n} from 'lucide-react';\n\ntype Effect = {\n money: number;\n marketing: number;\n ip: number;\n competition: number;\n customerService: number;\n};\n\ntype Choice = {\n label: string;\n effect: Effect;\n feedback: string;\n next: string;\n};\n\ntype NodeType = {\n stage: string;\n week: string;\n text: string;\n choices: Choice[];\n};\n\ntype HistoryItem = {\n stage: string;\n label: string;\n feedback: string;\n rating: 'good' | 'ok' | 'bad';\n};\n\ntype MinigameState = null | {\n type: 'validation' | 'pitch';\n phase?: number;\n phase1Result?: number | null;\n question?: string;\n helper?: string;\n questionPhase2?: string;\n helperPhase2?: string;\n optionsPhase1?: { text: string; correct: boolean }[];\n options?: { text: string; correct: boolean }[];\n};\n\ntype GameState = {\n startedAt: number | null;\n endedAt: number | null;\n upcomingPath: string[];\n screen: 'intro' | 'game';\n money: number;\n marketing: number;\n ip: number;\n competition: number;\n customerService: number;\n unstableChoices: number;\n dangerReturnId: string;\n currentId: string;\n history: HistoryItem[];\n path: string[];\n goldNodeResults: Record;\n gameOver: boolean;\n win: boolean;\n founderType: string;\n endingReason: string;\n endingTitle: string;\n minigame: MinigameState;\n pitchMarker: number;\n pitchDirection: number;\n};\n\nconst initialState: GameState = {\n startedAt: null,\n endedAt: null,\n upcomingPath: [],\n screen: 'intro',\n money: 55,\n marketing: 20,\n ip: 10,\n competition: 20,\n customerService: 15,\n unstableChoices: 0,\n dangerReturnId: 'business',\n currentId: 'hobby',\n history: [],\n path: ['hobby'],\n goldNodeResults: {},\n gameOver: false,\n win: false,\n founderType: '',\n endingReason: '',\n endingTitle: '',\n minigame: null,\n pitchMarker: 10,\n pitchDirection: 1,\n};\n\nconst clamp = (n: number) => Math.max(0, Math.min(100, n));\n\nconst evaluateChoice = (effect: Effect): 'good' | 'ok' | 'bad' => {\n const score =\n effect.money * 0.6 +\n effect.marketing * 1.1 +\n effect.ip * 0.9 +\n effect.customerService * 1.1 -\n effect.competition * 1.15;\n if (score > 6) return 'good';\n if (score < -6) return 'bad';\n return 'ok';\n};\n\nconst ratingStyles = {\n good: {\n text: 'text-green-300',\n button: 'border-green-400 bg-[#123524] ring-2 ring-green-300',\n pill: 'bg-[#173327] text-[#7dffb1] border-[#7dffb1]',\n label: 'Good move',\n },\n ok: {\n text: 'text-yellow-300',\n button: 'border-yellow-400 bg-[#3a3314] ring-2 ring-yellow-300',\n pill: 'bg-[#3a3314] text-[#ffe66d] border-[#ffe66d]',\n label: 'Playable move',\n },\n bad: {\n text: 'text-red-300',\n button: 'border-red-400 bg-[#35161d] ring-2 ring-red-300',\n pill: 'bg-[#3a161d] text-[#ff8d8d] border-[#ff8d8d]',\n label: 'Danger move',\n },\n} as const;\n\nconst getStatTone = (_key: string, rawValue: number) => {\n if (rawValue >= 67) return 'green';\n if (rawValue >= 34) return 'yellow';\n return 'red';\n};\n\nconst statToneClasses = {\n green: {\n text: 'text-green-300',\n chip: 'bg-[#123524] border-green-200',\n bar: 'bg-[#111633] [&>div]:bg-green-500',\n },\n yellow: {\n text: 'text-yellow-300',\n chip: 'bg-[#3a3314] border-yellow-200',\n bar: 'bg-[#111633] [&>div]:bg-yellow-500',\n },\n red: {\n text: 'text-red-300',\n chip: 'bg-[#35161d] border-red-200',\n bar: 'bg-[#111633] [&>div]:bg-red-500',\n },\n};\n\nconst statMeta = {\n money: { label: 'Money', icon: Coins, positive: true },\n marketing: { label: 'Marketing', icon: TrendingUp, positive: true },\n ip: { label: 'IP', icon: Shield, positive: true },\n competition: { label: 'Market Opportunity', icon: Siren, positive: true },\n customerService: { label: 'Customer Service', icon: Users, positive: true },\n};\n\nconst GOLD_NODES = new Set(['idea', 'pitch']);\nconst DANGER_NODES = new Set([\n 'danger_validation_1',\n 'danger_validation_2A',\n 'danger_validation_2B',\n 'danger_validation_2C',\n 'danger_validation_3',\n]);\n\nconst validationMinigame = {\n type: 'validation' as const,\n phase: 1,\n question: 'Where do you find people to interview?',\n helper: 'Pick 3 sources that actually represent your target customer.',\n optionsPhase1: [\n { text: 'Friends', correct: false },\n { text: 'Family', correct: false },\n { text: 'Competitors’ customers', correct: true },\n { text: 'Target market on Discord/Reddit', correct: true },\n { text: 'Local musicians', correct: true },\n ],\n questionPhase2: 'Pick the 3 best customer interview questions',\n helperPhase2: 'Choose questions that reveal real behavior and pain.',\n options: [\n { text: 'How much would you pay?', correct: false },\n { text: 'What problems do you have with your current solution?', correct: true },\n { text: 'Would you buy this product?', correct: false },\n { text: 'When was the last time you experienced this problem?', correct: true },\n { text: 'What have you tried before?', correct: true },\n { text: 'Do you like this idea?', correct: false },\n { text: 'If this fails, can I still tell people you believed in me?', correct: false },\n ],\n successNext: 'business',\n};\n\nconst pitchMinigame = {\n type: 'pitch' as const,\n question: 'Stop the pitch meter inside the green zone',\n helper:\n 'Too far left = painfully vague. Too far right = a five-minute monologue about capacitor tolerances. Land in the middle to sound sharp, clear, and credible.',\n explanation:\n 'A strong pitch balances clarity, credibility, and excitement. If you are too vague, nobody understands the value. If you are too technical, the room mentally leaves the building.',\n successNext: 'ip_entry',\n};\n\nconst nodes: Record = {\n danger_validation_1: {\n stage: 'Validation Danger',\n week: 'Week 3',\n text: 'You move forward with OnlyPedal, but early users do not really get it. Some say it sounds cool, but not useful. You now need to decide how to react to weak validation.',\n choices: [\n { label: 'Double down and push marketing harder', effect: { money: -5, marketing: 8, ip: 0, competition: 5, customerService: -5 }, feedback: 'You bought attention before you earned understanding. That can create a short-lived illusion of traction.', next: 'danger_validation_2A' },\n { label: 'Go back and interview real users properly', effect: { money: -4, marketing: 2, ip: 0, competition: 0, customerService: 5 }, feedback: 'Painful, but smart. Going backward for better signal can save a company from building the wrong thing.', next: 'danger_validation_2B' },\n { label: 'Pivot the product into something adjacent', effect: { money: -6, marketing: 3, ip: -3, competition: -2, customerService: 0 }, feedback: 'Pivoting sounds bold, but without clarity it can turn one unclear startup into two.', next: 'danger_validation_2C' },\n ],\n },\n danger_validation_2A: {\n stage: 'Validation Danger',\n week: 'Week 3',\n text: 'Your ads perform well at first. People click. Curiosity rises. But conversions stay weak and confused comments start piling up.',\n choices: [\n { label: 'Keep scaling ads anyway', effect: { money: -8, marketing: 5, ip: 0, competition: 4, customerService: -8 }, feedback: 'You amplified a weak message. Scaling confusion is still confusion.', next: 'danger_validation_3' },\n { label: 'Pause and fix the product story', effect: { money: -3, marketing: 1, ip: 0, competition: -1, customerService: 4 }, feedback: 'Good recovery instinct. When the message is failing, more spend is rarely the answer.', next: 'danger_validation_2B' },\n { label: 'Blame the audience for not being visionary enough', effect: { money: -2, marketing: -1, ip: 0, competition: 2, customerService: -6 }, feedback: 'Founders who insult the market usually do not get a second market.', next: 'danger_validation_3' },\n ],\n },\n danger_validation_2B: {\n stage: 'Validation Recovery',\n week: 'Week 4',\n text: 'You go back to real users and listen more carefully. This time, you hear repeated complaints and clearer language about what actually matters.',\n choices: [\n { label: 'Focus the product around the repeated pain point', effect: { money: -2, marketing: 5, ip: 0, competition: -3, customerService: 6 }, feedback: 'This is the comeback path. Clarity from users often beats confidence from founders.', next: 'business' },\n { label: 'Split the product into two versions immediately', effect: { money: -5, marketing: 2, ip: 1, competition: 1, customerService: -2 }, feedback: 'Tempting, but adding complexity before core fit is proven often weakens both versions.', next: 'danger_validation_3' },\n { label: 'Keep the original idea but rewrite the story', effect: { money: -1, marketing: 4, ip: 0, competition: 0, customerService: 2 }, feedback: 'Sometimes the product is fine and the framing is the real problem. This can work if the pain is still real.', next: 'business' },\n ],\n },\n danger_validation_2C: {\n stage: 'Validation Danger',\n week: 'Week 4',\n text: 'You pivot quickly into a neighboring idea. It sounds fresh, but now your story is blurry and your early signal is harder to trust.',\n choices: [\n { label: 'Commit fully to the new idea', effect: { money: -5, marketing: 3, ip: -2, competition: 1, customerService: -3 }, feedback: 'A pivot can save a startup, but a vague pivot usually just relocates the confusion.', next: 'danger_validation_3' },\n { label: 'Return to the original idea with better validation', effect: { money: -3, marketing: 2, ip: 0, competition: -1, customerService: 4 }, feedback: 'Good reset. The original opportunity may still work if you understand it properly this time.', next: 'danger_validation_2B' },\n { label: 'Tell everyone you are now an AI company somehow', effect: { money: -1, marketing: 4, ip: 0, competition: 5, customerService: -4 }, feedback: 'This may improve your buzzword score, but not necessarily your product clarity.', next: 'danger_validation_3' },\n ],\n },\n danger_validation_3: {\n stage: 'Validation Danger',\n week: 'Week 5',\n text: 'Time and money are running thin. You still have a shot, but this is close to becoming a slow-motion startup death spiral.',\n choices: [\n { label: 'Focus on one clear customer problem and cut distractions', effect: { money: -2, marketing: 4, ip: 0, competition: -2, customerService: 5 }, feedback: 'This is the disciplined move. Narrowing down can rescue a messy startup.', next: 'business' },\n { label: 'Keep experimenting randomly until something feels lucky', effect: { money: -6, marketing: 1, ip: 0, competition: 4, customerService: -5 }, feedback: 'Random motion can feel productive, but it rarely compounds into signal.', next: 'ending' },\n { label: 'Consult a mentor who tells you what you should have done two weeks ago', effect: { money: 0, marketing: 2, ip: 0, competition: -1, customerService: 3 }, feedback: 'The mentor points out that weak validation usually comes from talking to the wrong people and asking the wrong questions.', next: 'business' },\n ],\n },\n hobby: {\n stage: 'Hobby',\n week: 'Week 0',\n text: 'You have an idea for OnlyPedal. What do you do first?',\n choices: [\n { label: 'Start building immediately', effect: { money: -5, marketing: 1, ip: 6, competition: 4, customerService: 0 }, feedback: 'You moved fast, but skipped validation. This can work—but it increases risk.', next: 'idea' },\n { label: 'Research the problem before building anything', effect: { money: -1, marketing: 6, ip: 0, competition: -3, customerService: 5 }, feedback: 'You focused on understanding pain first. This builds stronger foundations.', next: 'idea' },\n { label: 'Ask friends if it sounds cool', effect: { money: 0, marketing: 2, ip: 0, competition: 2, customerService: -2 }, feedback: 'Feels like validation, but it’s mostly politeness. Weak signal.', next: 'idea' },\n ],\n },\n idea: {\n stage: 'Validation',\n week: 'Week 2',\n text: 'How do you validate whether people actually want OnlyPedal?',\n choices: [\n { label: 'Interview 20 target users', effect: { money: -3, marketing: 7, ip: 0, competition: -4, customerService: 5 }, feedback: 'Strong approach—but only if you ask the right questions. Bad questions still give bad validation.', next: 'MINIGAME_VALIDATION' },\n { label: 'Run ads to test if people click or sign up', effect: { money: -6, marketing: 8, ip: -1, competition: 4, customerService: 1 }, feedback: 'This can reveal real interest quickly, but it’s expensive and can mislead if your messaging is off.', next: 'business' },\n { label: 'Ask people if they would buy it', effect: { money: 0, marketing: 2, ip: 0, competition: 2, customerService: -3 }, feedback: 'This feels like validation, but people often say yes to be nice. Hypothetical answers are unreliable.', next: 'business' },\n ],\n },\n business: {\n stage: 'Business Plan',\n week: 'Week 4',\n text: 'You need a simple plan before moving forward. What do you focus on?',\n choices: [\n { label: 'Build a full detailed business plan covering everything', effect: { money: 2, marketing: 1, ip: 0, competition: 0, customerService: 1 }, feedback: 'Looks professional, but most is guesswork right now. Risk of overplanning.', next: 'resources' },\n { label: 'Focus only on costs and margins', effect: { money: 5, marketing: 0, ip: 0, competition: 0, customerService: -1 }, feedback: 'Important, but ignores whether people actually want it.', next: 'resources' },\n { label: 'Answer only: who pays, and why?', effect: { money: 3, marketing: 6, ip: 0, competition: -2, customerService: 3 }, feedback: 'This is the core of a real business. Everything flows from this.', next: 'resources' },\n ],\n },\n resources: {\n stage: 'Execution',\n week: 'Week 5',\n text: 'You hit a technical roadblock building OnlyPedal. What do you do?',\n choices: [\n { label: 'Figure it out alone', effect: { money: -3, marketing: 0, ip: 2, competition: 2, customerService: -1 }, feedback: 'You made progress, but slowly. You ignored available leverage.', next: 'simplicity' },\n { label: 'Use AI + YouTube to solve it', effect: { money: -1, marketing: 2, ip: 4, competition: -1, customerService: 1 }, feedback: 'Fast and efficient. AI dramatically reduces iteration time.', next: 'simplicity' },\n { label: 'Ask niche Discord communities', effect: { money: 0, marketing: 3, ip: 3, competition: -2, customerService: 3 }, feedback: 'High leverage move. You tapped into people already solving similar problems.', next: 'simplicity' },\n ],\n },\n simplicity: {\n stage: 'Product Scope',\n week: 'Week 5',\n text: 'You are finalizing the MVP. How much do you include in version one?',\n choices: [\n { label: 'Pack in every feature people might ever want', effect: { money: -5, marketing: 1, ip: 1, competition: 1, customerService: -4 }, feedback: 'Feature creep feels ambitious, but it usually makes the product harder to build, explain, and trust.', next: 'pitch' },\n { label: 'Copy the feature set of established competitors', effect: { money: -2, marketing: 1, ip: 0, competition: 3, customerService: 0 }, feedback: 'Safer on paper, but weak differentiation makes it harder to stand out.', next: 'pitch' },\n { label: 'Launch with one killer feature users understand instantly', effect: { money: 2, marketing: 6, ip: 2, competition: -2, customerService: 3 }, feedback: 'This is how novel products become marketable. Simple products are easier to explain, ship, and remember.', next: 'pitch' },\n ],\n },\n pitch: {\n stage: 'Pitch',\n week: 'Week 6',\n text: 'You get to pitch OnlyPedal at a startup event. How do you structure it?',\n choices: [\n { label: 'Start with the customer problem, then show the solution', effect: { money: 4, marketing: 8, ip: 0, competition: -2, customerService: 3 }, feedback: 'Strong framing. Investors understand why the product matters before seeing it.', next: 'MINIGAME_PITCH' },\n { label: 'Open with a live demo of the product', effect: { money: 3, marketing: 6, ip: 1, competition: 1, customerService: 2 }, feedback: 'Engaging, but risky. If people don’t understand the context, the demo can confuse instead of convince.', next: 'MINIGAME_PITCH' },\n { label: 'Lead with market size and big vision', effect: { money: 5, marketing: 5, ip: 0, competition: 2, customerService: 0 }, feedback: 'This can excite investors, but without grounding in the product, it can feel disconnected.', next: 'MINIGAME_PITCH' },\n ],\n },\n ip_entry: {\n stage: 'IP Zone',\n week: 'Week 7',\n text: 'OnlyPedal feels novel. What is your protection strategy before launch?',\n choices: [\n { label: 'Skip IP and move fast', effect: { money: 2, marketing: 4, ip: -5, competition: 4, customerService: 0 }, feedback: 'Speed helps, but you are entering launch with very little protection. Competition risk rises.', next: 'ip_no_protection' },\n { label: 'Trademark the name only', effect: { money: -2, marketing: 2, ip: 3, competition: 1, customerService: 0 }, feedback: 'Better than nothing. Brand protection matters, but it does not really defend the product concept itself.', next: 'ip_claims' },\n { label: 'Trademark the name and file a provisional patent application', effect: { money: -4, marketing: 3, ip: 7, competition: -2, customerService: 0 }, feedback: 'Strong balance. You buy time, signal seriousness, and still keep launch momentum.', next: 'ip_claims' },\n ],\n },\n ip_no_protection: {\n stage: 'IP Zone',\n week: 'Week 7',\n text: 'You chose speed without real protection. A similar product could appear quickly. How do you compensate?',\n choices: [\n { label: 'Double down on brand and audience building', effect: { money: -1, marketing: 5, ip: 0, competition: -1, customerService: 2 }, feedback: 'Good recovery move. If protection is weak, brand and distribution matter even more.', next: 'launch' },\n { label: 'Hope nobody notices the opportunity', effect: { money: 0, marketing: -2, ip: 0, competition: 3, customerService: 0 }, feedback: 'Hope is not a moat. You are now relying on luck instead of strategy.', next: 'launch' },\n { label: 'Race to launch while improving the filing strategy later', effect: { money: 1, marketing: 3, ip: 1, competition: 1, customerService: 0 }, feedback: 'Reasonable, but you are still exposed. Launch speed now becomes critical.', next: 'launch' },\n ],\n },\n ip_claims: {\n stage: 'IP Claims',\n week: 'Week 8',\n text: 'You need to define what you are actually trying to protect. What kind of claims strategy do you pursue?',\n choices: [\n { label: 'Write extremely broad claims that try to own the entire category', effect: { money: -1, marketing: 0, ip: 1, competition: 1, customerService: 0 }, feedback: 'Ambitious, but broad claims are more likely to be challenged or rejected if they are not grounded enough.', next: 'ip_appeal' },\n { label: 'Write narrow claims around your strongest specific implementation', effect: { money: -1, marketing: 0, ip: 5, competition: -1, customerService: 0 }, feedback: 'This is often the strongest early move. Specific, defensible claims are more useful than fantasy territory.', next: 'launch' },\n { label: 'Describe the invention vaguely and trust the lawyer to figure it out later', effect: { money: -2, marketing: 0, ip: -2, competition: 2, customerService: 0 }, feedback: 'Weak input usually creates weak protection. You still need clarity on what the real edge is.', next: 'ip_appeal' },\n ],\n },\n ip_appeal: {\n stage: 'IP Appeal',\n week: 'Week 8',\n text: 'Your initial protection strategy ran into trouble. What do you do next?',\n choices: [\n { label: 'Refine the claims around the strongest real differentiator', effect: { money: -2, marketing: 0, ip: 4, competition: -1, customerService: 0 }, feedback: 'Strong recovery. Good IP usually gets sharper after pressure, not broader.', next: 'launch' },\n { label: 'Abandon the filing and rely purely on first-mover advantage', effect: { money: 1, marketing: 2, ip: -3, competition: 2, customerService: 0 }, feedback: 'Sometimes speed is enough, but now your launch execution must carry much more weight.', next: 'launch' },\n { label: 'Keep arguing for the same weak claims without changing anything', effect: { money: -4, marketing: -1, ip: -1, competition: 2, customerService: 0 }, feedback: 'Stubbornness is not strategy. You burned time without improving the position.', next: 'launch' },\n ],\n },\n launch: {\n stage: 'Launch Strategy',\n week: 'Week 8',\n text: 'How do you test demand and build launch momentum?',\n choices: [\n { label: 'Do a $1 pledge campaign, collect emails and numbers, then warm them up for Kickstarter', effect: { money: 2, marketing: 8, ip: 0, competition: -1, customerService: 3 }, feedback: 'Excellent launch sequencing. You validate demand, build audience, and improve conversion before preorders open.', next: 'investor' },\n { label: 'Skip straight to Kickstarter with no warm audience', effect: { money: 1, marketing: 2, ip: 0, competition: 1, customerService: 0 }, feedback: 'It can work, but you are making the hardest part of launch even harder by starting cold.', next: 'investor' },\n { label: 'Stay secret until everything is perfect', effect: { money: -2, marketing: -2, ip: 1, competition: 2, customerService: 0 }, feedback: 'Perfectionism delays learning. Silence protects the idea a bit, but also starves your launch of momentum.', next: 'investor' },\n ],\n },\n investor: {\n stage: 'Investor',\n week: 'Week 9',\n text: 'An investor is interested. What kind of investor do you want?',\n choices: [\n { label: 'The one offering the most money', effect: { money: 8, marketing: 1, ip: 0, competition: 0, customerService: -1 }, feedback: 'More money helps, but money without alignment or network can become expensive in other ways.', next: 'sourcing' },\n { label: 'Someone with a strong network who will actively help', effect: { money: 5, marketing: 6, ip: 1, competition: -2, customerService: 2 }, feedback: 'This is often the best kind of early investor. Leverage beats cash alone.', next: 'sourcing' },\n { label: 'Reject all investors on principle', effect: { money: -2, marketing: 0, ip: 0, competition: 1, customerService: 0 }, feedback: 'Bootstrapping can be smart, but refusing help blindly can close doors you may actually need.', next: 'sourcing' },\n ],\n },\n sourcing: {\n stage: 'Part Sourcing',\n week: 'Week 10',\n text: 'You need parts for OnlyPedal. How do you source them?',\n choices: [\n { label: 'Use Alibaba/AliExpress, test samples, and verify quality yourself', effect: { money: 6, marketing: 0, ip: 0, competition: -1, customerService: 3 }, feedback: 'This is how many real businesses source. The platform is useful—the key is testing and quality control.', next: 'pricing' },\n { label: 'Buy only from expensive branded resellers', effect: { money: -4, marketing: 0, ip: 0, competition: 0, customerService: 2 }, feedback: 'Safer feeling, but often just higher cost for the same underlying part.', next: 'pricing' },\n { label: 'Order the absolute cheapest parts without testing them', effect: { money: 3, marketing: 0, ip: 0, competition: 1, customerService: -6 }, feedback: 'Cheap parts are not the issue. Untested parts are. Quality failures hit customers first.', next: 'pricing' },\n ],\n },\n pricing: {\n stage: 'Pricing',\n week: 'Week 11',\n text: 'How do you price OnlyPedal?',\n choices: [\n { label: 'Undercut competitors to win buyers fast', effect: { money: -4, marketing: 3, ip: 0, competition: 1, customerService: 1 }, feedback: 'Low prices can create traction, but they also weaken margins and can hurt premium positioning.', next: 'manufacturing' },\n { label: 'Match the market and stay flexible', effect: { money: 2, marketing: 1, ip: 0, competition: 0, customerService: 1 }, feedback: 'Safe and reasonable, but not especially memorable.', next: 'manufacturing' },\n { label: 'Price as a premium product and justify it clearly', effect: { money: 5, marketing: 3, ip: 1, competition: -1, customerService: 2 }, feedback: 'Strong if the positioning is real. Price is part of the brand, not just a number.', next: 'manufacturing' },\n ],\n },\n manufacturing: {\n stage: 'Manufacturing',\n week: 'Week 12',\n text: 'You are ready to produce your first batch. What is your approach?',\n choices: [\n { label: 'Start with a small local batch for control', effect: { money: -3, marketing: 0, ip: 0, competition: 0, customerService: 4 }, feedback: 'Higher cost, but more control. This reduces risk early.', next: 'shipping' },\n { label: 'Use an overseas manufacturer after sample testing', effect: { money: 4, marketing: 0, ip: 0, competition: -1, customerService: 2 }, feedback: 'Strong balance of scale and cost if quality control is real.', next: 'shipping' },\n { label: 'Place a huge first order immediately to maximize margin', effect: { money: 6, marketing: 0, ip: 0, competition: 1, customerService: -4 }, feedback: 'Looks efficient, but one bad assumption can become a warehouse full of regret.', next: 'shipping' },\n ],\n },\n shipping: {\n stage: 'Shipping',\n week: 'Week 13',\n text: 'Orders are coming in. How do you handle shipping?',\n choices: [\n { label: 'Pack and ship everything yourself', effect: { money: 1, marketing: 0, ip: 0, competition: 0, customerService: 2 }, feedback: 'Good for learning and quality control, but it can quickly become a bottleneck.', next: 'customer_issues' },\n { label: 'Use a fulfillment partner once volume is real', effect: { money: 3, marketing: 0, ip: 0, competition: -1, customerService: 3 }, feedback: 'Operational leverage matters. Systems beat heroics over time.', next: 'customer_issues' },\n { label: 'Delay shipments until every little issue is gone', effect: { money: -3, marketing: -1, ip: 0, competition: 1, customerService: -5 }, feedback: 'Perfectionism after purchase usually feels like unreliability to customers.', next: 'customer_issues' },\n ],\n },\n customer_issues: {\n stage: 'Customer Support',\n week: 'Week 14',\n text: 'Early customers report confusion and minor bugs. What do you do?',\n choices: [\n { label: 'Fix the issues and communicate clearly', effect: { money: -2, marketing: 1, ip: 0, competition: -1, customerService: 6 }, feedback: 'Trust compounds when customers feel heard and informed.', next: 'reviews' },\n { label: 'Keep building and deal with support later', effect: { money: 1, marketing: 0, ip: 0, competition: 1, customerService: -5 }, feedback: 'Ignoring support saves time briefly, then costs much more later.', next: 'reviews' },\n { label: 'Assume most issues are user error', effect: { money: 0, marketing: -1, ip: 0, competition: 1, customerService: -6 }, feedback: 'Even when users are wrong, making them feel stupid is usually a losing strategy.', next: 'reviews' },\n ],\n },\n reviews: {\n stage: 'Reviews',\n week: 'Week 15',\n text: 'Reviews start appearing online. How do you respond?',\n choices: [\n { label: 'Encourage honest reviews and learn from them', effect: { money: 1, marketing: 5, ip: 0, competition: -1, customerService: 3 }, feedback: 'Real reviews build credibility and reveal what actually matters to buyers.', next: 'growth' },\n { label: 'Try to manufacture social proof with fake reviews', effect: { money: 1, marketing: 3, ip: 0, competition: 1, customerService: -6 }, feedback: 'Short-term image, long-term trust risk. Reputation games are dangerous.', next: 'growth' },\n { label: 'Ignore reviews and focus only on building', effect: { money: 0, marketing: -2, ip: 0, competition: 0, customerService: -1 }, feedback: 'Missed signal. Reviews are one of the fastest ways to sharpen positioning.', next: 'growth' },\n ],\n },\n growth: {\n stage: 'Growth',\n week: 'Week 16',\n text: 'How do you grow after launch?',\n choices: [\n { label: 'Run paid ads immediately', effect: { money: -4, marketing: 6, ip: 0, competition: 1, customerService: 0 }, feedback: 'Ads can work, but they punish weak positioning fast.', next: 'v2_product' },\n { label: 'Build influencer and creator partnerships', effect: { money: -1, marketing: 7, ip: 0, competition: -1, customerService: 2 }, feedback: 'Strong for a niche product. Distribution through trusted voices can outperform raw ad spend.', next: 'v2_product' },\n { label: 'Wait for purely organic growth', effect: { money: 0, marketing: -3, ip: 0, competition: 1, customerService: 1 }, feedback: 'Sometimes patience is smart, but passivity is not a strategy.', next: 'v2_product' },\n ],\n },\n v2_product: {\n stage: 'Version 2',\n week: 'Week 17',\n text: 'The product is working. What do you do next?',\n choices: [\n { label: 'Add many new features to impress everyone', effect: { money: -3, marketing: 2, ip: 1, competition: 0, customerService: -4 }, feedback: 'Exciting on paper, but product sprawl often confuses both the team and the market.', next: 'competition_event' },\n { label: 'Refine the core experience and remove friction', effect: { money: 2, marketing: 3, ip: 1, competition: -1, customerService: 4 }, feedback: 'Usually the strongest move. Great products often win by getting simpler and sharper.', next: 'competition_event' },\n { label: 'Start a totally new product right away', effect: { money: -2, marketing: 1, ip: 0, competition: 1, customerService: -1 }, feedback: 'Could work, but founders often spread themselves too thin too early.', next: 'competition_event' },\n ],\n },\n competition_event: {\n stage: 'Competition Event',\n week: 'Week 18',\n text: 'A bigger company releases something similar. What is your response?',\n choices: [\n { label: 'Lower price and try to win on cost', effect: { money: -5, marketing: 2, ip: 0, competition: 1, customerService: 0 }, feedback: 'Price wars are hard to win against bigger players.', next: 'partnership' },\n { label: 'Double down on brand, niche, and trust', effect: { money: 1, marketing: 5, ip: 1, competition: -2, customerService: 3 }, feedback: 'Strong move. Features can be copied faster than brand and community.', next: 'partnership' },\n { label: 'Panic and pivot away from your original market', effect: { money: -3, marketing: -1, ip: -1, competition: 2, customerService: -2 }, feedback: 'Sometimes pivoting is smart. Panicking usually is not.', next: 'partnership' },\n ],\n },\n partnership: {\n stage: 'Partnership',\n week: 'Week 19',\n text: 'A company wants to partner with you. How do you handle it?',\n choices: [\n { label: 'Accept immediately because it sounds big', effect: { money: 4, marketing: 3, ip: 0, competition: 0, customerService: -2 }, feedback: 'Partnerships can help, but rushed deals often hide misalignment.', next: 'runway' },\n { label: 'Evaluate fit, incentives, and long-term alignment', effect: { money: 2, marketing: 4, ip: 1, competition: -1, customerService: 2 }, feedback: 'Best practice. Good partnerships multiply strengths instead of distracting from them.', next: 'runway' },\n { label: 'Reject all partnerships to stay fully independent', effect: { money: -1, marketing: 0, ip: 0, competition: 0, customerService: 0 }, feedback: 'Independence has value, but blind rejection can close useful doors.', next: 'runway' },\n ],\n },\n runway: {\n stage: 'Runway',\n week: 'Week 20',\n text: 'Cash is getting tight. What do you do?',\n choices: [\n { label: 'Cut costs aggressively and buy time', effect: { money: 4, marketing: -1, ip: 0, competition: 0, customerService: -1 }, feedback: 'Can be smart if done surgically. Bad cuts can also kill momentum.', next: 'ending' },\n { label: 'Raise capital quickly to extend runway', effect: { money: 6, marketing: 1, ip: 0, competition: 0, customerService: 0 }, feedback: 'Sometimes the right move, but urgency weakens your leverage if the business fundamentals are weak.', next: 'ending' },\n { label: 'Ignore it and hope sales solve the problem', effect: { money: -5, marketing: 0, ip: 0, competition: 1, customerService: -2 }, feedback: 'Hope is not runway. Cash problems rarely improve by being ignored.', next: 'ending' },\n ],\n },\n};\n\nfunction computeFounderType(stats: GameState) {\n const pairs = [\n ['The Marketer', stats.marketing],\n ['The Defender', stats.ip],\n ['The Operator', stats.customerService],\n ['The Financier', stats.money],\n ].sort((a, b) => Number(b[1]) - Number(a[1]));\n return String(pairs[0][0]);\n}\n\nfunction evaluateEnd(stats: GameState) {\n let baseWin = true;\n let baseReason = 'You built a strong early-stage business with healthy fundamentals and a convincing pitch.';\n\n if (stats.money <= 0) {\n baseWin = false;\n baseReason = 'You ran out of money before the business stabilized.';\n } else if (stats.customerService <= 0) {\n baseWin = false;\n baseReason = 'Customer trust collapsed because service and reputation broke down.';\n } else if (stats.competition >= 100) {\n baseWin = false;\n baseReason = 'Competition moved faster and overtook your position in the market.';\n } else {\n const score = stats.money + stats.marketing + stats.ip + stats.customerService - stats.competition;\n if (score < 125) {\n baseWin = false;\n baseReason = 'The business made progress, but weak fundamentals eventually caught up.';\n }\n }\n\n const choiceHistory = stats.history.filter((item) => !item.stage.includes('Minigame'));\n const allGoodChoices = choiceHistory.length > 0 && choiceHistory.every((item) => item.rating === 'good');\n const badRatio = stats.history.length > 0 ? stats.history.filter((item) => item.rating === 'bad').length / stats.history.length : 0;\n const hitBothMinigames = stats.goldNodeResults.idea === 'hit' && stats.goldNodeResults.pitch === 'hit';\n const visitedDanger = stats.path.some((id) => DANGER_NODES.has(id));\n\n if (baseWin && allGoodChoices && hitBothMinigames && !visitedDanger) {\n return {\n win: true,\n title: 'The Real Founder',\n reason: 'You did not just survive. You stacked sharp decisions, nailed both key moments, and never needed the danger route. Most founders guess. You listened, simplified, and executed.',\n };\n }\n\n if (baseWin && visitedDanger) {\n return {\n win: true,\n title: 'Danger Route Legend',\n reason: 'You hit the danger route, absorbed the warning, and still recovered into a win. Most runs die there. Yours did not.',\n };\n }\n\n if (!baseWin && badRatio >= 0.7) {\n return {\n win: false,\n title: 'The Anti-Founder',\n reason: 'You built vibes, not a business. The run leaned on guessing, overbuilding, and avoidable mistakes until the company finally folded.',\n };\n }\n\n return {\n win: baseWin,\n title: baseWin ? 'Startup Survived' : 'Startup Failed',\n reason: baseReason,\n };\n}\n\nfunction getDeltaItems(effect: Effect) {\n return Object.entries(effect)\n .filter(([, v]) => v !== 0)\n .map(([key, value]) => {\n const meta = statMeta[key as keyof typeof statMeta];\n const isPositiveOutcome = meta ? (meta.positive ? value > 0 : value < 0) : value > 0;\n return {\n key,\n label: meta?.label || key,\n Icon: meta?.icon || TrendingUp,\n value,\n display: `${value > 0 ? '+' : ''}${value}`,\n tone: isPositiveOutcome ? 'good' : 'bad',\n };\n });\n}\n\nfunction playTone(type: 'good' | 'ok' | 'bad') {\n try {\n const AudioCtx = window.AudioContext || (window as any).webkitAudioContext;\n if (!AudioCtx) return;\n const ctx = new AudioCtx();\n const oscillator = ctx.createOscillator();\n const gain = ctx.createGain();\n const config = {\n good: { freq: 620, duration: 0.14 },\n ok: { freq: 420, duration: 0.12 },\n bad: { freq: 240, duration: 0.18 },\n }[type];\n oscillator.type = 'square';\n oscillator.frequency.value = config.freq;\n gain.gain.value = 0.0001;\n oscillator.connect(gain);\n gain.connect(ctx.destination);\n const now = ctx.currentTime;\n gain.gain.exponentialRampToValueAtTime(0.08, now + 0.01);\n gain.gain.exponentialRampToValueAtTime(0.0001, now + config.duration);\n oscillator.start(now);\n oscillator.stop(now + config.duration + 0.02);\n } catch {\n // ignore preview audio errors\n }\n}\n\nfunction NodeDot({ type, active, result }: { type: 'gold' | 'danger' | 'blue'; active: boolean; result?: string }) {\n const base = 'relative w-4 h-4 border-2';\n const color = type === 'gold'\n ? 'bg-yellow-300 border-yellow-600'\n : type === 'danger'\n ? 'bg-pink-400 border-red-600'\n : 'bg-cyan-300 border-blue-600';\n const activeRing = active ? 'ring-2 ring-black' : '';\n return (\n

\n {type === 'gold' && result === 'hit' && }\n {type === 'gold' && result === 'miss' && }\n

\n );\n}\n\nfunction StartupModeCard({ title, subtitle, locked = false, onClick }: { title: string; subtitle: string; locked?: boolean; onClick?: () => void }) {\n return (\n \n

{title}

{subtitle}

\n {locked && }\n

\n \n );\n}\n\nexport default function StartupSimulatorPreview() {\n const musicCtxRef = useRef(null);\n const musicTimerRef = useRef(null);\n const musicMasterRef = useRef(null);\n const [musicVolume, setMusicVolume] = useState(65);\n\n const startSynthMusic = () => {\n try {\n const AudioCtx = window.AudioContext || (window as any).webkitAudioContext;\n if (!AudioCtx) return;\n if (!musicCtxRef.current) musicCtxRef.current = new AudioCtx();\n const ctx = musicCtxRef.current;\n\n if (musicTimerRef.current) return;\n if (ctx.state === 'suspended') {\n ctx.resume().catch(() => {});\n }\n\n const master = ctx.createGain();\n master.gain.value = musicVolume / 100;\n master.connect(ctx.destination);\n musicMasterRef.current = master;\n\n const padGain = ctx.createGain();\n padGain.gain.value = 0.22;\n padGain.connect(master);\n\n const leadGain = ctx.createGain();\n leadGain.gain.value = 0.18;\n leadGain.connect(master);\n\n const bassGain = ctx.createGain();\n bassGain.gain.value = 0.24;\n bassGain.connect(master);\n\n const chords = [\n [220.0, 277.18, 329.63],\n [196.0, 246.94, 293.66],\n [174.61, 220.0, 261.63],\n [196.0, 246.94, 293.66],\n [220.0, 261.63, 329.63],\n [164.81, 220.0, 261.63],\n [174.61, 220.0, 293.66],\n [196.0, 246.94, 329.63],\n ];\n\n const bassline = [110.0, 98.0, 87.31, 98.0, 110.0, 82.41, 87.31, 98.0];\n const melody = [659.25, 587.33, 523.25, 587.33, 659.25, 783.99, 698.46, 587.33];\n\n let step = 0;\n const stepMs = 650;\n\n const playVoice = (freq: number, duration: number, type: OscillatorType, gainNode: GainNode, attack = 0.03, release = 0.18) => {\n const osc = ctx.createOscillator();\n const gain = ctx.createGain();\n osc.type = type;\n osc.frequency.value = freq;\n gain.gain.value = 0.0001;\n osc.connect(gain);\n gain.connect(gainNode);\n\n const now = ctx.currentTime;\n gain.gain.exponentialRampToValueAtTime(0.9, now + attack);\n gain.gain.exponentialRampToValueAtTime(0.0001, now + duration + release);\n\n osc.start(now);\n osc.stop(now + duration + release + 0.02);\n };\n\n const playChord = (frequencies: number[]) => {\n frequencies.forEach((freq, idx) => {\n playVoice(freq, 0.48, idx === 0 ? 'triangle' : 'sine', padGain, 0.08, 0.28);\n });\n };\n\n const tick = () => {\n const chord = chords[step % chords.length];\n const bass = bassline[step % bassline.length];\n const note = melody[step % melody.length];\n\n playChord(chord);\n playVoice(bass, 0.32, 'triangle', bassGain, 0.02, 0.16);\n\n if (step % 2 === 0) {\n playVoice(note, 0.18, 'sine', leadGain, 0.015, 0.12);\n } else {\n playVoice(note * 0.5, 0.16, 'sine', leadGain, 0.015, 0.1);\n }\n\n step += 1;\n };\n\n tick();\n musicTimerRef.current = window.setInterval(tick, stepMs);\n } catch {}\n };\n\n const stopSynthMusic = () => {\n if (musicTimerRef.current) {\n clearInterval(musicTimerRef.current);\n musicTimerRef.current = null;\n }\n if (musicMasterRef.current) {\n try {\n musicMasterRef.current.disconnect();\n } catch {}\n musicMasterRef.current = null;\n }\n };\n\n useEffect(() => {\n if (musicMasterRef.current && musicCtxRef.current) {\n const now = musicCtxRef.current.currentTime;\n musicMasterRef.current.gain.cancelScheduledValues(now);\n musicMasterRef.current.gain.linearRampToValueAtTime(musicVolume / 100, now + 0.08);\n }\n }, [musicVolume]);\n\n useEffect(() => {\n return () => {\n stopSynthMusic();\n if (musicCtxRef.current && musicCtxRef.current.state !== 'closed') {\n musicCtxRef.current.close().catch(() => {});\n }\n };\n }, []);\n\n const buildUpcomingPath = (startId: string) => {\n const preview: string[] = [];\n let current: string | undefined = startId;\n let guard = 0;\n while (current && current !== 'ending' && nodes[current] && guard < 4) {\n preview.push(current);\n const firstChoice = nodes[current].choices?.[0];\n if (!firstChoice || String(firstChoice.next).startsWith('MINIGAME_')) break;\n current = firstChoice.next;\n guard += 1;\n }\n return preview;\n };\n\n const [state, setState] = useState(initialState);\n const [feedback, setFeedback] = useState('Choose a path and build your startup.');\n const [rating, setRating] = useState(null);\n const [selectedChoice, setSelectedChoice] = useState(null);\n const [deltaItems, setDeltaItems] = useState([]);\n const [selectedMinigame, setSelectedMinigame] = useState([]);\n const [lastChoices, setLastChoices] = useState([]);\n const [lastSelectedChoice, setLastSelectedChoice] = useState(null);\n const [lastChoiceRatings, setLastChoiceRatings] = useState>({});\n const [pendingDeltaMap, setPendingDeltaMap] = useState>({});\n const [pendingNextState, setPendingNextState] = useState(null);\n const lockRef = useRef(false);\n const minigameRef = useRef(null);\n\n const node = nodes[state.currentId];\n\n const shuffledChoices = useMemo(() => {\n if (!node?.choices) return [];\n const arr = [...node.choices];\n for (let i = arr.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [arr[i], arr[j]] = [arr[j], arr[i]];\n }\n return arr;\n }, [state.currentId, node?.choices]);\n\n useEffect(() => {\n if (!state.minigame) return;\n const t = window.setTimeout(() => {\n minigameRef.current?.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }, 100);\n return () => window.clearTimeout(t);\n }, [state.minigame]);\n\n useEffect(() => {\n if (!state.minigame || state.minigame.type !== 'pitch') return;\n const interval = window.setInterval(() => {\n setState((prev) => {\n if (!prev.minigame || prev.minigame.type !== 'pitch') return prev;\n let nextMarker = prev.pitchMarker + prev.pitchDirection * 6;\n let nextDirection = prev.pitchDirection;\n if (nextMarker >= 96) {\n nextMarker = 96;\n nextDirection = -1;\n }\n if (nextMarker <= 4) {\n nextMarker = 4;\n nextDirection = 1;\n }\n return { ...prev, pitchMarker: nextMarker, pitchDirection: nextDirection };\n });\n }, 90);\n return () => window.clearInterval(interval);\n }, [state.minigame]);\n\n const formatPlayTime = (ms: number) => {\n const totalSeconds = Math.max(0, Math.floor(ms / 1000));\n const minutes = Math.floor(totalSeconds / 60);\n const seconds = totalSeconds % 60;\n return `${minutes}:${String(seconds).padStart(2, '0')}`;\n };\n\n const playTimeMs = useMemo(() => {\n if (!state.startedAt) return 0;\n const end = state.endedAt ?? Date.now();\n return Math.max(0, end - state.startedAt);\n }, [state.startedAt, state.endedAt]);\n\n const scorePercent = useMemo(() => {\n const scorable = state.history.filter((h) => !h.stage.includes('Minigame'));\n const total = scorable.length;\n if (total === 0) return 0;\n\n const perfect = scorable.filter((h) => {\n const nodeEntry = Object.values(nodes).find((n) => n.stage === h.stage && n.choices.some((choice) => choice.label === h.label));\n if (!nodeEntry) return h.rating === 'good';\n const availableRatings = nodeEntry.choices.map((choice) => evaluateChoice(choice.effect));\n const hasGoodOption = availableRatings.includes('good');\n return hasGoodOption ? h.rating === 'good' : h.rating === 'ok';\n }).length;\n\n return Math.round((perfect / total) * 100);\n }, [state.history]);\n\n const founderBreakdown = useMemo(() => {\n const scorable = state.history.filter((h) => !h.stage.includes('Minigame'));\n const goodCount = scorable.filter((h) => h.rating === 'good').length;\n const okCount = scorable.filter((h) => h.rating === 'ok').length;\n const badCount = scorable.filter((h) => h.rating === 'bad').length;\n const hitBothMinigames = state.goldNodeResults.idea === 'hit' && state.goldNodeResults.pitch === 'hit';\n const visitedDanger = state.path.some((id) => DANGER_NODES.has(id));\n\n if (scorePercent >= 90) {\n return {\n headline: 'Elite founder run',\n summary: 'You consistently made high-signal decisions. This run looks like someone who validated early, kept the product simple, and used leverage instead of ego.',\n points: [\n 'You stacked green choices instead of relying on one lucky recovery.',\n hitBothMinigames ? 'You also hit both minigames, which means your validation and pitch instincts were strong.' : 'Your main path was strong, though there is still room to tighten the key moments like validation and pitching.',\n visitedDanger ? 'You still touched danger once, but recovered well.' : 'You avoided the danger path entirely, which usually means your process stayed clean.'\n ],\n tip: 'To validate like a top founder, talk to real target users in Discord servers, Reddit threads, and niche communities. Ask about past behavior, not what they think they might do.'\n };\n }\n\n if (scorePercent >= 70) {\n return {\n headline: 'Strong founder instincts',\n summary: 'This was a good run. You made more strong decisions than weak ones and kept the business alive with solid judgment in the biggest moments.',\n points: [\n `You finished with ${goodCount} strong choices, which means your instincts are already better than most first-time founders.`,\n badCount > 0 ? `Your biggest drag came from ${badCount} weaker choice${badCount > 1 ? 's' : ''} that likely came from moving a little too early or trying to force certainty.` : 'You had almost no real drag in this run.',\n hitBothMinigames ? 'Your key execution moments were strong too.' : 'If you tighten your minigame performance, this can easily become an elite run.'\n ],\n tip: 'Your fastest upgrade is usually sharper validation. Find 15–20 target users, ask what problem they had last time, what they tried, and what frustrated them most.'\n };\n }\n\n if (scorePercent >= 40) {\n return {\n headline: 'Mid-tier founder run',\n summary: 'You had some good instincts, but the run was mixed. You likely understood parts of the game, but still drifted into guessing or complexity at the wrong times.',\n points: [\n `You had ${goodCount} strong choice${goodCount !== 1 ? 's' : ''}, so the foundation is there.`,\n `You also had ${okCount} playable move${okCount !== 1 ? 's' : ''} and ${badCount} danger move${badCount !== 1 ? 's' : ''}, which means your process was inconsistent.`,\n visitedDanger ? 'The danger route suggests you let weak signal compound before correcting.' : 'Even without the danger route, too many average choices kept the run from getting strong.'\n ],\n tip: 'The fix is not “work harder.” It is to reduce guessing. Validate earlier, simplify faster, and stop adding features before the core pain is proven.'\n };\n }\n\n return {\n headline: 'Founder reality check',\n summary: 'This run leaned too hard on weak assumptions. The business probably moved, but it did not move with enough clarity, discipline, or customer signal.',\n points: [\n 'Most low-score runs come from building before validating, adding complexity too early, or scaling a message before it is clear.',\n visitedDanger ? 'The danger route is your clearest clue: weak decisions compounded until the company started breaking.' : 'Even without a visible collapse, the run lacked enough strong moves to become durable.',\n `You only landed ${goodCount} strong choice${goodCount !== 1 ? 's' : ''}, so your next best move is fixing decision quality, not adding more effort.`\n ],\n tip: 'Start with customer validation. Use Discord, Reddit, or real niche communities to find people with the problem, then ask what happened the last time they faced it and what they tried before.'\n };\n }, [scorePercent, state.history, state.goldNodeResults, state.path]);\n\n const stats = useMemo(\n () => [\n { key: 'money', label: 'Money', value: state.money, raw: state.money },\n { key: 'marketing', label: 'Marketing', value: state.marketing, raw: state.marketing },\n { key: 'ip', label: 'IP', value: state.ip, raw: state.ip },\n { key: 'competition', label: 'Market Opportunity', value: state.competition, raw: state.competition },\n { key: 'customerService', label: 'Customer Service', value: state.customerService, raw: state.customerService },\n ],\n [state]\n );\n\n const startGame = () => {\n startSynthMusic();\n lockRef.current = false;\n setState({\n ...initialState,\n screen: 'game',\n startedAt: Date.now(),\n endedAt: null,\n upcomingPath: buildUpcomingPath('hobby'),\n });\n setFeedback('Choose a path and build your startup.');\n setRating(null);\n setSelectedChoice(null);\n setDeltaItems([]);\n setSelectedMinigame([]);\n setLastChoices([]);\n setLastSelectedChoice(null);\n setLastChoiceRatings({});\n setPendingDeltaMap({});\n setPendingNextState(null);\n };\n\n const restart = () => {\n stopSynthMusic();\n lockRef.current = false;\n setState(initialState);\n setFeedback('Fresh run. Try a different founder strategy.');\n setRating(null);\n setSelectedChoice(null);\n setDeltaItems([]);\n setSelectedMinigame([]);\n setLastChoices([]);\n setLastSelectedChoice(null);\n setLastChoiceRatings({});\n setPendingDeltaMap({});\n setPendingNextState(null);\n };\n\n const storeChoiceContext = (choiceList: Choice[], chosenLabel: string) => {\n setSelectedChoice(chosenLabel);\n setLastSelectedChoice(chosenLabel);\n setLastChoices(choiceList);\n setLastChoiceRatings(\n Object.fromEntries(choiceList.map((opt) => [opt.label, evaluateChoice(opt.effect)])) as Record\n );\n };\n\n const startValidationMinigame = (choice: Choice) => {\n if (!node) return;\n storeChoiceContext(node.choices, choice.label);\n setRating(evaluateChoice(choice.effect));\n setDeltaItems(getDeltaItems(choice.effect));\n setPendingDeltaMap({});\n setFeedback(choice.feedback + ' Scroll down to play the minigame.');\n setState((prev) => ({ ...prev, minigame: { ...validationMinigame, phase: 1, phase1Result: null } }));\n setSelectedMinigame([]);\n playTone('ok');\n };\n\n const startPitchMinigame = (choice: Choice) => {\n if (!node) return;\n storeChoiceContext(node.choices, choice.label);\n setRating(evaluateChoice(choice.effect));\n setDeltaItems(getDeltaItems(choice.effect));\n setPendingDeltaMap({});\n setFeedback(choice.feedback + ' Scroll down to play the minigame.');\n setState((prev) => ({ ...prev, minigame: pitchMinigame, pitchMarker: 10, pitchDirection: 1 }));\n setSelectedMinigame([]);\n playTone('ok');\n };\n\n const finishValidationMinigame = () => {\n const phase1Score = state.minigame?.phase1Result || 0;\n const phase2Score = selectedMinigame.filter((i) => validationMinigame.options[i].correct).length;\n const totalScore = phase1Score + phase2Score;\n\n let minigameRating: 'good' | 'ok' | 'bad' = 'bad';\n if (totalScore >= 5) minigameRating = 'good';\n else if (totalScore >= 3) minigameRating = 'ok';\n\n let explanation = 'User sourcing: ';\n if (phase1Score === 3) explanation += 'Excellent — you chose real target users who can speak from direct experience. ';\n else if (phase1Score === 2) explanation += 'Decent — but your sample is slightly biased, so the data is only somewhat trustworthy. ';\n else explanation += 'Weak — the people you chose are too biased or too far from the real user, so the feedback will mislead you. ';\n\n explanation += 'Questions: ';\n if (phase2Score === 3) explanation += 'Strong — you focused on actual behavior, pain, and previous attempts. That is how you uncover real demand.';\n else if (phase2Score === 2) explanation += 'Okay — you found some real insight, but a couple weak questions still invited politeness or hypotheticals.';\n else explanation += 'Poor — too many of your questions asked for guesses, compliments, or made-up future behavior instead of real evidence.';\n\n setRating(minigameRating);\n setFeedback(totalScore >= 3 ? explanation : `${explanation} Weak validation sent you into a recovery branch.`);\n setDeltaItems([\n {\n key: 'validation',\n label: 'Validation Skill',\n Icon: TrendingUp,\n display: totalScore >= 5 ? '+3' : totalScore >= 3 ? '+1' : '-1',\n tone: totalScore >= 3 ? 'good' : 'bad',\n },\n ]);\n setPendingDeltaMap({});\n playTone(minigameRating);\n\n const validationNextId = totalScore >= 3 ? validationMinigame.successNext : 'danger_validation_1';\n\n const nextStats: GameState = {\n ...state,\n unstableChoices: totalScore >= 3 ? 0 : state.unstableChoices + 1,\n dangerReturnId: validationMinigame.successNext,\n minigame: null,\n currentId: validationNextId,\n path: [...state.path, validationNextId],\n goldNodeResults: { ...state.goldNodeResults, idea: totalScore >= 3 ? 'hit' : 'miss' },\n history: [\n ...state.history,\n {\n stage: 'Validation Minigame',\n label: `Score ${totalScore}/6`,\n feedback: explanation,\n rating: minigameRating,\n },\n ],\n };\n\n setState({ ...nextStats, upcomingPath: buildUpcomingPath(validationNextId) });\n setSelectedChoice(null);\n setLastSelectedChoice(null);\n setLastChoices([]);\n setLastChoiceRatings({});\n setDeltaItems([]);\n setPendingDeltaMap({});\n setSelectedMinigame([]);\n setRating(null);\n setFeedback('Choose your next move.');\n setPendingNextState(null);\n lockRef.current = false;\n };\n\n const finishPitchMinigame = () => {\n const marker = state.pitchMarker;\n const perfect = marker >= 44 && marker <= 56;\n const decent = marker >= 34 && marker <= 66;\nconst minigameRating: 'good' | 'ok' | 'bad' = perfect ? 'good' : decent ? 'ok' : 'bad';\n\n let resultText = pitchMinigame.explanation;\n if (perfect) resultText += ' You landed the pitch sweet spot and sounded sharp, credible, and memorable.';\n else if (decent) resultText += ' You were close, but the pitch still leaned a little too vague or too technical.';\n else if (marker < 34) resultText += ' You stopped too early. The room heard passion, but not enough substance.';\n else resultText += ' You stopped too late. Half the audience is now spiritually trapped inside a datasheet.';\n\n setRating(minigameRating);\n setFeedback(resultText);\n setDeltaItems([ \n\t {\n key: 'pitch',\n label: 'Pitch Skill',\n Icon: TrendingUp,\n display: perfect ? '+3' : decent ? '+1' : '-1',\n tone: perfect || decent ? 'good' : 'bad',\n },\n ]);\n setPendingDeltaMap({});\n playTone(minigameRating);\n\n const nextStats: GameState = {\n ...state,\n minigame: null,\n currentId: pitchMinigame.successNext,\n path: [...state.path, pitchMinigame.successNext],\n goldNodeResults: { ...state.goldNodeResults, pitch: decent || perfect ? 'hit' : 'miss' },\n history: [\n ...state.history,\n {\n stage: 'Pitch Minigame',\n label: `Stopped at ${Math.round(marker)}% on the pitch meter`,\n feedback: resultText,\n rating: minigameRating,\n },\n ],\n };\n\n setState({\n ...nextStats,\n upcomingPath: buildUpcomingPath(pitchMinigame.successNext),\n });\n setSelectedChoice(null);\n setLastSelectedChoice(null);\n setLastChoices([]);\n setLastChoiceRatings({});\n setDeltaItems([]);\n setPendingDeltaMap({});\n setSelectedMinigame([]);\n setRating(null);\n setFeedback('Choose your next move.');\n setPendingNextState(null);\n lockRef.current = false;\n };\n\n const advancePending = () => {\n if (!pendingNextState) return;\n setState(pendingNextState);\n setSelectedChoice(null);\n setLastSelectedChoice(null);\n setLastChoices([]);\n setLastChoiceRatings({});\n setDeltaItems([]);\n setPendingDeltaMap({});\n setRating(null);\n setFeedback('Choose your next move.');\n setPendingNextState(null);\n lockRef.current = false;\n };\n\n const choose = (choice: Choice) => {\n if (!node || lockRef.current || state.gameOver || pendingNextState) return;\n\n if (choice.next === 'MINIGAME_VALIDATION') {\n startValidationMinigame(choice);\n return;\n }\n\n if (choice.next === 'MINIGAME_PITCH') {\n startPitchMinigame(choice);\n return;\n }\n\n const goldNodeMissUpdates = { ...state.goldNodeResults };\n const resolvedNext = DANGER_NODES.has(state.currentId) && choice.next === 'business'\n ? state.dangerReturnId || 'business'\n : choice.next;\n if (state.currentId === 'idea') goldNodeMissUpdates.idea = 'miss';\n if (state.currentId === 'pitch') goldNodeMissUpdates.pitch = 'miss';\n\n lockRef.current = true;\n const choiceRating = evaluateChoice(choice.effect);\n const nextDeltaItems = getDeltaItems(choice.effect);\n\n storeChoiceContext(node.choices, choice.label);\n setRating(choiceRating);\n setDeltaItems(nextDeltaItems);\n setPendingDeltaMap(choice.effect);\n setFeedback(choice.feedback);\n playTone(choiceRating);\n\n const shouldAccumulateRisk = !DANGER_NODES.has(state.currentId) && !DANGER_NODES.has(resolvedNext) && state.currentId !== 'pitch';\n const nodeHasGoodOption = node.choices.some((opt) => evaluateChoice(opt.effect) === 'good');\n const choiceShouldCountAsRisk = choiceRating === 'bad' || (choiceRating === 'ok' && nodeHasGoodOption);\n const nextUnstableChoices = choiceRating === 'good'\n ? 0\n : shouldAccumulateRisk && choiceShouldCountAsRisk\n ? state.unstableChoices + 1\n : state.unstableChoices;\n const triggerDangerFromChoices = shouldAccumulateRisk && nextUnstableChoices >= 2 && resolvedNext !== 'ending';\n const triggerImmediateFailureFromRepeatedDanger = triggerDangerFromChoices && state.path.includes('danger_validation_1');\n\n const nextStats: GameState = {\n ...state,\n unstableChoices: nextUnstableChoices,\n money: clamp(state.money + choice.effect.money),\n marketing: clamp(state.marketing + choice.effect.marketing),\n ip: clamp(state.ip + choice.effect.ip),\n competition: clamp(state.competition + choice.effect.competition),\n customerService: clamp(state.customerService + choice.effect.customerService),\n goldNodeResults: goldNodeMissUpdates,\n history: [...state.history, { stage: node.stage, label: choice.label, feedback: choice.feedback, rating: choiceRating }],\n };\n\n if (triggerImmediateFailureFromRepeatedDanger) {\n setPendingNextState({\n ...nextStats,\n upcomingPath: [],\n currentId: 'ending',\n path: [...state.path, 'ending'],\n gameOver: true,\n endedAt: Date.now(),\n win: false,\n founderType: computeFounderType(nextStats),\n endingTitle: 'Repeated Danger Collapse',\n endingReason: 'You hit the danger route a second time. The business did not recover from repeated weak decisions.',\n });\n return;\n }\n\n if (triggerDangerFromChoices) {\n setPendingNextState({\n ...nextStats,\n dangerReturnId: resolvedNext,\n currentId: 'danger_validation_1',\n upcomingPath: buildUpcomingPath('danger_validation_1'),\n path: [...state.path, 'danger_validation_1'],\n });\n return;\n }\n\n if (resolvedNext === 'ending') {\n const result = evaluateEnd(nextStats);\n setPendingNextState({\n ...nextStats,\n upcomingPath: [],\n currentId: 'ending',\n path: [...state.path, 'ending'],\n gameOver: true,\n endedAt: Date.now(),\n win: result.win,\n founderType: computeFounderType(nextStats),\n endingTitle: result.title,\n endingReason: result.reason,\n });\n return;\n }\n\n if (nextStats.money <= 0 || nextStats.customerService <= 0 || nextStats.competition >= 100) {\n const result = evaluateEnd(nextStats);\n setPendingNextState({\n ...nextStats,\n upcomingPath: [],\n currentId: 'ending',\n path: [...state.path, 'ending'],\n gameOver: true,\n endedAt: Date.now(),\n win: false,\n founderType: computeFounderType(nextStats),\n endingTitle: result.title,\n endingReason: result.reason,\n });\n return;\n }\n\n setPendingNextState({\n ...nextStats,\n currentId: resolvedNext,\n upcomingPath: buildUpcomingPath(resolvedNext),\n path: [...state.path, resolvedNext],\n });\n };\n\n const currentRatingStyle = rating ? ratingStyles[rating] : null;\n\n if (state.screen === 'intro') {\n return (\n

Startup Simulator

Founder route: Guitar Pedal Startup

\n Solo Founder Mode\n

\n You are a solo founder of a brand new type of guitar pedal that recreates the tone of any song with the click of a button: OnlyPedal.\n

\n Your goal is to go from idea to exit without blowing up the company. Make strong decisions, hit key minigames, and manage the tradeoffs of building a startup.\n

\n Want extra replay value? Try to become the 13th person to get the worst score to earn a one-on-one with the founders.\n

\n \n \n

\n\n

\n \n \n \n

\n );\n }\n\n return (\n

Startup Simulator

A choose-your-own-adventure founder game.

\n Music\n setMusicVolume(Number(e.target.value))}\n className=\"w-28 accent-cyan-300\"\n />\n {musicVolume}\n

\n \n Restart\n \n

\n\n \n \n

\n {state.gameOver ? 'Run Complete' : node?.stage || 'Minigame'}\n

\n \n \n {!state.gameOver ? (\n <>\n

{node?.text}

\n\n

\n {(() => {\n const hasPicked = !!lastSelectedChoice;\n const orderedChoices = hasPicked\n ? [\n ...shuffledChoices.filter((c) => c.label === lastSelectedChoice),\n ...shuffledChoices.filter((c) => c.label !== lastSelectedChoice),\n ]\n : shuffledChoices;\n\n return orderedChoices.map((choice) => {\n const isSelected = selectedChoice === choice.label;\n const optionRating = lastChoiceRatings[choice.label] || evaluateChoice(choice.effect);\n const optionStyles = ratingStyles[optionRating];\n const highlightClass = isSelected && rating ? ratingStyles[rating].button : 'border-cyan-400/35';\n\n if (hasPicked) {\n return (\n \n {isSelected &&

}\n

{choice.label}

\n \n {optionStyles.label}\n \n

\n {choice.feedback}\n

Stat changes

\n {getDeltaItems(choice.effect).length === 0 ? (\n No changes.\n ) : (\n getDeltaItems(choice.effect).map((item) => {\n const Icon = item.Icon;\n return (\n \n \n {item.label}\n {item.display}\n

\n );\n })\n )}\n

\n {isSelected && (\n

\n \n

\n )}\n

\n );\n }\n\n return (\n choose(choice)}\n >\n {choice.label}\n \n \n );\n });\n })()}\n

\n \n ) : (\n

\n {state.win ? (\n

\n \n \n

\n ) : (\n \n )}\n

{state.endingTitle || (state.win ? 'Startup Survived' : 'Startup Failed')}

{state.endingReason}

Founder Type

{state.founderType}

Outcome

{state.win ? 'Strong run' : 'Collapsed run'}

Time Played

{formatPlayTime(playTimeMs)}

\n \n

Founder Breakdown

You scored {scorePercent}% based on optimal main decisions for each question. If a question had no green option, the best yellow answer counts as perfect.

{founderBreakdown.headline}

{founderBreakdown.summary}

\n {founderBreakdown.points.map((point, i) => (\n

• {point}

\n ))}\n

Tip: {founderBreakdown.tip}

DM your ending screenshot on Instagram @startup_simulator for a 1-on-1 founder breakdown and mentorship call.

\n \n

\n )}\n \n \n\n \n \n Path\n \n \n

\n {state.path.map((id, idx) => {\n const isCurrent = idx === state.path.length - 1;\n const currentType = GOLD_NODES.has(id) ? 'gold' : DANGER_NODES.has(id) ? 'danger' : 'blue';\n return (\n \n

\n \n

\n {idx < state.path.length - 1 &&

}\n \n );\n })}\n

Blue = main track. Gold = success or minigame route. Red = danger route.

\n\n {node?.choices && node.choices.length > 0 && (\n

\n {node.choices.map((choice, i) => {\n const choiceRating = evaluateChoice(choice.effect);\n const nextId = String(choice.next).startsWith('MINIGAME_')\n ? (choice.next === 'MINIGAME_VALIDATION' ? validationMinigame.successNext : pitchMinigame.successNext)\n : choice.next;\n\n const branchType = nextId === 'ending'\n ? 'danger'\n : GOLD_NODES.has(nextId)\n ? 'gold'\n : DANGER_NODES.has(nextId)\n ? 'danger'\n : choiceRating === 'good'\n ? 'gold'\n : choiceRating === 'bad'\n ? 'danger'\n : 'blue';\n\n const branchLabel = branchType === 'danger'\n ? 'Danger'\n : branchType === 'gold'\n ? 'Success / Minigame'\n : 'Risky / Return';\n\n const pillarColor = branchType === 'danger'\n ? 'bg-pink-400'\n : branchType === 'gold'\n ? 'bg-green-500'\n : 'bg-yellow-300';\n\n return (\n

{branchLabel}

\n {nodes[nextId]?.stage || (nextId === 'ending' ? 'Ending' : 'Next')}\n

\n );\n })}\n

The current node branches outward by outcome instead of previewing hidden nodes ahead.

\n )}\n \n \n\n {state.minigame && (\n

\n \n \n Key Decision Minigame\n \n \n

\n {state.minigame.type === 'validation' && state.minigame.phase === 2\n ? state.minigame.questionPhase2\n : state.minigame.question}\n

\n {state.minigame.type === 'validation' && state.minigame.phase === 2\n ? state.minigame.helperPhase2\n : state.minigame.helper}\n

\n\n {state.minigame.type === 'validation' && (\n <>\n {state.minigame.phase === 1 ? (\n <>\n

\n {state.minigame.optionsPhase1?.map((opt, i) => (\n {\n if (selectedMinigame.includes(i)) setSelectedMinigame(selectedMinigame.filter((x) => x !== i));\n else if (selectedMinigame.length < 3) setSelectedMinigame([...selectedMinigame, i]);\n }}\n >\n {opt.text}\n \n ))}\n

Selected {selectedMinigame.length}/3

\n {\n const correctPhase1 = selectedMinigame.filter((i) => validationMinigame.optionsPhase1[i].correct).length;\n let phase1Feedback = '';\n if (correctPhase1 === 3) phase1Feedback = 'Excellent sourcing. You found people who actually resemble the real buyer.';\n else if (correctPhase1 === 2) phase1Feedback = 'Decent sourcing, but your sample is slightly biased.';\n else phase1Feedback = 'Weak sourcing. You are mostly collecting polite or misleading feedback.';\n setFeedback(phase1Feedback);\n setRating(correctPhase1 === 3 ? 'good' : correctPhase1 === 2 ? 'ok' : 'bad');\n setSelectedMinigame([]);\n setState((prev) => ({\n ...prev,\n minigame: { ...prev.minigame!, phase: 2, phase1Result: correctPhase1 },\n }));\n }}\n className=\"rounded-2xl\"\n >\n Next\n \n

\n \n ) : (\n <>\n

\n {state.minigame.options?.map((opt, i) => (\n {\n if (selectedMinigame.includes(i)) setSelectedMinigame(selectedMinigame.filter((x) => x !== i));\n else if (selectedMinigame.length < 3) setSelectedMinigame([...selectedMinigame, i]);\n }}\n >\n {opt.text}\n \n ))}\n

Selected {selectedMinigame.length}/3

\n \n

\n \n )}\n \n )}\n\n {state.minigame.type === 'pitch' && (\n <>\n

\n Too vague\n Sweet spot\n Too technical\n

Stop the meter in the green zone.

\n \n

\n \n )}\n \n \n

\n )}\n

\n\n

\n \n \n Business Stats\n \n \n {stats.map((s) => {\n const tone = getStatTone(s.key, s.raw);\n const toneClasses = statToneClasses[tone as keyof typeof statToneClasses];\n const pendingDelta = pendingDeltaMap[s.key] || 0;\n return (\n \n

\n {s.label}\n \n {s.value}\n {pendingDelta !== 0 && ({pendingDelta > 0 ? '+' : ''}{pendingDelta})}\n \n

\n \n

\n );\n })}\n

\n Higher market opportunity is better. The other stats should rise without destabilizing the business.\n

\n Yellow choices only count toward the danger streak when a green option exists on that same question.\n

\n \n \n

\n );\n}","access","public","isModerationBlocked",false,"isAnonifyApiKeyDetected","dd",{"_35":36,"_37":38},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",34],"traceId","10094265510190473951","traceTime",1776653836847]