.bm-board{position:relative;display:grid;grid-template-columns:repeat(var(--n),1fr);aspect-ratio:1;background:var(--color-surface);border:4px solid var(--primary-30);border-radius:var(--radius-md);touch-action:none;overflow:hidden}.bm-board:focus-visible{outline-offset:3px}.bm-cell{border:0 solid var(--primary-30);background:var(--color-surface);transition:background-color 0.4s}.bm-cell.is-seen{background:var(--secondary-95)}.bm-cell.e{border-right-width:3px}.bm-cell.s{border-bottom-width:3px}.bm-jar,.bm-bee{position:absolute;width:calc(100% / var(--n));height:calc(100% / var(--n));display:grid;place-items:center;pointer-events:none}.bm-jar img,.bm-bee img{width:78%;height:78%;object-fit:contain}.bm-bee{left:0;top:0;transform:translate(calc(var(--c) * 100%),calc(var(--r) * 100%));transition:transform 0.12s ease-out}.bm-pad{display:grid;grid-template-columns:repeat(3,4rem);grid-template-areas:". up ." "left down right";gap:var(--space-2);justify-content:center;margin-top:var(--space-3)}.bm-pad .btn{min-height:3.25rem;font-size:1.4rem;touch-action:manipulation}.bm-up{grid-area:up}.bm-left{grid-area:left}.bm-down{grid-area:down}.bm-right{grid-area:right}@media (prefers-reduced-motion:reduce){.bm-bee,.bm-cell{transition:none}}