// Guías públicas: el launcher (con las capturas reales) y cómo se abren las // citas con Nami. Lo que pasa DENTRO de una cita —stats, respuestas, finales— // vive en el área de mecenas y no se toca desde aquí. function Guides() { const { t } = useI18n(); const [tab, setTab] = React.useState('launcher'); const tabs = [ { id: 'launcher', label: t('guides.tabLauncher'), icon: Icon.Download }, { id: 'dating', label: t('guides.tabDating'), icon: Icon.Heart }, ]; return (
{tabs.map(({ id, label, icon: Ic }) => ( ))}
{tab === 'launcher' ? : }
); } /* ── Guía del launcher ──────────────────────────────────────────── */ function LauncherGuide() { const { t, tl } = useI18n(); return (

{t('guides.launcher.title')}

{t('guides.launcher.intro')}

{tl('guides.launcher.steps').map((paso, i) => (
{paso.title}
{paso.n}

{paso.title}

{paso.tip &&

}

))}
{t('guides.launcher.extrasTitle')}

{t('guides.launcher.language.title')}

{t('guides.launcher.language.body')}

{t('guides.launcher.silent.title')}

[launcher]{'\n'}auto=true

{t('guides.launcher.faqTitle')}
{tl('guides.launcher.faq').map((f, i) => (
{f.q}
{f.a}
))}
{t('guides.launcher.techTitle')}
); } function Nota({ icon: Ic, text }) { return (

{text}

); } /* ── Guía de desbloqueo de citas ────────────────────────────────── */ function DatingGuide() { const { t, tl } = useI18n(); return (

{t('guides.dating.title')}

{t('guides.dating.intro')}

{t('guides.dating.firstTitle')}

{t('guides.dating.first')}

{tl('guides.dating.paths').map((p, i) => (
{p.tag}
{p.title}

{p.note &&

{p.note}

}
))}

{t('guides.dating.chainTitle')}

{t('guides.dating.chain')}

{tl('guides.dating.dates').map((d, i) => (
{/* El número dice lo que el emoji no decía: que van en orden. */} {i + 1}
{d.name}
{d.type}
{d.note &&

{d.note}

}
))}

{t('guides.dating.outfitTitle')}

{t('guides.dating.requirementsTitle')}

    {tl('guides.dating.requirements').map((r, i) => (
  • {r}
    • ))}

{t('guides.dating.requirementsNote')}

{t('guides.dating.moreTitle')}

{t('guides.dating.more')}

{t('guides.dating.moreCta')}
); } function Fila({ k, v, destacado }) { if (!v) return null; return (
{k} {v}
); } const guideS = { h3: { fontSize: 'clamp(22px, 2.6vw, 30px)', marginBottom: 12 }, h4: { fontSize: 'clamp(20px, 2.2vw, 26px)', marginBottom: 10 }, p: { color: 'var(--tx-md)', fontSize: 15, lineHeight: 1.65 }, tip: { color: 'var(--tx-lo)', fontSize: 13.5, lineHeight: 1.6, borderLeft: '2px solid var(--gold)', paddingLeft: 14, marginTop: 12, }, step: { display: 'flex', flexWrap: 'wrap', padding: 0, overflow: 'hidden', alignItems: 'stretch' }, stepN: { fontSize: 10, letterSpacing: '.2em', color: 'var(--gold)', border: '1px solid var(--line)', borderRadius: 999, padding: '3px 10px', alignSelf: 'flex-start', }, shotWrap: { margin: 0, flex: '1 1 380px', minWidth: 0, background: '#0F0903', display: 'flex', alignItems: 'center' }, shot: { width: '100%', display: 'block' }, pre: { fontFamily: 'var(--f-mono)', fontSize: 12.5, background: 'var(--bg0)', border: '1px solid var(--line-soft)', borderRadius: 'var(--r-sm)', padding: '12px 14px', margin: '12px 0', color: 'var(--gold-hi)', overflowX: 'auto', }, }; window.Guides = Guides;