h1 { font-size: 20px; margin-bottom: 10px; }
.controls { display: flex; align-items: center; gap: 16px; margin-bottom: 12px; flex-wrap: wrap; justify-content: center; }
#score { font-size: 11px; margin-bottom: 12px; }
canvas { image-rendering: pixelated; }
#msg { font-size: 11px; min-height: 24px; }
.back { margin-top: 20px; }
.legend { display: flex; gap: 24px; margin-top: 10px; font-size: 8px; }
.legend span { display: flex; align-items: center; gap: 6px; }
.dot { width: 10px; height: 10px; border-radius: 2px; }