.puzzle-board.svelte-9ompes{background:#07060d;width:100%;height:100%;position:relative}.tile.svelte-9ompes{width:calc(100% / var(--n));height:calc(100% / var(--n));background-size:calc(var(--n) * 100%) calc(var(--n) * 100%);transition:translate .14s var(--ease-out);cursor:pointer;touch-action:manipulation;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #07060de6,inset 2px 2px #ffffff2e}.tile.svelte-9ompes:hover{box-shadow:inset 0 0 0 2px #2de2e6,inset 2px 2px #ffffff2e}.tile.svelte-9ompes:focus-visible{outline:3px solid var(--ring);outline-offset:-3px;z-index:1}.num.svelte-9ompes{color:#ffb000;font-family:var(--font-pixel);background:#07060d;padding:.2rem .3rem;font-size:.625rem;line-height:1;position:absolute;top:.3rem;left:.3rem}.thumb.svelte-9ompes{aspect-ratio:1;border:2px solid var(--kg-line);cursor:pointer;display:block;overflow:hidden}.thumb.svelte-9ompes img:where(.svelte-9ompes){object-fit:cover;width:100%;height:100%}.thumb.svelte-9ompes:has(:where(.svelte-9ompes):checked){border-color:var(--kg-magenta);box-shadow:0 0 0 2px var(--kg-magenta)}.thumb.svelte-9ompes:has(:where(.svelte-9ompes):focus-visible){outline:3px solid var(--ring);outline-offset:2px}