zenno/race/carryover: add tables and disclaimers

zenno/src/routes/race/carryover/+page.svelte

@@ -341,3 +341,42 @@
 <div class="mx-auto mb-12 h-72 max-w-4xl" bind:clientWidth={width} bind:clientHeight={height}>
 	<div role="img" {@attach makeChart}>the chart seems to have didn't</div>
 </div>
+
+{#snippet seggsTable(name: string, s: accel.Travel[])}
+	<table class="table-fixed border">
+		<caption class="text-xl">{name}</caption>
+		<thead>
+			<tr class="py-2">
+				<th class="px-2" scope="col">Time</th>
+				<th class="px-2" scope="col">Accel</th>
+				<th class="px-2" scope="col">Distance</th>
+				<th class="px-2" scope="col">Speed</th>
+			</tr>
+		</thead>
+		<tbody>
+			{#each s as { start, end, a } (start.t)}
+				<tr class="even:bg-mist-300 dark:even:bg-mist-900">
+					<td class="px-4 text-center">{end.t.toFixed(3)}</td>
+					<td class="px-4 text-center">{a.toFixed(3)}</td>
+					<td class="px-4 text-center">{end.x.toFixed(3)}</td>
+					<td class="px-4 text-center">{end.v.toFixed(3)}</td>
+				</tr>
+			{/each}
+		</tbody>
+	</table>
+{/snippet}
+<div class="mx-auto mt-8 grid max-w-4xl grid-cols-1 gap-8 md:grid-cols-2">
+	{@render seggsTable(slope < 0 && allowDAM ? 'Fastest Speed (Downhill)' : 'Fastest Speed', seggs[1])}
+	{@render seggsTable('Slowest Speed', seggs[0])}
+</div>
+
+<div class="mx-auto mt-12 w-full max-w-4xl border-t pt-4 md:mt-8">
+	<ul class="ml-4 list-disc pb-4">
+		<li>
+			This calculator integrates acceleration analytically for efficiency, but the game uses a finite step approximation. Since
+			the last spurt is delayed by two frames, and skills effects don't apply until the frame after they activate, the result is
+			that this calculator slightly overestimates the benefit of acceleration.
+		</li>
+		<li>Acceleration skills that activate before late race cannot be accounted for in this calculator.</li>
+	</ul>
+</div>