.grid.svelte-10p0hkc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.tile.svelte-10p0hkc{position:relative;display:block;border-radius:20px;overflow:hidden;aspect-ratio:3 / 4;background:var(--tile-bg);color:var(--tile-fg);transition:transform .3s,box-shadow .3s}.tile.svelte-10p0hkc:hover{color:var(--tile-fg);transform:translateY(-4px);box-shadow:0 8px 24px -8px #2a2e152e}.tile.svelte-10p0hkc:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.18;background-image:repeating-linear-gradient(45deg,currentColor 0 6px,transparent 6px 10px);pointer-events:none}.glyph.svelte-10p0hkc{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:88px;line-height:1}.frame.svelte-10p0hkc{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px dashed rgba(229,223,196,.55);border-radius:var(--r-md);opacity:.6;pointer-events:none;z-index:1}.name.svelte-10p0hkc{position:absolute;left:0;right:0;bottom:0;padding:20px 22px;background:linear-gradient(to top,#0000009e,#0000);color:var(--bg-ivory);font-family:var(--font-display);font-size:clamp(15px,1.9vw,24px);font-weight:800;line-height:1.15;z-index:2}@media(max-width:1024px){.grid.svelte-10p0hkc{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.glyph.svelte-10p0hkc{font-size:64px}}@media(max-width:700px){.grid.svelte-10p0hkc{grid-template-columns:repeat(2,minmax(0,1fr))}.name.svelte-10p0hkc{padding:14px 16px}}@media(prefers-reduced-motion:reduce){.tile.svelte-10p0hkc:hover{transform:none}}