:root{--page-max:1180px}#root{display:contents}.section-heading{text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:14px;font-size:13px}.card-grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card-item{display:flex;position:relative}.card{display:flex;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-soft);text-decoration:none;color:inherit;flex-direction:column;flex:1;gap:8px;padding:22px 20px 20px}.card-heading{display:flex;align-items: center;gap:8px}.card-icon{filter:drop-shadow(0 3px 6px rgb(var(--accent-rgb)/.25));font-size:30px;line-height:1}.card-name{letter-spacing:-.4px;white-space:nowrap;font-size:21px;font-weight:800}.card-desc{color:var(--text-primary);text-wrap:pretty;flex:1;font-size:15px}.card-categories{display:flex;flex-wrap:wrap;align-self: flex-start;gap:6px}.card-category{display:inline-flex;color:var(--text-secondary);font-family:var(--font-heading);background:#7a5e3e1a;border-radius:999px;align-items: center;gap:6px;padding:4px 10px;font-size:12px;font-weight:800}.card-favorite{position:absolute;display:flex;box-shadow:var(--shadow-soft);color:var(--text-muted);cursor:pointer;opacity:0;background:#fffdf9d9;border:none;border-radius:50%;justify-content:center;align-items: center;width:30px;height:30px;padding:0;transition:opacity .15s,transform .18s,box-shadow .18s,border-color .18s;font-size:16px;line-height:1;top:10px;right:10px}.card-item:hover .card-favorite,.card-item:focus-within .card-favorite,.card-favorite.is-favorite{opacity:1}.card-item:hover .card-favorite{transform:translateY(-3px)}.card-favorite:hover{color:#b8860b}.card-favorite:focus-visible{color:#b8860b}.card-favorite.is-favorite{color:#b8860b}.card-favorite:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.filter-chip{display:inline-flex;border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--text-primary);font-family:var(--font-heading);cursor:pointer;border-radius:999px;align-items: center;gap:6px;padding:8px 14px;transition:border-color .18s,background .18s,color .18s,transform 80ms;font-size:14px;font-weight:800}.filter-chip:hover{border-color:var(--border-color-focus)}.filter-chip:active{transform:translateY(1px)}.filter-chip:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.filter-chip[aria-pressed=true]{background:var(--accent-gradient);color:#fff;border-color:#0000}.card-item{transition:opacity .26s,transform .26s}@starting-style{.card-item{opacity:0;transform:scale(.9)}}.card-item[hidden]{display:none}a.card{transition:transform .18s,box-shadow .18s,border-color .18s}.card-item:hover a.card{border-color:var(--border-color-focus);box-shadow:var(--shadow-glow);transform:translateY(-3px)}a.card:active{box-shadow:var(--shadow-soft);transform:translateY(0)}a.card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.card--soon{box-shadow:none;cursor:default;background-color:#0000;border-style:dashed}.card--soon .card-icon{filter:none;opacity:.75}.card--soon .card-name{color:var(--text-secondary)}.card-badge{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-heading);letter-spacing:.6px;text-transform:uppercase;background:#7a5e3e1a;align-self: flex-start;margin-top:4px;padding:6px 12px;font-size:12px;font-weight:800}@media screen and (max-width:920px){.card-grid{grid-template-columns:repeat(2,1fr)}.card-name{font-size:18px}}@media screen and (max-width:600px){.card-grid{grid-template-columns:1fr;gap:14px}.card{padding:18px}.card-name{font-size:18px}}@media screen and (prefers-reduced-motion:reduce){a.card,.card-favorite{transition:none}.card-item:hover a.card,.card-item:hover .card-favorite{transform:none}.card-item,.filter-chip{transition:none}a.card:active,.filter-chip:active{transform:none}}