.boggle-board { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; width: min(92vw, 320px); margin: 12px auto; }
.bcell { aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 700; border-radius: 10px; background: #fff; color: #222; cursor: pointer; user-select: none; }
.bcell.on { background: var(--mint, #3ddc97); color: #063; }
.words { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin-top: 10px; }
.words span { background: #fff; border-radius: 8px; padding: 3px 8px; font-size: 13px; }
.ctrl-row { display: flex; gap: 10px; justify-content: center; margin: 10px 0; }