Now: under the phone media query, .chapter-footer .text-link is display:none, so the 'View on-chain' link (App.tsx:71, explorerTx(latest.transactionHash)) for the settlement that decided the chapter is removed on phones; only 'Settled round 854 · 0 work units' remains.

Change to: delete line 312 so the link shows at every width; the footer already uses justify-content space-between, so the link sits right of 'Settled round N · W work units' (let .chapter-footer wrap if it does not fit at 320).

Why: the brief asks to 'read the official Squeekchain result ... to decide which story path actually happened' on a 'mobile-friendly' site; the link to the settlement transaction is how a visitor checks that, and a cut must not hide data people need.

Now: the phone media query sets .section-top {display:none} (line 315) and .choice-content > span {display:none} (line 319). At 390 the vote card loses 'Round 855' (the round the vote is for) and the descriptions under each choice ('Trade a seed for a pocket of starlight.', 'A warm pie is cooling by the river.'), so a phone visitor picks between two bare titles without knowing the round.

Change to: delete line 319 so the description shows under each title (cards grow about 20px each), and in place of hiding .section-top, keep it and hide only its left label: replace line 315 with .section-top .icon-label { display: none; } so 'Round 855' sits right-aligned above 'Where should Pip go?'.

Why: the brief asks for 'live round status' and a vote 'on the next story branch' that is 'mobile-friendly'; a cut never hides data or labels people need to make the choice.

Now: the h1 'Little paws. Big adventures.' could belong to any pet product and never names the unfamiliar action (a Sepolia vote on the next branch). At 1440 the .intro-note beside it adds 'A little curiosity goes a long way. / Come see where the story takes us.', and the page also carries 'A small choice. A shared story.' and 'Made for little moments of wonder.': a stack of slogans.

Change to: headline 'One round. One new page.' (keep the green on 'One new page.'); line under it 'A hamster story that turns a page each time a Squeekchain round settles. Vote on Sepolia for where Pip goes next.'; delete the whole so the h1 block spans the row and the tabs move up.

Why: the hero is a pair, the headline belongs only to this product, and when the main action is unfamiliar or costs gas the hero states it; four or more slogans is a stack to cut.

Now: with votingAddress null (public/config.json) the card shows a disabled button 'On-chain voting not yet deployed', then the note 'On-chain voting opens after the voting contract is deployed.', then 'Deployment details'. The first two lines repeat each other.

Change to: delete the .unavailable-vote button (line 80); the vote-note 'On-chain voting opens after the voting contract is deployed.' moves up about 36px under 'Preview this path', and 'Deployment details' stays as the link.

Why: a line that repeats another is cut; the honest not-deployed explanation stays once.

Now: the live round status card is titled 'The wheel keeps turning' and the leaderboard 'The story shapers' (App.tsx:80); a reader scanning for the round clock or the voter ranking has to decode them.

Change to: 'Round status' for the live heading (keep 'Meanwhile, on Squeekchain' in preview or rename it 'Squeekchain round status') and 'Top voters' for the leaderboard h2, keeping the Radio and Trophy icons.

Why: the brief names these features 'live round status' and 'a simple leaderboard of voters'; data panels are headed by what they show.

Now: before the feed answers (or when it cannot be reached) the vote card reads 'Round —'; App.tsx:75 uses the same '—' and '—:—' in the round panel.

Change to: render nothing after 'Round' until the round is known, i.e. round > 0n ? Round ${round} : 'Reading round…', and 'Reading…' in place of '—' / '—:—' in the round panel.

Why: no em dashes in interface text; a state says only what the app knows.