.bs-bar{height:10px;border-radius:999px;background:var(--primary-90);overflow:hidden;margin-bottom:var(--space-3)}.bs-bar__fill{height:100%;width:0;background:var(--secondary-70,#E5A93C);transition:width 0.3s}.bs-board{display:grid;grid-template-columns:repeat(6,1fr);aspect-ratio:1;gap:3px;padding:4px;border-radius:var(--radius-md);background:#cfe6d3;touch-action:manipulation}.bs-cell{position:relative;padding:0;border:0;border-radius:10px;background:rgba(255,255,255,0.55);cursor:pointer;display:grid;place-items:center;min-height:0}.bs-cell svg{width:86%;height:86%;transition:transform 0.18s,opacity 0.18s;pointer-events:none}.bs-cell.is-sel{background:var(--secondary-80);outline:3px solid var(--neutral-10);outline-offset:-3px}.bs-cell.is-hint{animation:bs-hint 1.2s ease-in-out 2}.bs-cell.is-clearing svg{transform:scale(0.2);opacity:0}.bs-cell.is-drop svg{animation:bs-drop 0.28s ease-out}.bs-cell:focus-visible{outline:3px solid var(--color-action);outline-offset:-3px;z-index:1}@keyframes bs-hint{50%{background:var(--secondary-70,#E5A93C)}}@keyframes bs-drop{from{transform:translateY(-120%);opacity:0.3}to{transform:none;opacity:1}}@media (prefers-reduced-motion:reduce){.bs-cell svg,.bs-bar__fill{transition:none}.bs-cell.is-drop svg,.bs-cell.is-hint{animation:none}}