main.svelte-19h8pwg{max-width:1200px;margin:0 auto;padding:2rem}.sort.svelte-19h8pwg em:where(.svelte-19h8pwg){font-style:normal;font-weight:600;color:var(--accent-color)}header.svelte-19h8pwg{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.boards-grid.svelte-19h8pwg{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.board-card.svelte-19h8pwg{display:block;padding:1.5rem;border:.3em solid #333;border-radius:8px;text-decoration:none;color:inherit;transition:all .1s ease;position:relative;background-color:var(--bg-color)}.board-card.svelte-19h8pwg:hover{border-color:var(--accent-color);transform:translateY(-.2em);box-shadow:0 .6em .6em -.5em #000}.board-card.svelte-19h8pwg .board-id:where(.svelte-19h8pwg){font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--accent-color)}.board-card.svelte-19h8pwg .board-players:where(.svelte-19h8pwg){font-size:1rem;color:#aaa;margin-bottom:1rem}.board-card.svelte-19h8pwg .board-duration:where(.svelte-19h8pwg),.board-card.svelte-19h8pwg .board-activity:where(.svelte-19h8pwg){font-size:.9rem;color:#888;display:flex;align-items:baseline}.board-card.svelte-19h8pwg .board-duration:where(.svelte-19h8pwg)>span:where(.svelte-19h8pwg),.board-card.svelte-19h8pwg .board-activity:where(.svelte-19h8pwg)>span:where(.svelte-19h8pwg){font-weight:600;margin-right:.5rem;text-transform:uppercase;font-size:.7rem;opacity:.5}.board-card.svelte-19h8pwg .board-duration:where(.svelte-19h8pwg) dl:where(.svelte-19h8pwg),.board-card.svelte-19h8pwg .board-activity:where(.svelte-19h8pwg) dl:where(.svelte-19h8pwg){display:flex;align-items:baseline;margin:0;margin-right:.5rem}.board-card.svelte-19h8pwg .board-duration:where(.svelte-19h8pwg) dl:where(.svelte-19h8pwg) dt:where(.svelte-19h8pwg),.board-card.svelte-19h8pwg .board-activity:where(.svelte-19h8pwg) dl:where(.svelte-19h8pwg) dt:where(.svelte-19h8pwg){font-size:.8em;opacity:.6}.board-card.svelte-19h8pwg .board-duration:where(.svelte-19h8pwg) dl:where(.svelte-19h8pwg) dd:where(.svelte-19h8pwg),.board-card.svelte-19h8pwg .board-activity:where(.svelte-19h8pwg) dl:where(.svelte-19h8pwg) dd:where(.svelte-19h8pwg){margin:0;font-variant-numeric:tabular-nums}.empty-state.svelte-19h8pwg{display:flex;width:100%;flex-flow:column;align-items:center;justify-content:center;gap:1rem;height:40vh;font-size:clamp(1.5rem,4vmin,2rem)}