        {#if cols.length}
            <div class="sy-strip">
                {#each cols as v, i (i)}<i class="sy-col" style="height:{Math.max(3, v * 100).toFixed(0)}%"></i>{/each}
                {#each rows as r, i (i)}
                    {#if r.time_ms != null}<span class="sy-tick" style="left:{pct(r.time_ms).toFixed(2)}%"></span>{/if}
                {/each}
                <span class="sy-play" style="left:{pct((player.position ?? 0) * 1000).toFixed(2)}%"></span>
            </div>
        {/if}
        <button class="sy-est" onclick={() => { if (tapSync.estimated) clearEstimate(); else estimateTimings(); }} disabled={tapSync.reading !== "ready"}>{estLabel}</button>

