.layout.svelte-16yag4k{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:1.5rem;display:grid}.board-wrap.svelte-16yag4k{--cell:clamp(32px, min(calc((100cqi - 26px) / var(--n)), calc((100vh - 360px) / var(--n))), 64px);--board:calc(var(--cell) * var(--n));flex-direction:column;align-items:center;min-width:0;display:flex;container-type:inline-size}.modes.svelte-16yag4k{background:var(--panel);border:1px solid var(--border);box-sizing:border-box;border-radius:999px;gap:.25rem;max-width:100%;margin-bottom:.75rem;padding:.25rem;display:flex}.modes.svelte-16yag4k button:where(.svelte-16yag4k){font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:.35rem .8rem;font-size:.85rem;font-weight:600}.modes.svelte-16yag4k button:where(.svelte-16yag4k):hover{color:var(--text)}.modes.svelte-16yag4k button.on:where(.svelte-16yag4k){background:var(--ink);color:var(--paper)}.frame.svelte-16yag4k{background:var(--paper-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;padding:8px;display:flex}.bar.svelte-16yag4k{width:calc(var(--board) + 6px);justify-content:space-between;align-items:center;gap:.5rem;padding:0 2px 8px;display:flex}.meta.svelte-16yag4k{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:.5rem;min-width:0;font-size:.8rem;font-weight:600;display:flex}.crowns.svelte-16yag4k{gap:3px;display:flex}.pip.svelte-16yag4k{width:8px;height:8px;box-shadow:inset 0 0 0 1.5px var(--ink-3);border-radius:50%}.pip.on.svelte-16yag4k{background:var(--ink);box-shadow:none}.pip.on.over.svelte-16yag4k{background:var(--red)}.clock.svelte-16yag4k{flex:none;align-items:center;gap:.35rem;display:flex}.time.svelte-16yag4k{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-16yag4k{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-16yag4k svg:where(.svelte-16yag4k){fill:currentColor;width:16px;height:16px}.pause.svelte-16yag4k:disabled{opacity:.4;cursor:default}.board-box.svelte-16yag4k{position:relative}.board.svelte-16yag4k{--hair:color-mix(in srgb, var(--ink-4) 70%, transparent);grid-template-columns:repeat(var(--n), var(--cell));grid-auto-rows:var(--cell);border:3px solid var(--ink);background:var(--paper);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;cursor:pointer;border-radius:4px;outline:none;width:max-content;display:grid}.cell.svelte-16yag4k{--fill-ink:color-mix(in srgb, var(--ink-3) 55%, var(--paper));--fill-ground:var(--paper);background-color:var(--paper);place-items:center;display:grid;position:relative}.cell.pat-check.svelte-16yag4k{background:repeating-conic-gradient(var(--fill-ink) 0 25%, var(--fill-ground) 0 50%) 0 0 / 8px 8px}.cell.crowd.svelte-16yag4k:after{content:"";background:var(--red-wash);pointer-events:none;position:absolute;inset:0}.cell.cursor.svelte-16yag4k:before{content:"";border:2px solid var(--ink);pointer-events:none;z-index:1;border-radius:4px;position:absolute;inset:3px}.glyph.svelte-16yag4k{pointer-events:none;place-items:center;display:grid;position:relative}.queen.svelte-16yag4k{width:calc(var(--cell) * .74);height:calc(var(--cell) * .74);background:var(--paper);box-shadow:0 0 0 1.5px var(--ink);color:var(--ink);border-radius:50%;animation:.18s ease-out svelte-16yag4k-place}.queen.svelte-16yag4k svg:where(.svelte-16yag4k){fill:currentColor;width:72%;height:72%}.queen.bad.svelte-16yag4k{color:var(--on-red);background:var(--red);box-shadow:0 0 0 1.5px var(--red)}@keyframes svelte-16yag4k-place{0%{scale:.6}}.cross.svelte-16yag4k{width:calc(var(--cell) * .42);height:calc(var(--cell) * .42);background:var(--paper);border-radius:4px}.cross.svelte-16yag4k:before,.cross.svelte-16yag4k:after,.k-x.svelte-16yag4k:before,.k-x.svelte-16yag4k:after{content:"";background:var(--ink-2);border-radius:1px;height:2px;margin-top:-1px;position:absolute;top:50%;left:12%;right:12%;rotate:45deg}.cross.svelte-16yag4k:after,.k-x.svelte-16yag4k:after{rotate:-45deg}.k-x.svelte-16yag4k{vertical-align:-.05em;width:.8em;height:.8em;display:inline-block;position:relative}.dot.svelte-16yag4k{width:max(5px, calc(var(--cell) * .16));height:max(5px, calc(var(--cell) * .16));background:var(--ink-3);box-shadow:0 0 0 2px var(--paper);border-radius:50%}.board.won.svelte-16yag4k,.board.paused.svelte-16yag4k{cursor:default}.board.won.svelte-16yag4k .queen:where(.svelte-16yag4k){animation:.7s ease-out both svelte-16yag4k-crown;animation-delay:var(--wave)}@keyframes svelte-16yag4k-crown{40%{background:var(--ink);color:var(--paper);scale:1.2}}.paused-cover.svelte-16yag4k{background:color-mix(in srgb, var(--paper-2) 82%, transparent);color:var(--text);font:inherit;cursor:pointer;border:0;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;display:flex;position:absolute;inset:0}.paused-cover.svelte-16yag4k strong:where(.svelte-16yag4k){font-size:1.4rem}.paused-cover.svelte-16yag4k span:where(.svelte-16yag4k){color:var(--muted);font-size:.85rem}.tools.svelte-16yag4k{width:min(100%, calc(var(--board) + 22px));grid-template-columns:repeat(3,1fr);gap:4px;margin-top:.6rem;display:grid}.tools.svelte-16yag4k button:where(.svelte-16yag4k){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-16yag4k button:where(.svelte-16yag4k):hover:not(:disabled){color:var(--text);background:var(--panel)}.tools.svelte-16yag4k button:where(.svelte-16yag4k):disabled{opacity:.4;cursor:default}.tools.svelte-16yag4k button.on:where(.svelte-16yag4k),.tools.svelte-16yag4k button.on:where(.svelte-16yag4k):hover:not(:disabled){color:var(--paper);background:var(--ink)}.tools.svelte-16yag4k svg:where(.svelte-16yag4k){width:22px;height:22px}.result.svelte-16yag4k{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-16yag4k p:where(.svelte-16yag4k){margin:0;animation:.3s ease-out svelte-16yag4k-fade}@keyframes svelte-16yag4k-fade{0%{opacity:0}}.result.svelte-16yag4k button:where(.svelte-16yag4k){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-16yag4k button.ghost:where(.svelte-16yag4k){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-16yag4k button.ghost:where(.svelte-16yag4k):hover{color:var(--text)}.result.svelte-16yag4k button.ghost.warn:where(.svelte-16yag4k){color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}.badge.svelte-16yag4k{color:var(--red);margin-left:.6rem;font-weight:700}.side.svelte-16yag4k{flex-direction:column;gap:1rem;display:flex}@media (width<=800px){.layout.svelte-16yag4k{grid-template-columns:1fr}.board-wrap.svelte-16yag4k{--cell:clamp(32px, calc((100cqi - 26px) / var(--n)), 64px)}}@media (prefers-reduced-motion:reduce){.queen.svelte-16yag4k,.board.won.svelte-16yag4k .queen:where(.svelte-16yag4k){animation:none}}