// mograndom — all six screens. Each accepts ({ ctx }) where ctx contains
// theme, currentMu, opponentMu, hype, phase. Screens are designed to fill
// their parent (artboard) at any size; sizing happens via the artboard.
// ─────────────────────────────────────────────────────────────────────────
// 1. LANDING / SIGNUP — age + category lock
// ─────────────────────────────────────────────────────────────────────────
function ScreenLanding({ ctx }) {
const [stage, setStage] = React.useState('hero'); // hero | verify | category
const [cat, setCat] = React.useState('f_25_34');
const [name, setName] = React.useState('');
return (
{/* LEFT — pitch */}
SEASON 1 · ORIGIN — ENDS IN 23D 14H
Two cameras.
One verdict. Decided by the people in the room.
mograndom pairs you 1‑on‑1 with a stranger in your bracket. You both call the winner. Glicko‑2 does the math. No algorithmic scoring of faces — every result comes from a human on the other end.
Judge presence, not faces — energy, expression, command of the moment. Your pick is sealed before either of you sees the other's; hash committed first, plaintext revealed once both commits exist.
);
}
function Checkpoint({ label, hit }) {
return (
{hit && }
{label}
);
}
function pickTip(b, hasFace) {
if (!hasFace) return { headline: 'Step into frame', body: "Center your face — we can't see you yet." };
if (!b) return { headline: 'Warming up…', body: 'Loading the tracker.' };
if (b.composure < 0.4) return { headline: 'Frame yourself up', body: 'Move closer or center yourself in the panel.' };
if (b.engagement < 0.4) return { headline: 'Look at the camera', body: 'Eye contact reads as confidence to your judges.' };
if (b.expression < 0.2) return { headline: 'Bring something', body: 'Smile, raise a brow — give the camera a read.' };
if (b.motion > 0.85) return { headline: 'Settle a touch', body: 'Too much motion reads as nervous. Slow your shoulders.' };
return { headline: 'You\'re dialed in', body: "This is what they'll see. Hit the queue." };
}