.quadcard.svelte-1btmbfk{display:contents;--card-frame: color-mix(in oklab, var(--ds-tint) 80%, #fff);--card-frame-shade: color-mix(in oklab, var(--ds-tint) 35%, #0a0820);--card-rim: color-mix(in oklab, var(--ds-tint) 30%, #fff);--card-paper-hi: color-mix(in oklab, var(--ds-tint) 40%, #1a1838);--card-paper: color-mix(in oklab, var(--ds-tint) 28%, #121030);--card-paper-lo: color-mix(in oklab, var(--ds-tint) 18%, #0a0920);--card-ink: #f3f2ff;--card-title-ink: var(--card-title, #f3f2ff);--card-ink-2: #cbc8ec;--card-ink-3: #a19dcc;--card-raised: color-mix(in oklab, var(--ds-tint) 30%, #16143a);--card-surface: color-mix(in oklab, var(--ds-tint) 34%, #1a1840);--card-surface-2: color-mix(in oklab, var(--ds-tint) 45%, #24224e);--card-title: #ffd25a;--card-outline: #4a2a00;--card-num: #ffd25a;--card-star-off: color-mix(in oklab, var(--ds-tint) 40%, #2a2850);--card-note: rgb(255 255 255 / .08);--ds-border: rgb(255 255 255 / .14);--ds-border-strong: rgb(255 255 255 / .28)}.boards.svelte-1btmbfk{--cols: 2;--brows: 2;--tile: max(16px, min(calc((var(--board-h) - 12px - (var(--rows) - 1) * var(--brows) * 4px - (var(--brows) - 1) * 16px) / (var(--rows) * var(--brows))), calc((var(--board-w) - (var(--cols) - 1) * 24px - var(--cols) * 16px) / (var(--cols) * 5))));display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:16px 24px;--tile-font: clamp(.7rem, calc(var(--tile) * .58), 2rem);--tile-radius: clamp(4px, calc(var(--tile) * .2), 10px);width:min(100%,calc(var(--tile) * var(--cols) * 5 + var(--cols) * 16px + (var(--cols) - 1) * 24px));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)}}