Please read the following table in HTML format from a webpage and then answer the question in detail according to the table. Each table cell is defined by a <td> and a </td> tag. Each table row starts with a <tr> and ends with a </tr> tag. 'rowspan=m' and 'colspan=n' represents a cell spaning over 'm' rows and 'n' columns.

Webpage title:
2012 U.S. Open Cup Final
Table title:
Match details
Table:
<table id='hittask' contenteditable='False'>
<tr> <th class="highlighted"  colspan=1 rowspan=1 > Sporting Kansas City </th><th class="highlighted"  colspan=1 rowspan=1 > 1 – 1 </th><th class="highlighted"  colspan=1 rowspan=1 > Seattle Sounders FC </th></tr>
<tr> <td colspan=1 rowspan=1 > Kamara 84' (pen.) </td><td colspan=1 rowspan=1 > Report </td><td colspan=1 rowspan=1 > Scott 86' </td></tr>
<tr> <th colspan=3 rowspan=1 > Penalties </th></tr>
<tr> <td colspan=1 rowspan=1 > Kamara Espinoza Besler Zusi Nagamura </td><th class="highlighted"  colspan=1 rowspan=1 > 3 – 2 </th><td colspan=1 rowspan=1 > Evans Burch Alonso Tiffert Johnson </td></tr>
</table>
Question:
How did Sporting Kansas City do that the US Open Cup?
Answer:
Sporting Kansas City won their U.S. Open Cup title by defeating the Seattle Sounders FC,3–2 in a penalty shootout, following a 1–1 draw.