2026 · v2.0 · 4-Option Engine
CITY
SOULMATE
The world's most brutally honest city matcher
{[
["🏙️","149 Cities","from Zurich to Mogadishu"],
["❓","60 Questions","4 honest options each"],
["🔄","Anti-Repeat","Each question appears only once per session"],
["⚖️","Smart Scoring","Extreme cities demand extreme answers"],
].map(([icon,title,sub]) => (
))}
{used > 0 && (
Session: {used}/{total} questions seen
{used >= total && · Pool reset ✓}
)}
10 QUESTIONS · 4 OPTIONS · WEIGHTED SCORING · NO FILTER
);
}
// ─── QUIZ ─────────────────────────────────────────────────────────────────────
function QuizScreen({ q, qIndex, total, progress, onAnswer, animIn, selectedOpt }) {
const optionLetters = ["A","B","C","D"];
const optionColors = ["#00d4aa","#4488ff","#ff8c42","#ff3264"];
return (
{/* Header */}
{q.cat}
{qIndex+1} / {total}
{/* Progress */}
{/* Question */}
{q.text}
{q.opts.map((opt, i) => {
const isSelected = selectedOpt === opt.label;
const col = optionColors[i];
return (
);
})}
{/* Dots */}
{Array.from({length:total}).map((_,i) => (
))}
{/* Bottom fade — text legibility */}
{/* Soul badge — top right */}
{city.soul}
{/* City + country — bottom left */}
{city.city}
{city.country}
);
}
function ResultScreen({ city, showWhy, onToggleWhy, onRestart }) {
const flag = FLAG_MAP[city.country] || "🌍";
const soulColor = () => {
const s = city.soul.toLowerCase();
if (s.includes("dystopia")||s.includes("chaos")||s.includes("anarchic")||s.includes("survival")) return "#ff3264";
if (s.includes("wealthy")||s.includes("steril-rich")||s.includes("gold")||s.includes("steril")) return "#ffd700";
if (s.includes("zen")||s.includes("slow")||s.includes("paradise")||s.includes("nature")) return "#00d4aa";
if (s.includes("hustle")||s.includes("grinder")||s.includes("burnout")||s.includes("speed")) return "#ff8c42";
if (s.includes("lonely")||s.includes("lonely")||s.includes("isolation")||s.includes("isolated")) return "#8888ff";
return "#ff3264";
};
const col = soulColor();
const statRows = [
{icon:"🔒",label:"Safety",val:city.laptopSafety,key:"laptopSafety"},
{icon:"💘",label:"Dating",val:city.thirst,key:"thirst"},
{icon:"⚡",label:"Chaos",val:city.pulse,key:"pulse"},
{icon:"💸",label:"Value",val:city.wealth,key:"wealth"},
{icon:"☀️",label:"Air",val:city.air,key:"air"},
{icon:"👟",label:"Walk",val:city.walk,key:"walk"},
{icon:"🌐",label:"Net",val:city.internet,key:"internet"},
{icon:"📋",label:"Tape",val:city.redTape,key:"redTape"},
];
const barColor = (v) => v >= 8 ? "#00d4aa" : v >= 5 ? "#4488ff" : v >= 3 ? "#ff8c42" : "#ff3264";
return (
{/* Match header */}
🎯 Your City Soulmate 2026
{flag}
{/* Hero card */}
{/* Hero visual */}
{/* Score bar */}
Match Score
{city.displayScore ?? 0}% Match
{/* Political badge */}
{city.political==="Liberal"?"🟢":"🟡"} {city.political} · {city.country}
{/* Stats grid with mini bars */}
{statRows.map(s => (
{s.icon}
{s.val}
{s.label}
))}
{/* LOCAL INTEL */}
🔍 Local Intel
🎯 Best For
{city.bestFor}
🤫 Secret Tip
{city.secretTip}
{/* Hard Truth */}
⚠️ The Hard Truth
"{city.truth}"
{/* Why this city */}
{showWhy && city.matchDetails && city.matchDetails.length > 0 && (
Top Match Factors
{city.matchDetails.map((m,i)=>(
{ATTR_LABELS[m.attr]||m.attr}
{m.label}
{m.pct}%
))}
)}
{/* Anti-repeat indicator */}
{totalUsedCount()}/{QUESTIONS_POOL.length} questions seen from pool
{totalUsedCount() >= QUESTIONS_POOL.length && " · Pool resets on next start"}
{/* Restart */}
149 CITIES · 4-OPTION SCORING · ANTI-REPEAT · CORE-CATEGORY GATE
);
}