.bk-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.bk-board{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:3px;width:min(100%,440px);aspect-ratio:1;margin:0 auto;padding:6px;border-radius:14px;background:var(--border);user-select:none;-webkit-user-select:none}
.bk-cell{padding:0;border-radius:5px;background:var(--surface);touch-action:manipulation}
.bk-cell:nth-child(n+28):nth-child(-n+54){background:var(--paper)}
.bk-cell.filled{box-shadow:inset 0 -3px 0 #0003}
.bk-cell.ghost{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}
.bk-cell.ghost-bad{background:#f6d4cf;box-shadow:inset 0 0 0 2px #c0392b}
.bk-cell.cursor{outline:2px solid var(--ink);outline-offset:-2px}
[data-color="1"]{background:#e07a5f!important}
[data-color="2"]{background:#3d85c6!important}
[data-color="3"]{background:#6aa84f!important}
[data-color="4"]{background:#e2b33b!important}
[data-color="5"]{background:#8e63c9!important}
[data-color="6"]{background:#2aa198!important}
.bk-message{text-align:center}
.bk-tray{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:440px;margin:14px auto 0}
.bk-slot{display:grid;place-items:center;height:110px;border:2px solid var(--border);border-radius:14px;background:var(--surface);touch-action:manipulation}
.bk-slot.selected{border-color:var(--accent);background:var(--accent-soft)}
.bk-slot.blocked{opacity:.35}
.bk-slot:disabled{cursor:default}
.bk-mini{display:grid;grid-template-columns:repeat(var(--cols,1),16px);grid-template-rows:repeat(var(--rows,1),16px);gap:2px}
.bk-mini span{border-radius:3px}
.bk-hint{margin:10px 0 0;text-align:center;font-size:12px;color:var(--muted)}
@media(max-width:720px){.bk-slot{height:96px}.bk-mini{grid-template-columns:repeat(var(--cols,1),13px);grid-template-rows:repeat(var(--rows,1),13px)}.bk-hint{display:none}}