.grid.svelte-1rgwf5k{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tile.svelte-1rgwf5k{border-radius:var(--radius-card);border:1px solid var(--line);background:var(--surface);grid-template-columns:auto 1fr;grid-template-areas:"icon num""name name";align-content:start;gap:14px;padding:20px 22px;display:grid}.tile__icon.svelte-1rgwf5k{grid-area:icon}.tile__num.svelte-1rgwf5k{letter-spacing:.12em;color:var(--text-muted);grid-area:num;justify-self:end;font-size:.72rem;font-weight:800}.tile__name.svelte-1rgwf5k{font-family:var(--font-display);grid-area:name;font-size:1.3rem;font-weight:700;line-height:1.15}.tile--join.svelte-1rgwf5k{background:var(--ink-2);color:var(--cream);border-color:#0000;grid-template-columns:1fr;grid-template-areas:none;align-content:space-between}.tile--join.svelte-1rgwf5k .tile__name:where(.svelte-1rgwf5k){grid-area:auto}.tile--join.svelte-1rgwf5k .btn:where(.svelte-1rgwf5k){justify-self:start}.span-2.svelte-1rgwf5k{grid-column:span 2}.span-3.svelte-1rgwf5k{grid-column:1/-1}@media (width<=900px){.grid.svelte-1rgwf5k{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2.svelte-1rgwf5k,.span-3.svelte-1rgwf5k{grid-column:auto}}@media (width<=520px){.grid.svelte-1rgwf5k{grid-template-columns:1fr}}