.bi-board { display: grid; gap: 4px; margin: 18px auto; width: max-content; }
.bi-cell { width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; border-radius: 8px; background: #fff; border: 2px solid var(--card-bd); font-weight: 800; font-size: 22px; cursor: pointer; user-select: none; transition: transform .08s; }
.bi-cell.given { background: #fff7e6; border-color: var(--brand); color: var(--brand); cursor: default; }
.bi-cell.empty { color: #ccc; }
.bi-cell:active { transform: scale(.94); }
.status-line { text-align: center; font-weight: 700; color: var(--brand); min-height: 22px; }