On a phone, a reveal scrolls to what happened

The result strip comes into view with the last two ledger rows above it,
so the revealed gestures and their outcome are the first thing seen.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

src/lib/components/TurnSummary.svelte

@@ -11,7 +11,7 @@
 </script>
 
 {#if summary}
-	<section class="result" aria-label="What the last reveal did">
+	<section class="result" id="turn-result" aria-label="What the last reveal did">
 		<h2>{summary.phase === 'timestop' ? 'In the stopped moment' : `Turn ${summary.turn + 1}`}</h2>
 		<dl>
 			{#each [YOU, FOE] as const as who (who)}
@@ -50,6 +50,7 @@
 
 <style>
 	.result {
+		scroll-margin-top: 0.5rem;
 		margin: 0.5rem 0 0;
 		padding: 0.4rem 0.8rem;
 		background: var(--slate);
@@ -57,6 +58,13 @@
 		font-size: 0.9rem;
 	}
 
+	/* On a phone, leave the last two ledger rows in view above the result. */
+	@media (max-width: 860px) {
+		.result {
+			scroll-margin-top: 9.5rem;
+		}
+	}
+
 	h2 {
 		font-size: 0.8rem;
 		color: var(--bone-faint);