// Reusable screen header — back button + title + Universe brand mark on the right. // Sizes match the home screen's editorial scale so every screen reads consistently // when the 2560×1600 design is scaled to a tablet. function ScreenHeader({ title, subtitle, idx }) { const t = useLoop(); const e = clamp(t/0.5); return (
MODULE · {idx}
{title}
{subtitle &&
{subtitle}
}
navigate('home')} onKeyDown={ev=>{ if(ev.key==='Enter'||ev.key===' '){ ev.preventDefault(); navigate('home'); } }} onMouseEnter={ev=>{ ev.currentTarget.style.opacity='0.6'; ev.currentTarget.style.transform='scale(1.03)'; }} onMouseLeave={ev=>{ ev.currentTarget.style.opacity='1'; ev.currentTarget.style.transform='scale(1)'; }} style={{display:'flex',alignItems:'center',gap:22, cursor:'pointer', transition:'opacity 200ms ease, transform 200ms ease', transformOrigin:'right center'}}>
); } window.ScreenHeader = ScreenHeader;