.cat-scope{--cat-tint:oklch(.972 .022 var(--cat-h));--cat-tint-strong:oklch(.945 .048 var(--cat-h));--cat-edge:oklch(.905 .032 var(--cat-h));--cat-edge-hover:oklch(.8 .085 var(--cat-h));--cat-ink:oklch(.5 .145 var(--cat-h));--cat-ink-deep:oklch(.4 .12 var(--cat-h));--cat-glow:oklch(.55 .13 var(--cat-h) / .28);--cat-ease:cubic-bezier(.16, 1, .3, 1)}.cat-badge{width:var(--cat-badge,2.75rem);height:var(--cat-badge,2.75rem);color:var(--cat-ink);background:radial-gradient(120% 120% at 30% 15%, #ffffffd9 0%, transparent 55%), var(--cat-tint-strong);box-shadow:inset 0 0 0 1px #fff9, 0 1px 0 0 var(--cat-edge), 0 6px 14px -8px var(--cat-glow);transition:transform .38s var(--cat-ease), box-shadow .38s var(--cat-ease);border-radius:30%;flex-shrink:0;place-items:center;display:inline-grid}@supports (color:lab(0% 0 0)){.cat-badge{background:radial-gradient(120% 120% at 30% 15%, lab(100% 0 0/.85) 0%, transparent 55%), var(--cat-tint-strong);box-shadow:inset 0 0 0 1px lab(100% 0 0/.6), 0 1px 0 0 var(--cat-edge), 0 6px 14px -8px var(--cat-glow)}}.cat-badge>svg{width:58%;height:58%}.cat-grid{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-rows:repeat(2,6.75rem);grid-auto-columns:minmax(9.5rem,42%);grid-auto-flow:column;gap:.75rem;margin-inline:-1rem;padding:.25rem 1rem .75rem;display:grid;overflow-x:auto}.cat-grid::-webkit-scrollbar{display:none}.cat-cell{scroll-snap-align:start;min-width:0;animation:cat-in .52s var(--cat-ease) both;animation-delay:calc(var(--i,0) * 28ms)}@media (min-width:768px){.cat-grid{grid-template-rows:none;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(7rem,auto);grid-auto-flow:dense;gap:.875rem;margin-inline:0;padding:0;overflow:visible}.cat-cell--feature{grid-area:span 2/span 2}.cat-cell--wide{grid-column:span 2}}.cat-tile{isolation:isolate;border:1px solid var(--cat-edge);background:radial-gradient(140% 90% at 100% 0%, var(--cat-tint-strong) 0%, transparent 60%), linear-gradient(180deg, var(--cat-tint) 0%, var(--mg-paper) 100%);height:100%;color:var(--mg-ink);transition:transform .38s var(--cat-ease), border-color .38s var(--cat-ease), box-shadow .38s var(--cat-ease);border-radius:1.25rem;flex-direction:column;justify-content:space-between;gap:.5rem;padding:.875rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.cat-tile:hover{border-color:var(--cat-edge-hover);box-shadow:0 16px 32px -18px var(--cat-glow);transform:translateY(-3px)}.cat-tile:hover .cat-badge{transform:scale(1.06)rotate(-4deg)}.cat-tile:focus-visible{border-color:var(--cat-ink);outline:none;box-shadow:0 0 0 3px #f46a0059;box-shadow:0 0 0 3px lab(61.9947% 55.3398 83.6661/.35)}.cat-tile:active{transform:translateY(-1px)scale(.99)}.cat-tile__name{-webkit-line-clamp:2;color:var(--mg-ink);-webkit-box-orient:vertical;font-size:.875rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.cat-tile__meta{color:var(--mg-ink-500);font-variant-numeric:tabular-nums;font-size:.75rem}.cat-tile__meta b{color:var(--cat-ink-deep);font-weight:700}.cat-tile__go{width:1.75rem;height:1.75rem;color:var(--cat-ink);opacity:0;transition:opacity .3s var(--cat-ease), transform .3s var(--cat-ease);background:#fffc;background:lab(100% 0 0/.8);border-radius:999px;place-items:center;display:grid;position:absolute;inset-block-start:.75rem;inset-inline-end:.75rem;transform:translate(6px)}[dir=rtl] .cat-tile__go{transform:translate(-6px)}.cat-tile:hover .cat-tile__go,.cat-tile:focus-visible .cat-tile__go{opacity:1;transform:none}.cat-tile__fr{color:var(--mg-ink-500);letter-spacing:.02em;text-align:right;font-size:.75rem;display:none}.cat-tile__stats{color:var(--mg-ink-500);align-items:baseline;gap:.25rem;font-size:.75rem;display:flex}.cat-tile__stats strong{color:var(--cat-ink-deep);font-variant-numeric:tabular-nums;font-weight:700}.cat-tile__stats span{font-size:.75rem}.cat-tile__stats .cat-tile__avail{display:none}.cat-tile__watermark{z-index:-1;color:var(--cat-ink);opacity:.09;transition:transform .6s var(--cat-ease), opacity .6s var(--cat-ease);pointer-events:none;display:none;position:absolute;transform:rotate(-12deg)}.cat-tile:hover .cat-tile__watermark{opacity:.13;transform:rotate(-4deg)scale(1.05)}@media (min-width:768px){.cat-tile--feature{padding:1.25rem}.cat-tile--feature .cat-badge{--cat-badge:3.5rem}.cat-tile--feature .cat-tile__name{font-size:1.125rem}.cat-tile--feature .cat-tile__fr{display:block}.cat-tile--feature .cat-tile__stats{gap:.375rem;margin-top:.375rem}.cat-tile--feature .cat-tile__stats strong{letter-spacing:-.02em;font-size:2rem;font-weight:800;line-height:1}.cat-tile--feature .cat-tile__stats span{font-size:.8125rem}.cat-tile--feature .cat-tile__stats .cat-tile__avail{display:inline}.cat-tile__watermark{display:block}.cat-tile--feature .cat-tile__watermark{width:9.5rem;height:9.5rem;inset-block-end:-1.5rem;inset-inline-end:-1.25rem}.cat-tile--wide .cat-tile__watermark{width:6.5rem;height:6.5rem;inset-block-end:-1.25rem;inset-inline-end:1rem}}@media (min-width:1024px){.cat-badge{--cat-badge:3rem}.cat-tile--feature .cat-badge{--cat-badge:3.75rem}.cat-tile--feature .cat-tile__name{-webkit-line-clamp:1;font-size:1.25rem}}.cat-tile--all{color:var(--mg-paper);background:radial-gradient(120% 120% at 0% 100%, #f46a008c 0%, transparent 55%), var(--mg-ink);border-color:#0000}@supports (color:lab(0% 0 0)){.cat-tile--all{background:radial-gradient(120% 120% at 0% 100%, lab(61.9947% 55.3398 83.6661/.55) 0%, transparent 55%), var(--mg-ink)}}.cat-tile--all .cat-tile__name{color:var(--mg-paper)}.cat-tile--all .cat-tile__meta{color:#ffffffb3;color:lab(100% 0 0/.7)}.cat-tile--all .cat-badge{color:var(--mg-paper);background:#ffffff1f;background:lab(100% 0 0/.12);box-shadow:inset 0 0 0 1px #ffffff2e;box-shadow:inset 0 0 0 1px lab(100% 0 0/.18)}.cat-tile--all .cat-tile__go{opacity:1;color:var(--mg-ink);background:var(--mg-paper);transform:none}.cat-chip-icon{color:var(--cat-ink)}@keyframes cat-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.cat-cell{animation:none}.cat-tile,.cat-badge,.cat-tile__go,.cat-tile__watermark{transition:none}.cat-tile:hover,.cat-tile:hover .cat-badge,.cat-tile:hover .cat-tile__watermark{transform:none}}