/* Moo Baa Patterns */
.mb-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; background: #e8f6df; border: 5px solid var(--wood); border-radius: 22px; padding: 10px; }
.mb-animal, .mb-gap { min-height: 72px; min-width: 64px; border-radius: 18px; border: 3px solid #fff; background: #fff; font-size: 44px; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 0 rgba(29, 39, 51, .12); cursor: pointer; padding: 0; }
.mb-gap { background: var(--straw-2); border: 4px dashed var(--barn); cursor: default; animation: mf-bounce 1.2s ease infinite; }
.mb-gap.is-filled { border-style: solid; border-color: var(--green); background: #eaf7e6; animation: none; }
.mb-hear { align-self: center; }
@media (min-width: 600px) { .mb-row { grid-template-columns: repeat(8, minmax(0, 1fr)); } }