zenno/mspeed: also show base acceleration

zenno/src/routes/mspeed/+page.svelte

@@ -16,6 +16,7 @@
 		Stat,
 	} from '$lib/race';
 	import StatChart from '$lib/StatChart.svelte';
+	import { i } from 'mathjs';
 	import SpeedDur from './SpeedDur.svelte';
 
 	let rawPower = $state(1200);
@@ -128,6 +129,28 @@
 	<SpeedDur speed={ssBoost} dur={ssDur} accel={accel[0]} decel={[decel[0], decel[1]]}>Spot Struggle</SpeedDur>
 	<SpeedDur speed={lcBoost} dur={lcDur} accel={accel[0]} decel={decel[0]}>Idealized Lane Combo (DDPP)</SpeedDur>
 </div>
+<table class="mx-auto mt-1 table-fixed text-sm border border-t-0 rounded-b-md">
+	<caption class="border border-b-0 rounded-t-md">Base Acceleration</caption>
+	<thead>
+		<tr>
+			<th class="w-32" scope="col">Early Race</th>
+			<th class="w-32" scope="col">Mid Race</th>
+			<th class="w-32" scope="col">Late Race</th>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			{#each accel as v, i (i)}
+				<td class="text-center">{v.toFixed(3)} m/s²</td>
+			{/each}
+		</tr>
+		<tr>
+			{#each decel as v, i (i)}
+				<td class="text-center">{v.toFixed(3)} m/s²</td>
+			{/each}
+		</tr>
+	</tbody>
+</table>
 <span class="mt-8 block w-full text-center text-lg">Unique Skills</span>
 <div class="mx-auto flex flex-col place-items-center md:flex-row md:justify-center">
 	{#each uniques as [name, boost, dur, phase] (name)}