.page.svelte-1xfrtb5{max-width:1320px;margin:0 auto;padding:0 16px}.head.svelte-1xfrtb5{text-align:center;max-width:760px;margin:0 auto;padding:48px 0 24px}h1.svelte-1xfrtb5{text-wrap:balance;animation:svelte-1xfrtb5-up .7s var(--spring-gentle) both;font-size:clamp(2rem,5vw,3.4rem);font-weight:800}.lead.svelte-1xfrtb5{color:var(--ink-2);animation:svelte-1xfrtb5-up .7s var(--spring-gentle) .12s both;margin-top:12px;font-size:1.1rem}@keyframes svelte-1xfrtb5-up{0%{opacity:0;translate:0 12px}}.chips.svelte-1xfrtb5{flex-wrap:wrap;justify-content:center;gap:8px;margin:8px 0 18px;display:flex}.chip.svelte-1xfrtb5{background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);transition:background-color .2s, color .2s, scale .3s var(--spring-snappy);border-radius:999px;padding:8px 14px;font-size:.92rem;font-weight:600;text-decoration:none}.chip.svelte-1xfrtb5:hover{color:var(--ink);scale:1.05}.chip.on.svelte-1xfrtb5{background:var(--ink);color:var(--paper);box-shadow:none}.bar.svelte-1xfrtb5{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.seg.svelte-1xfrtb5{background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:3px;display:flex}.seg.svelte-1xfrtb5 a:where(.svelte-1xfrtb5){color:var(--ink-2);border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.bar-filters.svelte-1xfrtb5{flex-wrap:wrap;gap:10px;min-width:0;max-width:100%;display:flex}.seg.levels.svelte-1xfrtb5 a:where(.svelte-1xfrtb5){white-space:nowrap}@media (width<=560px){.seg.levels.svelte-1xfrtb5{border-radius:20px;flex-wrap:wrap}}.dots.svelte-1xfrtb5{--lv:var(--mint);color:color-mix(in oklab, var(--lv) 60%, var(--ink));gap:2px;display:inline-flex}.dots.lv-medium.svelte-1xfrtb5{--lv:var(--sun)}.dots.lv-hard.svelte-1xfrtb5{--lv:var(--accent)}.dots.svelte-1xfrtb5 i:where(.svelte-1xfrtb5){opacity:.25;background:currentColor;border-radius:50%;width:6px;height:6px}.dots.svelte-1xfrtb5 i.full:where(.svelte-1xfrtb5){opacity:1}.seg.svelte-1xfrtb5 a.on:where(.svelte-1xfrtb5){background:var(--tile);color:var(--ink);box-shadow:var(--tile-shadow)}.cards.svelte-1xfrtb5{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.cards.svelte-1xfrtb5 li:where(.svelte-1xfrtb5){animation:svelte-1xfrtb5-up .6s var(--spring-gentle) both;animation-delay:calc(min(var(--i), 12) * 40ms)}.card.svelte-1xfrtb5{border-radius:var(--radius-l);background:var(--tile);height:100%;box-shadow:inset 0 0 0 1px var(--line), 0 2px 0 var(--tile-edge);transition:translate var(--spring-snappy-ms) var(--spring-snappy), box-shadow .24s;text-decoration:none;display:grid;overflow:hidden}.card.svelte-1xfrtb5:hover{box-shadow:inset 0 0 0 1px var(--line), 0 7px 0 var(--tile-edge), var(--shadow-card);translate:0 -5px}.art.svelte-1xfrtb5{background:var(--paper-2);place-items:center;height:170px;display:grid}.info.svelte-1xfrtb5{gap:4px;padding:14px 16px 16px;display:grid;position:relative}.info.svelte-1xfrtb5 strong:where(.svelte-1xfrtb5){font-family:var(--font-display);font-size:1.15rem;line-height:1.2}.meta.svelte-1xfrtb5{color:var(--ink-3);font-size:.85rem}.levels.svelte-1xfrtb5{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.badge.svelte-1xfrtb5{background:var(--accent);color:var(--on-accent);border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700;position:absolute;top:-14px;right:12px}.empty.svelte-1xfrtb5{text-align:center;color:var(--ink-3);padding:60px 0}@media (width<=560px){.cards.svelte-1xfrtb5{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.art.svelte-1xfrtb5{height:118px}.art.svelte-1xfrtb5 svg{width:92px;height:92px}.info.svelte-1xfrtb5{padding:12px}.info.svelte-1xfrtb5 strong:where(.svelte-1xfrtb5){font-size:1rem}.badge.svelte-1xfrtb5{font-size:.68rem;right:8px}}.about.svelte-1xfrtb5{border-top:1px solid var(--line);max-width:720px;margin:64px auto 0;padding-top:40px}.about.svelte-1xfrtb5 h2:where(.svelte-1xfrtb5){margin-bottom:12px;font-size:clamp(1.4rem,3vw,1.8rem);font-weight:800}.about.svelte-1xfrtb5 h3:where(.svelte-1xfrtb5){margin:28px 0 10px;font-size:1.1rem}.about.svelte-1xfrtb5 p:where(.svelte-1xfrtb5){color:var(--ink-2);margin:0 0 14px;line-height:1.6}.about.svelte-1xfrtb5 ul:where(.svelte-1xfrtb5){color:var(--ink-2);gap:8px;margin:0 0 28px;padding-left:1.2em;line-height:1.55;display:grid}.pager.svelte-1xfrtb5{color:var(--ink-3);justify-content:center;align-items:center;gap:16px;margin-top:32px;display:flex}