.puzzle-grid.svelte-1c6vhne{display:grid;grid-gap:20px;overflow:auto;grid-auto-flow:column;padding:6px 6px 14px}.full-page-grid.svelte-1c6vhne{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:1rem}.puzzle-card.svelte-1c6vhne{overflow:hidden;cursor:pointer;text-decoration:none;color:inherit;grid-template-rows:1fr auto;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease;scroll-snap-align:start;will-change:transform,box-shadow;min-width:fit-content;height:fit-content}.puzzle-card.svelte-1c6vhne>button:where(.svelte-1c6vhne){all:unset}.puzzle-card.svelte-1c6vhne .puzzle-image{object-fit:cover;width:100%;box-shadow:var(--shadow);border-radius:var(--radius);aspect-ratio:16 / 9;min-width:280px}.puzzle-info.svelte-1c6vhne{transition:transform .3s ease}#puzzle-image-button.svelte-1c6vhne:hover .view-icon:where(.svelte-1c6vhne){display:block}.view-icon.svelte-1c6vhne{display:none;position:absolute;top:10px;right:10px}[popover].svelte-1c6vhne{padding:0;border:none;border-radius:var(--radius);box-shadow:var(--shadow-lg);background-color:var(--color-background);max-width:90vw;max-height:90vh;overflow:hidden;--duration: .3s;transition:translate var(--duration) ease-in}[popover].svelte-1c6vhne:popover-open{translate:0 0}@starting-style{[popover].svelte-1c6vhne:popover-open{translate:0 1vh}}[popover].svelte-1c6vhne::backdrop{background-color:#000000bf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content.svelte-1c6vhne{display:flex;flex-direction:column;max-height:90vh}.puzzle-image{max-width:100%;max-height:80vh;object-fit:contain}.puzzle-card.svelte-1c6vhne:hover .puzzle-info:where(.svelte-1c6vhne){transform:translateY(-5px)}.puzzle-title.svelte-1c6vhne{font-weight:600;margin:0;font-size:1rem;transition:color .3s ease;color:var(--color-black)}.puzzle-card.svelte-1c6vhne:hover .puzzle-title:where(.svelte-1c6vhne){color:var(--color-primary)}.meta-container.svelte-1c6vhne{display:flex;gap:6px}.meta-text.svelte-1c6vhne{font-weight:500;font-size:14px;margin:2px;color:var(--color-muted-foreground)}