.layout.svelte-1641os2{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:1.5rem;display:grid}.board-wrap.svelte-1641os2{--cell:clamp(30px, min(calc((100cqi - 30px) / 9), calc((100vh - 400px) / 9)), 58px);--board:calc(var(--cell) * 9 + 12px);flex-direction:column;align-items:center;min-width:0;display:flex;container-type:inline-size}.modes.svelte-1641os2{background:var(--panel);border:1px solid var(--border);border-radius:999px;gap:.25rem;margin-bottom:.75rem;padding:.25rem;display:flex}.modes.svelte-1641os2 button:where(.svelte-1641os2){font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.35rem 1rem;font-size:.85rem;font-weight:600}.modes.svelte-1641os2 button:where(.svelte-1641os2):hover{color:var(--text)}.modes.svelte-1641os2 button.on:where(.svelte-1641os2){background:var(--ink);color:var(--paper)}.frame.svelte-1641os2{background:var(--paper-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;padding:8px;display:flex}.bar.svelte-1641os2{width:var(--board);justify-content:space-between;align-items:center;gap:.5rem;padding:0 2px 8px;display:flex}.meta.svelte-1641os2{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.clock.svelte-1641os2{align-items:center;gap:.35rem;display:flex}.time.svelte-1641os2{font-variant-numeric:tabular-nums;color:var(--ink);background:var(--paper);box-shadow:inset 0 0 0 1px var(--border);letter-spacing:.04em;border-radius:6px;padding:.15rem .55rem;font-size:1.05rem;font-weight:700}.pause.svelte-1641os2{border:1px solid var(--border);background:var(--panel-2);width:30px;height:30px;color:var(--ink);cursor:pointer;border-radius:8px;place-items:center;padding:0;display:grid}.pause.svelte-1641os2 svg:where(.svelte-1641os2){fill:currentColor;width:16px;height:16px}.pause.svelte-1641os2:disabled{opacity:.4;cursor:default}.board-box.svelte-1641os2{position:relative}.board.svelte-1641os2{background:var(--ink-2);-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:6px;grid-template-columns:repeat(3,auto);gap:3px;width:max-content;padding:3px;display:grid}.box.svelte-1641os2{grid-template-columns:repeat(3, calc(var(--cell) - 2px));grid-auto-rows:calc(var(--cell) - 2px);background:var(--ink-4);gap:1px;display:grid}.cell.svelte-1641os2{font:inherit;background:var(--paper);color:var(--ink-2);cursor:pointer;border:0;border-radius:0;outline:none;place-items:center;padding:0;display:grid;position:relative}.board.won.svelte-1641os2 .cell:where(.svelte-1641os2),.board.paused.svelte-1641os2 .cell:where(.svelte-1641os2){cursor:default}.board.paused.svelte-1641os2 .cell:where(.svelte-1641os2){background:var(--paper);box-shadow:none}.cell.peer.svelte-1641os2{background:color-mix(in srgb, var(--paper), var(--ink) 6%)}.cell.same.svelte-1641os2{background:color-mix(in srgb, var(--paper), var(--ink) 16%)}.cell.sel.svelte-1641os2{background:color-mix(in srgb, var(--paper), var(--ink) 22%);box-shadow:inset 0 0 0 2px var(--ink)}.v.svelte-1641os2{font-size:calc(var(--cell) * .56);font-weight:500;line-height:1}.cell.given.svelte-1641os2{color:var(--ink)}.cell.given.svelte-1641os2 .v:where(.svelte-1641os2){font-weight:800}.cell.bad.svelte-1641os2{color:var(--red);background:var(--red-wash)}.cell.bad.sel.svelte-1641os2{box-shadow:inset 0 0 0 2px var(--red)}.cell.clash.svelte-1641os2 .v:where(.svelte-1641os2){-webkit-text-decoration:underline wavy var(--red);text-decoration:underline wavy var(--red);text-underline-offset:3px;text-decoration-thickness:1.5px}.notes.svelte-1641os2{box-sizing:border-box;width:100%;height:100%;font-size:calc(var(--cell) * .22);color:var(--ink-3);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);padding:2px;font-weight:600;line-height:1;display:grid}.notes.svelte-1641os2 span:where(.svelte-1641os2){border-radius:3px;place-items:center;display:grid}.notes.svelte-1641os2 span.hl:where(.svelte-1641os2):not(:empty){background:var(--ink);color:var(--paper)}.cell.flash.svelte-1641os2 .v:where(.svelte-1641os2){animation:.6s ease-out svelte-1641os2-pop}@keyframes svelte-1641os2-pop{0%{color:var(--red);transform:scale(.3)}60%{transform:scale(1.25)}}.board.won.svelte-1641os2 .cell:where(.svelte-1641os2){animation:.7s ease-out both svelte-1641os2-wave;animation-delay:var(--wave)}@keyframes svelte-1641os2-wave{40%{background:var(--ink);color:var(--paper)}}.paused-cover.svelte-1641os2{background:color-mix(in srgb, var(--paper-2) 82%, transparent);color:var(--text);font:inherit;cursor:pointer;border:0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;display:flex;position:absolute;inset:0}.paused-cover.svelte-1641os2 strong:where(.svelte-1641os2){font-size:1.4rem}.paused-cover.svelte-1641os2 span:where(.svelte-1641os2){color:var(--muted);font-size:.85rem}.pad.svelte-1641os2{width:calc(var(--board) + 16px);grid-template-columns:repeat(9,1fr);gap:4px;margin-top:.75rem;display:grid}.digit.svelte-1641os2{touch-action:none;border:1px solid var(--border);background:var(--panel);color:var(--ink);font:inherit;cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:.4rem 0 .3rem;display:flex}.digit.svelte-1641os2:hover:not(:disabled){background:var(--panel-2)}.digit.svelte-1641os2:active:not(:disabled){transform:translateY(1px)}.digit.hl.svelte-1641os2{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.digit.dragging.svelte-1641os2{opacity:.45}.cell.drop.svelte-1641os2{box-shadow:inset 0 0 0 3px var(--red);background:var(--red-wash)}.drag-ghost.svelte-1641os2{z-index:50;width:var(--size);height:var(--size);background:var(--ink);color:var(--paper);font-size:calc(var(--size) * .56);box-shadow:0 6px 18px color-mix(in srgb, var(--ink) 35%, transparent);pointer-events:none;border-radius:8px;place-items:center;font-weight:700;line-height:1;transition:scale .12s;display:grid;position:fixed;translate:-50% -50%;scale:.85}.drag-ghost.over.svelte-1641os2{scale:1}.drag-ghost.note.svelte-1641os2{font-size:calc(var(--size) * .3);background:var(--paper-3);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink-3), 0 6px 18px color-mix(in srgb, var(--ink) 25%, transparent)}.digit.svelte-1641os2 .d:where(.svelte-1641os2){font-size:clamp(1.1rem, calc(var(--cell) * .5), 1.6rem);font-weight:700;line-height:1}.digit.svelte-1641os2 .left:where(.svelte-1641os2){color:var(--muted);font-variant-numeric:tabular-nums;font-size:.65rem}.digit.done.svelte-1641os2{opacity:.4}.digit.svelte-1641os2:disabled{cursor:default}.tools.svelte-1641os2{width:calc(var(--board) + 16px);grid-template-columns:repeat(5,1fr);gap:4px;margin-top:4px;display:grid}.tools.svelte-1641os2 button:where(.svelte-1641os2){color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:.4rem .2rem;font-size:.75rem;font-weight:600;display:flex}.tools.svelte-1641os2 button:where(.svelte-1641os2):hover:not(:disabled){color:var(--text);background:var(--panel)}.tools.svelte-1641os2 button:where(.svelte-1641os2):disabled{opacity:.4;cursor:default}.tools.svelte-1641os2 button.on:where(.svelte-1641os2){color:var(--paper);background:var(--ink)}.tools.svelte-1641os2 svg:where(.svelte-1641os2){width:22px;height:22px}.tools.svelte-1641os2 .state:where(.svelte-1641os2){display:none}.result.svelte-1641os2{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;min-height:3rem;margin-top:.5rem;display:flex}.result.svelte-1641os2 p:where(.svelte-1641os2){margin:0;animation:.3s ease-out svelte-1641os2-fade}@keyframes svelte-1641os2-fade{0%{opacity:0}}.result.svelte-1641os2 button:where(.svelte-1641os2){font:inherit;background:var(--red);color:var(--on-red);cursor:pointer;border:0;border-radius:999px;padding:.5rem 1.4rem;font-weight:700}.result.svelte-1641os2 button.ghost:where(.svelte-1641os2){color:var(--muted);box-shadow:inset 0 0 0 1px var(--border);background:0 0;padding:.4rem 1.1rem;font-size:.85rem;font-weight:600}.result.svelte-1641os2 button.ghost:where(.svelte-1641os2):hover{color:var(--text)}.result.svelte-1641os2 button.ghost.warn:where(.svelte-1641os2){color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}.badge.svelte-1641os2{color:var(--red);margin-left:.6rem;font-weight:700}.side.svelte-1641os2{flex-direction:column;gap:1rem;display:flex}.panel.svelte-1641os2{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.9rem 1rem}.panel.svelte-1641os2 h3:where(.svelte-1641os2){text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .6rem;font-size:.8rem}.stats.svelte-1641os2{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.stats.svelte-1641os2 span:where(.svelte-1641os2){text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.7rem;display:block}.stats.svelte-1641os2 strong:where(.svelte-1641os2){font-variant-numeric:tabular-nums;font-size:1.35rem}.keys.svelte-1641os2 ul:where(.svelte-1641os2){color:var(--muted);gap:.35rem;margin:0;padding:0;font-size:.82rem;list-style:none;display:grid}.keys.svelte-1641os2 b:where(.svelte-1641os2){color:var(--text);font-weight:600}kbd.svelte-1641os2{border:1px solid var(--border);background:var(--panel-2);min-width:1.4em;color:var(--text);text-align:center;border-bottom-width:2px;border-radius:4px;margin-right:.15em;padding:0 .3em;font-family:inherit;font-size:.75rem;display:inline-block}table.svelte-1641os2{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.82rem}th.svelte-1641os2{text-align:left;color:var(--muted);padding-bottom:.3rem;font-weight:600}td.svelte-1641os2{border-top:1px solid var(--border);padding:.25rem 0}th.svelte-1641os2:not(:first-child),td.svelte-1641os2:not(:first-child){text-align:right}tr.top.svelte-1641os2 td:where(.svelte-1641os2){color:var(--red)}.muted.svelte-1641os2{color:var(--muted);margin:0;font-size:.85rem}@media (width<=800px){.layout.svelte-1641os2{grid-template-columns:1fr}.board-wrap.svelte-1641os2{--cell:clamp(30px, calc((100cqi - 30px) / 9), 58px)}}@media (prefers-reduced-motion:reduce){.board.won.svelte-1641os2 .cell:where(.svelte-1641os2),.cell.flash.svelte-1641os2 .v:where(.svelte-1641os2){animation:none}}