diff --git a/content/puzzle/index.md b/content/puzzle/index.md
new file mode 100644
index 0000000..d94d114
--- /dev/null
+++ b/content/puzzle/index.md
@@ -0,0 +1,56 @@
+---
+layout: base.njk
+date: 2026-05-17
+title: Boba and Kiki Puzzle
+draft: true
+---
+{% css %}
+table {
+	margin: 0 auto;
+	border-spacing: .5em;
+	background: var(--xkcd-off-white);
+}
+td {
+	height: 4lh;
+}
+td, th {
+	padding: .5em;
+	width: 12rem;
+	color: var(--xkcd-black);
+	background: var(--xkcd-light-grey);
+}
+th {
+	font-size: x-large;
+	text-align: center;
+}
+.bk-boba {
+	background: var(--xkcd-pink);
+}
+.bk-kiki {
+	background: var(--xkcd-sky-blue);
+}
+.bk-both {
+	text-align: center;
+}
+{% endcss %}
+
+<table>
+	<tr>
+		<th colspan=3 class="bk-boba">BOBA</th><th colspan=3 class="bk-kiki">KIKI</th>
+	</tr>
+	<tr>
+		<td class="bk-boba">operate an airplane, or a kite (3)</td><td colspan=2 class="bk-boba"></td><td colspan=2 class="bk-kiki">for a celebrity, roll out the red one (6)</td><td class="bk-kiki"></td>
+	</tr>
+	<tr>
+		<td class="bk-boba">after the previews comes this type of presentation (7)</td><td colspan=2 class="bk-boba"></td><td colspan=2 class="bk-kiki">sign on a door that opens inwards (4)</td><td class="bk-kiki"></td>
+	</tr>
+	<tr>
+		<td class="bk-boba">type of bottle that might annoy a cat (5)</td><td colspan=2 class="bk-boba"></td><td colspan=2 class="bk-kiki">the empty part of space (6)</td><td class="bk-kiki"></td>
+	</tr>
+	<tr>
+		<td class="bk-boba">shaky feelings after too much coffee (7)</td><td colspan=2 class="bk-boba"></td><td colspan=2 class="bk-kiki">skip ahead in the waiting line (3)</td><td class="bk-kiki"></td>
+	</tr>
+	<tr>
+		<th colspan=2 class="bk-boba"></th><th colspan=2 class="bk-both">IN A</th><th colspan=2 class="bk-kiki"></th>
+	</tr>
+</table>