.puzzle.svelte-10ts720{justify-items:center;gap:var(--space-12);width:100%;display:grid}.desk.svelte-10ts720{background:var(--color-glass);border-radius:var(--radius-l);width:min(300px,100%,40dvh);padding:10px}.board.svelte-10ts720{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.board.svelte-10ts720.glow{border-radius:var(--radius-m);box-shadow:0 0 0 3px var(--theme-accent), 0 0 24px 4px var(--theme-accent)}.tile.svelte-10ts720{background:var(--color-glass);transform-origin:0 0;cursor:grab;touch-action:none;border:0;padding:0;position:absolute;top:0;left:0;overflow:hidden}.board.svelte-10ts720.cracked .tile:where(.svelte-10ts720){border-radius:var(--radius-l)}.solved.svelte-10ts720 .board:where(.svelte-10ts720) .tile:where(.svelte-10ts720){cursor:default;border-radius:0}.solved.svelte-10ts720 .board:where(.svelte-10ts720){border-radius:var(--radius-m);overflow:hidden}.tile.lifted.svelte-10ts720{z-index:2;box-shadow:var(--shadow-e2)}.tile.dragging.svelte-10ts720{z-index:3;box-shadow:var(--shadow-e2);cursor:grabbing}.tile.svelte-10ts720:focus-visible{z-index:2;outline:3px solid var(--color-focus);outline-offset:2px}.tile.svelte-10ts720 img:where(.svelte-10ts720){object-fit:cover;pointer-events:none;max-width:none;position:absolute;top:0;left:0}.badge.svelte-10ts720{background:color-mix(in srgb, var(--theme-deep) 75%, transparent);border-radius:var(--radius-pill);width:26px;height:26px;color:var(--theme-text);opacity:0;transition:opacity var(--dur-state) var(--ease-state);place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;bottom:6px;right:6px}.ready.svelte-10ts720 .badge:where(.svelte-10ts720){opacity:1}.ready.svelte-10ts720 .tile.home:where(.svelte-10ts720) .badge:where(.svelte-10ts720),.solved.svelte-10ts720 .badge:where(.svelte-10ts720){opacity:0}.peek.svelte-10ts720{z-index:4;object-fit:cover;border-radius:var(--radius-m);opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.shine.svelte-10ts720{z-index:5;background:linear-gradient(105deg, transparent 35%, color-mix(in srgb, var(--theme-text) 70%, transparent) 50%, transparent 65%);pointer-events:none;position:absolute;inset:0}.stats.svelte-10ts720{justify-content:space-between;align-items:center;gap:var(--space-12);opacity:0;width:min(300px,100%);transition:opacity var(--dur-state) var(--ease-state);display:flex}.stats.ready.svelte-10ts720{opacity:1}.stat.svelte-10ts720{align-items:center;gap:var(--space-4);color:var(--theme-text);display:inline-flex}.stat.svelte-10ts720 b:where(.svelte-10ts720){color:var(--color-haldi);font-variant-numeric:tabular-nums}.peek-button.svelte-10ts720{align-items:center;gap:var(--space-8);min-height:44px;padding:0 var(--space-16);background:var(--color-glass);border:1px solid var(--color-glass-line);border-radius:var(--radius-pill);color:var(--theme-text);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;display:inline-flex}.pill.svelte-10ts720{padding:var(--space-8) var(--space-16);background:var(--color-glass);border:1px solid var(--color-glass-line);border-radius:var(--radius-pill);color:var(--theme-text);margin:0}.note.svelte-10ts720{z-index:6;justify-items:center;gap:var(--space-4);width:min(300px,100%);padding:var(--space-12) var(--space-16);background:var(--color-paper);border-radius:var(--radius-m);box-shadow:var(--shadow-e2);text-align:center;margin-top:-72px;display:grid;position:relative}.note.svelte-10ts720 p:where(.svelte-10ts720){margin:0}.note-text.svelte-10ts720,.note-from.svelte-10ts720{color:var(--color-ink);font-family:var(--font-hand);font-size:20px;line-height:calc(26px * var(--line-scale));overflow-wrap:anywhere}.note-label.svelte-10ts720{align-items:center;gap:var(--space-4);color:var(--color-ink-3);display:inline-flex}.note-label.svelte-10ts720 .icon{color:var(--color-rani)}