.layout.svelte-1ug9gcq{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:1.5rem;display:grid}.board-wrap.svelte-1ug9gcq{--cell:clamp(32px, min(calc((100cqi - 30px) / var(--w)), calc((100vh - 400px) / var(--w))), 68px);--board:calc(var(--cell) * var(--w) + 4px);--strip:max(calc(var(--board) + 16px), min(100%, 380px));flex-direction:column;align-items:center;min-width:0;display:flex;container-type:inline-size}.modes.svelte-1ug9gcq{background:var(--panel);border:1px solid var(--border);border-radius:999px;gap:.25rem;margin-bottom:.75rem;padding:.25rem;display:flex}.modes.svelte-1ug9gcq button:where(.svelte-1ug9gcq){font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:.35rem .9rem;font-size:.85rem;font-weight:600}.modes.svelte-1ug9gcq button:where(.svelte-1ug9gcq):hover{color:var(--text)}.modes.svelte-1ug9gcq button.on:where(.svelte-1ug9gcq){background:var(--ink);color:var(--paper)}.modes.svelte-1ug9gcq .dim:where(.svelte-1ug9gcq){opacity:.7;font-size:.75rem;font-weight:500}.frame.svelte-1ug9gcq{background:var(--paper-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;padding:8px;display:flex}.bar.svelte-1ug9gcq{width:var(--board);justify-content:space-between;align-items:center;gap:.5rem;min-width:0;padding:0 2px 8px;display:flex}.meta.svelte-1ug9gcq{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.clock.svelte-1ug9gcq{align-items:center;gap:.35rem;display:flex}.time.svelte-1ug9gcq{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-1ug9gcq{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-1ug9gcq svg:where(.svelte-1ug9gcq){fill:currentColor;width:16px;height:16px}.pause.svelte-1ug9gcq:disabled{opacity:.4;cursor:default}.board-box.svelte-1ug9gcq{position:relative}.board.svelte-1ug9gcq{grid-template-columns:repeat(var(--w), calc(var(--cell) - 1px));grid-auto-rows:calc(var(--cell) - 1px);background:var(--ink-4);box-shadow:inset 0 0 0 2px var(--ink);-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:6px;gap:1px;width:max-content;padding:2px;display:grid}.cell.svelte-1ug9gcq{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}.cell.svelte-1ug9gcq:before{content:"";border:0 solid var(--ink);pointer-events:none;z-index:1;position:absolute;inset:-1px}.cell.et.svelte-1ug9gcq:before{border-top-width:2px}.cell.er.svelte-1ug9gcq:before{border-right-width:2px}.cell.eb.svelte-1ug9gcq:before{border-bottom-width:2px}.cell.el.svelte-1ug9gcq:before{border-left-width:2px}.tag.svelte-1ug9gcq{z-index:2;font-size:clamp(9px, calc(var(--cell) * .24), 15px);color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em;pointer-events:none;font-weight:800;line-height:1;position:absolute;top:2px;left:3px}.tag.done.svelte-1ug9gcq{color:var(--ink-4)}.tag.off.svelte-1ug9gcq{color:var(--red);-webkit-text-decoration:underline wavy var(--red);text-decoration:underline wavy var(--red);text-underline-offset:2px;text-decoration-thickness:1px}.cell.incage.svelte-1ug9gcq{background:color-mix(in srgb, var(--paper), var(--ink) 4%)}.board.won.svelte-1ug9gcq .cell:where(.svelte-1ug9gcq),.board.paused.svelte-1ug9gcq .cell:where(.svelte-1ug9gcq){cursor:default}.board.paused.svelte-1ug9gcq .cell:where(.svelte-1ug9gcq){background:var(--paper);box-shadow:none}.cell.peer.svelte-1ug9gcq{background:color-mix(in srgb, var(--paper), var(--ink) 7%)}.cell.same.svelte-1ug9gcq{background:color-mix(in srgb, var(--paper), var(--ink) 16%)}.cell.sel.svelte-1ug9gcq{background:color-mix(in srgb, var(--paper), var(--ink) 22%);box-shadow:inset 0 0 0 2px var(--ink)}.v.svelte-1ug9gcq{font-size:calc(var(--cell) * .5);color:var(--ink);margin-top:calc(var(--cell) * .14);font-weight:600;line-height:1}.cell.bad.svelte-1ug9gcq{background:var(--red-wash)}.cell.bad.svelte-1ug9gcq .v:where(.svelte-1ug9gcq){color:var(--red)}.cell.bad.sel.svelte-1ug9gcq{box-shadow:inset 0 0 0 2px var(--red)}.notes.svelte-1ug9gcq{width:100%;height:100%;padding:calc(var(--cell) * .3) 2px 2px;box-sizing:border-box;font-size:calc(var(--cell) * .22);color:var(--ink-3);grid-template-columns:repeat(3,1fr);font-weight:600;line-height:1;display:grid}.board.small.svelte-1ug9gcq .notes:where(.svelte-1ug9gcq){font-size:calc(var(--cell) * .2);grid-template-columns:repeat(2,1fr)}.notes.svelte-1ug9gcq span:where(.svelte-1ug9gcq){border-radius:3px;place-items:center;display:grid}.notes.svelte-1ug9gcq span.hl:where(.svelte-1ug9gcq):not(:empty){background:var(--ink);color:var(--paper)}.cell.flash.svelte-1ug9gcq .v:where(.svelte-1ug9gcq){animation:.6s ease-out svelte-1ug9gcq-pop}@keyframes svelte-1ug9gcq-pop{0%{color:var(--red);transform:scale(.3)}60%{transform:scale(1.25)}}.board.won.svelte-1ug9gcq .cell:where(.svelte-1ug9gcq){animation:.7s ease-out both svelte-1ug9gcq-wave;animation-delay:var(--wave)}@keyframes svelte-1ug9gcq-wave{40%{background:var(--ink);color:var(--paper)}}.paused-cover.svelte-1ug9gcq{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-1ug9gcq strong:where(.svelte-1ug9gcq){font-size:1.4rem}.paused-cover.svelte-1ug9gcq span:where(.svelte-1ug9gcq){color:var(--muted);font-size:.85rem}.pad.svelte-1ug9gcq{grid-template-columns:repeat(var(--digits), 1fr);width:var(--strip);gap:4px;max-width:100%;margin-top:.75rem;display:grid}.digit.svelte-1ug9gcq{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-1ug9gcq:hover:not(:disabled){background:var(--panel-2)}.digit.svelte-1ug9gcq:active:not(:disabled){transform:translateY(1px)}.digit.hl.svelte-1ug9gcq{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.digit.dragging.svelte-1ug9gcq{opacity:.45}.digit.svelte-1ug9gcq:disabled{cursor:default}.digit.svelte-1ug9gcq .d:where(.svelte-1ug9gcq){font-size:clamp(1.1rem, calc(var(--cell) * .5), 1.6rem);font-weight:700;line-height:1}.digit.svelte-1ug9gcq .left:where(.svelte-1ug9gcq){color:var(--muted);font-variant-numeric:tabular-nums;font-size:.65rem}.digit.done.svelte-1ug9gcq{opacity:.4}.cell.drop.svelte-1ug9gcq{box-shadow:inset 0 0 0 3px var(--red);background:var(--red-wash)}.drag-ghost.svelte-1ug9gcq{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-1ug9gcq{scale:1}.drag-ghost.note.svelte-1ug9gcq{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)}.tools.svelte-1ug9gcq{width:var(--strip);grid-template-columns:repeat(5,1fr);gap:4px;max-width:100%;margin-top:4px;display:grid}.tools.svelte-1ug9gcq button:where(.svelte-1ug9gcq){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;min-width:0;padding:.4rem .1rem;font-size:.72rem;font-weight:600;display:flex}.tools.svelte-1ug9gcq button:where(.svelte-1ug9gcq):hover:not(:disabled){color:var(--text);background:var(--panel)}.tools.svelte-1ug9gcq button:where(.svelte-1ug9gcq):disabled{opacity:.4;cursor:default}.tools.svelte-1ug9gcq button.on:where(.svelte-1ug9gcq){color:var(--paper);background:var(--ink)}.tools.svelte-1ug9gcq svg:where(.svelte-1ug9gcq){width:22px;height:22px}.result.svelte-1ug9gcq{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-1ug9gcq p:where(.svelte-1ug9gcq){margin:0;animation:.3s ease-out svelte-1ug9gcq-fade}@keyframes svelte-1ug9gcq-fade{0%{opacity:0}}.result.svelte-1ug9gcq button:where(.svelte-1ug9gcq){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-1ug9gcq button.ghost:where(.svelte-1ug9gcq){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-1ug9gcq button.ghost:where(.svelte-1ug9gcq):hover{color:var(--text)}.result.svelte-1ug9gcq button.ghost.warn:where(.svelte-1ug9gcq){color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}.badge.svelte-1ug9gcq{color:var(--red);margin-left:.6rem;font-weight:700}.side.svelte-1ug9gcq{flex-direction:column;gap:1rem;display:flex}@media (width<=800px){.layout.svelte-1ug9gcq{grid-template-columns:1fr}.board-wrap.svelte-1ug9gcq{--cell:clamp(32px, calc((100cqi - 30px) / var(--w)), 68px)}}@media (width<=420px){.modes.svelte-1ug9gcq button:where(.svelte-1ug9gcq){padding:.35rem .6rem}}@media (prefers-reduced-motion:reduce){.board.won.svelte-1ug9gcq .cell:where(.svelte-1ug9gcq),.cell.flash.svelte-1ug9gcq .v:where(.svelte-1ug9gcq){animation:none}}