.boards.svelte-1btmbfk{--cols: 2;--brows: 2;--tile: max(24px, calc((var(--board-h) - 16px) / (var(--rows) * var(--brows) + 2)));display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:16px 24px;--tile-font: clamp(.7rem, calc(var(--tile) * .58), 1.25rem);--tile-radius: clamp(4px, calc(var(--tile) * .2), 7px);width:min(100%,calc(var(--tile) * (var(--cols) * 5 + var(--cols) - 1)));margin-inline:auto;max-height:var(--board-h);overflow-y:auto;overscroll-behavior:contain;align-content:start;padding-bottom:8px}.boards.octo.svelte-1btmbfk{--brows: 4;gap:12px 16px}@media(min-width:860px){.boards.octo.svelte-1btmbfk{--cols: 4;--brows: 2}}.bd.svelte-1btmbfk{display:flex;flex-direction:column;gap:4px;transition:opacity var(--ds-duration-slow)}.bd.done.svelte-1btmbfk{opacity:.55}.row.svelte-1btmbfk{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;perspective:800px}.shake.svelte-1btmbfk{animation:svelte-1btmbfk-shake .35s}@keyframes svelte-1btmbfk-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}