---
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: 6rem;
}
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;
}
td:nth-child(even) {
	font-size: x-large;
}
{% 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">unwanted guest in soup (3)</td>
		<td colspan=2 class="bk-boba" contenteditable></td>
		<td colspan=2 class="bk-kiki">for a celebrity, roll out the red one (6)</td>
		<td class="bk-kiki" contenteditable></td>
	</tr>
	<tr>
		<td class="bk-boba">type of water bottle that might annoy a cat (5)</td>
		<td colspan=2 class="bk-boba" contenteditable></td>
		<td colspan=2 class="bk-kiki">sign on a door that opens inwards (4)</td>
		<td class="bk-kiki" contenteditable></td>
	</tr>
	<tr>
		<td class="bk-boba">join the enemy army (6)</td>
		<td colspan=2 class="bk-boba" contenteditable></td>
		<td colspan=2 class="bk-kiki">the empty part of space (6)</td>
		<td class="bk-kiki" contenteditable></td>
	</tr>
	<tr>
		<td class="bk-boba">rabbit ears, on a television set (8)</td>
		<td colspan=2 class="bk-boba" contenteditable></td>
		<td colspan=2 class="bk-kiki">you're "welcome" to wipe your feet on it (3)</td>
		<td class="bk-kiki" contenteditable></td>
	</tr>
	<tr>
		<th colspan=2 class="bk-boba" contenteditable></th>
		<th colspan=2 class="bk-both">IN A</th>
		<th colspan=2 class="bk-kiki" contenteditable></th>
	</tr>
</table>