.cat-page{--cat-gap:3.5rem;--cat-on-hobby:var(--hb-paper);--cat-plate-ink:#fff;--cat-plate-soft:#ffffffdb;--cat-plate-line:#ffffff80;--cat-plate-cta-bg:#fff;--cat-plate-cta-ink:var(--hobby);--cat-tagline:#fff;gap:var(--cat-gap);flex-direction:column;min-width:0;display:flex}.dark .cat-page{--cat-plate-ink:var(--hb-ink);--cat-plate-soft:var(--hb-soft);--cat-plate-line:var(--hb-line);--cat-plate-cta-bg:var(--hobby);--cat-plate-cta-ink:var(--hb-paper);--cat-tagline:var(--hobby)}@media (min-width:1024px){.cat-page{--cat-gap:4.5rem}}.cat-page :is(a,button):focus-visible{outline:2px solid var(--hb-ink);outline-offset:3px}.cat-back{min-height:2.75rem;margin:0 1rem calc(.25rem - var(--cat-gap));color:var(--hb-soft);border-radius:999px;align-self:flex-start;align-items:center;gap:.375rem;font-size:.875rem;display:inline-flex}.cat-back:hover{color:var(--hb-ink)}.cat-hero{flex-direction:column;display:flex}.cat-window{isolation:isolate;aspect-ratio:4/3;background:var(--hb-surface);color:var(--hobby);position:relative;overflow:hidden}.cat-window[data-kind=motif]{aspect-ratio:16/10;background:var(--hb-paper)}.cat-window[data-kind=motif]:before{z-index:-1;background:var(--hobby);content:"";opacity:.1;position:absolute;inset:0}.dark .cat-window[data-kind=motif]:before{opacity:.08}.cat-window>img,.cat-window>.cat-motif{width:100%;height:100%;position:absolute;inset:0}.cat-window>img{object-fit:cover}.cat-cover-caption{background:var(--hb-scrim);color:#fff;border-radius:999px;align-items:center;gap:.75rem;max-width:calc(100% - 1.5rem);min-height:2.75rem;padding:0 1rem;font-size:.875rem;font-weight:600;display:flex;position:absolute;bottom:.75rem;right:.75rem}.cat-cover-likes{font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:.3rem;display:inline-flex}.cat-page .cat-cover-caption:focus-visible{outline-color:#fff}.cat-plate{isolation:isolate;background:var(--hobby);color:var(--cat-plate-ink);flex-direction:column;align-items:flex-start;gap:1rem;padding:1.75rem 1rem 2rem;display:flex;position:relative;overflow:hidden}.dark .cat-plate{background:var(--hb-paper);box-shadow:inset 0 0 0 1px var(--hb-line)}.dark .cat-plate:before{z-index:-1;background:var(--hobby);content:"";opacity:.13;position:absolute;inset:0}.cat-plate-motif{z-index:-1;opacity:.18;pointer-events:none;width:72%;height:100%;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 60%);mask-image:linear-gradient(90deg,#0000,#000 60%)}.dark .cat-plate-motif{color:var(--hobby);opacity:.2}.cat-page .cat-plate :is(a,button):focus-visible{outline-color:var(--cat-plate-ink)}.cat-name{font-family:var(--hb-display-stack);overflow-wrap:anywhere;align-items:center;gap:.625rem;margin:0;font-size:1.625rem;font-weight:800;line-height:1;display:flex}.cat-glyph{background:var(--cat-plate-cta-bg);width:2.25rem;height:2.25rem;color:var(--cat-plate-cta-ink);border-radius:999px;flex-shrink:0;place-items:center;font-size:1.125rem;display:grid}.cat-tagline{max-width:18ch;color:var(--cat-tagline);margin:.25rem 0 0;font-size:clamp(2.6rem,1.3rem + 4vw,4.9rem);line-height:.88}.cat-definition,.cat-open-hint{max-width:58ch;color:var(--cat-plate-soft);margin:0;font-size:1rem;line-height:1.55}.cat-open-hint{color:var(--cat-plate-ink);font-weight:600}.cat-counts{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.25rem 1.5rem;margin:0;padding:0;font-size:.9375rem;font-weight:600;list-style:none;display:flex}.cat-counts a{min-height:2.75rem;text-decoration:underline;-webkit-text-decoration-color:var(--cat-plate-line);text-decoration-color:var(--cat-plate-line);text-underline-offset:5px;align-items:center;text-decoration-thickness:1px;display:inline-flex}.cat-counts li{align-items:center;min-height:2.75rem;display:flex}.cat-counts a:hover{text-decoration-color:currentColor}.cat-actions{flex-wrap:wrap;gap:.625rem;margin-top:.25rem;display:flex}.cat-btn{white-space:nowrap;border:1.5px solid;border-radius:999px;align-items:center;gap:.5rem;min-height:3rem;padding:0 1.25rem;font-size:.9375rem;font-weight:700;display:inline-flex}.cat-plate .cat-btn{border-color:var(--cat-plate-line);color:var(--cat-plate-ink)}.cat-plate .cat-btn:hover{border-color:var(--cat-plate-ink)}.cat-plate .cat-btn-primary,.cat-plate .cat-btn-primary:hover{border-color:var(--cat-plate-cta-bg);background:var(--cat-plate-cta-bg);color:var(--cat-plate-cta-ink);padding:0 1.5rem;font-size:1rem}@media (max-width:639px){.cat-plate .cat-btn-primary{min-height:3.25rem}.cat-plate .cat-btn:not(.cat-btn-primary){min-height:2.75rem;padding:0 .875rem;font-size:.875rem}}@media (min-width:640px){.cat-back{margin-inline:0}.cat-window{aspect-ratio:16/9;border-radius:var(--hb-radius) var(--hb-radius) 0 0}.cat-window[data-kind=motif]{aspect-ratio:2}.cat-plate{border-radius:0 0 var(--hb-radius) var(--hb-radius);padding:2.25rem 2.25rem 2.5rem}}@media (min-width:1024px){.cat-hero{--cat-inset:max(1rem, calc((100vw - 1320px) / 2 + 1rem));grid-template-columns:var(--cat-inset) repeat(12, minmax(0, 1fr)) var(--cat-inset);grid-template-rows:minmax(7rem,1fr) auto;width:100vw;min-height:clamp(32rem,100svh - 12rem,44rem);margin-inline:calc(50% - 50vw);display:grid}.cat-window{aspect-ratio:auto;border-radius:0;grid-area:1/1/3/15}.cat-window[data-kind=motif]{aspect-ratio:auto}.cat-plate{border-radius:var(--hb-radius) var(--hb-radius) 0 0;grid-area:2/2/3/9;padding:2.5rem 3rem 2.75rem}.cat-cover-caption{right:calc(var(--cat-inset) + .25rem);max-width:calc(41.6% - 2.5rem);bottom:1.25rem}.cat-name{font-size:1.875rem}}.cat-bar{z-index:30;min-height:3.5rem;margin-top:calc(.75rem - var(--cat-gap));border-bottom:1px solid var(--hb-line);background:var(--hb-paper);align-items:center;gap:.5rem;padding:.375rem 1rem;display:flex;position:sticky;top:0}.cat-bar-id{display:none}.cat-bar .cat-glyph{background:var(--hobby);width:2rem;height:2rem;color:var(--cat-on-hobby)}.cat-nav{flex:1;min-width:0}.cat-bar-icon{border:1px solid var(--hb-line);width:2.75rem;height:2.75rem;color:var(--hb-ink);border-radius:999px;flex-shrink:0;place-items:center;display:none}.cat-bar-icon:hover{border-color:var(--hobby);color:var(--hobby)}.cat-bar-post{background:var(--hobby);min-height:2.75rem;color:var(--cat-on-hobby);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:.375rem;padding:0 1rem 0 .875rem;font-size:.9375rem;font-weight:700;display:inline-flex}.cat-bar-post-long{display:none}@media (min-width:640px){.cat-bar{padding-inline:0}.cat-bar-icon{display:grid}.cat-bar-post-short{display:none}.cat-bar-post-long{display:inline}}@media (min-width:1024px){.cat-bar-id{border-right:1px solid var(--hb-line);font-family:var(--hb-display-stack);flex-shrink:0;align-items:center;gap:.5rem;margin-right:.25rem;padding-right:1rem;font-size:1.375rem;font-weight:800;line-height:1;display:flex}}.cat-section{flex-direction:column;gap:1.25rem;min-width:0;padding-inline:1rem;scroll-margin-top:4.5rem;display:flex}@media (min-width:640px){.cat-section{padding-inline:0}}.cat-h2{font-family:var(--hb-display-stack);letter-spacing:-.005em;overflow-wrap:anywhere;text-wrap:balance;margin:0;font-size:clamp(2rem,1.45rem + 1.5vw,2.875rem);font-weight:800;line-height:.92}.cat-section-head{flex-direction:column;gap:.5rem;display:flex}.cat-section-hint{max-width:60ch;color:var(--hb-soft);margin:0;font-size:.9375rem}.cat-feed{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem .75rem;margin:0;padding:0;list-style:none;display:grid}.cat-feed[data-wide]{grid-template-columns:minmax(0,1fr)}.cat-feed[data-variant=lead]>li:first-child{grid-column:1/-1}.cat-card{border-radius:var(--hb-radius-sm);min-width:0;color:inherit;flex-direction:column;gap:.625rem;display:flex}.cat-card-media{aspect-ratio:var(--cat-frame,3 / 2);border-radius:var(--hb-radius-sm);background:var(--hb-surface);display:block;position:relative;overflow:hidden}.cat-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--hb-ease);position:absolute;inset:0}.cat-card:hover .cat-card-media img{transform:scale(1.03)}.cat-card-empty{color:var(--hb-soft);place-items:center;display:grid;position:absolute;inset:0}.cat-card-media[data-edge=perforated]{background:radial-gradient(circle, var(--hb-paper) 4.5px, transparent 5px) 0 -6px / 16px 12px repeat-x, radial-gradient(circle, var(--hb-paper) 4.5px, transparent 5px) 0 calc(100% + 6px) / 16px 12px repeat-x, radial-gradient(circle, var(--hb-paper) 4.5px, transparent 5px) -6px 0 / 12px 16px repeat-y, radial-gradient(circle, var(--hb-paper) 4.5px, transparent 5px) calc(100% + 6px) 0 / 12px 16px repeat-y, var(--hb-sunken);border-radius:0}.cat-card-media[data-edge=perforated] img{width:calc(100% - 22px);height:calc(100% - 22px);inset:11px}.cat-card-body{flex-direction:column;gap:.25rem;min-width:0;display:flex}.cat-card-title{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:1rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.cat-card:hover .cat-card-title{color:var(--hobby)}.cat-card-place{min-width:0;color:var(--hb-soft);align-items:center;gap:.375rem;font-size:.875rem;display:flex}.cat-card-counts{color:var(--hb-soft);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.25rem .875rem;font-size:.8125rem;display:flex}.cat-card-counts>span{align-items:center;gap:.3rem;display:inline-flex}.cat-feed[data-variant=lead]>li:first-child .cat-card-title{font-family:var(--hb-display-stack);font-size:clamp(1.625rem,1.3rem + 1vw,2.25rem);font-weight:800;line-height:.95}.cat-post-media{border:2px dashed var(--hobby);color:var(--hobby);background:0 0;place-items:center;display:grid}.cat-post-tile .cat-card-title{color:var(--hobby)}.cat-post-tile:hover .cat-post-media{background:var(--hobby);color:var(--cat-on-hobby);border-style:solid}@media (min-width:640px){.cat-feed{gap:2rem 1.25rem}.cat-feed[data-wide]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.cat-feed:not([data-wide]){grid-template-columns:repeat(3,minmax(0,1fr))}.cat-feed:not([data-wide])[data-variant=lead]>li:first-child{grid-column:span 2}.cat-feed:not([data-wide])[data-variant=lead]>li:first-child .cat-card-media{aspect-ratio:var(--cat-lead-frame,var(--cat-frame))}.cat-feed[data-tall]:not([data-wide])>li:first-child{grid-row:span 2}.cat-feed[data-tall]:not([data-wide])>li:first-child .cat-card{height:100%}.cat-feed[data-tall]:not([data-wide])>li:first-child .cat-card-media{aspect-ratio:auto;flex:auto;min-height:18rem}}.cat-top-head{flex-wrap:wrap;align-items:center;gap:.875rem 1rem;display:flex}.cat-top-head .cat-h2{flex:1 0 100%}.cat-top-arrows{gap:.5rem;margin-left:auto;display:none}.cat-top-arrow{border:1px solid var(--hb-line);background:var(--hb-paper);width:2.75rem;height:2.75rem;color:var(--hb-ink);border-radius:999px;place-items:center;transition:border-color .2s,color .2s;display:grid}.cat-top-arrow:hover:not(:disabled){border-color:var(--hobby);color:var(--hobby)}.cat-top-arrow:focus-visible{outline:2px solid var(--hobby);outline-offset:2px}.cat-top-arrow:disabled{cursor:default;opacity:.35}.cat-top-track{--cat-top-gap:.75rem;--cat-top-per-view:1.2;gap:var(--cat-top-gap);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -1rem;padding:.25rem 1rem;scroll-padding-inline:1rem;list-style:none;display:flex;overflow-x:auto}.cat-top-track::-webkit-scrollbar{display:none}.cat-top-track[data-shape=tall]{--cat-top-per-view:1.6}.cat-top-track[data-shape=square]{--cat-top-per-view:1.45}.cat-top-track[data-shape=wide]{--cat-top-per-view:1.08}.cat-top-slide{flex:0 0 calc(100% / var(--cat-top-per-view) - var(--cat-top-gap));scroll-snap-align:start;min-width:0}.cat-top-rank{border-top-right-radius:var(--hb-radius-sm);background:var(--hobby);min-width:2.5rem;color:var(--cat-on-hobby);font-family:var(--hb-display-stack);font-variant-numeric:tabular-nums;text-align:center;padding:.375rem .625rem .25rem;font-size:1.5rem;font-weight:800;line-height:1;position:absolute;bottom:0;left:0}.cat-top-slide:first-child .cat-top-rank{min-width:3.25rem;font-size:2.25rem}.cat-top-likes{color:var(--hobby);font-variant-numeric:tabular-nums;align-items:center;gap:.3rem;font-size:.8125rem;font-weight:600;display:inline-flex}@media (min-width:640px){.cat-top-head .cat-h2{flex:0 auto}.cat-top-arrows{display:flex}.cat-top-arrows[hidden]{display:none}.cat-top-track{--cat-top-gap:1.25rem;--cat-top-per-view:2.2;margin:0;padding-inline:0;scroll-padding-inline:0}.cat-top-track[data-shape=tall]{--cat-top-per-view:3.2}.cat-top-track[data-shape=square]{--cat-top-per-view:2.7}.cat-top-track[data-shape=wide]{--cat-top-per-view:1.5}}@media (min-width:1024px){.cat-top-track{--cat-top-per-view:3.2}.cat-top-track[data-shape=tall]{--cat-top-per-view:4.3}.cat-top-track[data-shape=square]{--cat-top-per-view:4.2}.cat-top-track[data-shape=wide]{--cat-top-per-view:2.2}}.cat-linked{grid-template-columns:minmax(0,1fr);gap:1.75rem 1.25rem;margin:0;padding:0;list-style:none;display:grid}.cat-linked-media{aspect-ratio:1200/630}.cat-linked-title{font-family:var(--hb-display-stack);font-size:1.625rem;font-weight:800;line-height:1}@media (min-width:640px){.cat-linked{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.cat-linked{grid-template-columns:repeat(3,minmax(0,1fr))}}.cat-sets{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.cat-set{border:1px solid var(--hb-line);border-radius:var(--hb-radius-sm);align-items:center;gap:1rem;padding:.875rem 1rem;display:flex}.cat-set:hover{border-color:var(--hobby)}@media (min-width:640px){.cat-sets{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.cat-sets{grid-template-columns:repeat(3,minmax(0,1fr))}}.cat-guide{background:var(--hb-surface);gap:2.5rem;padding-block:2.25rem;display:grid}.cat-kit,.cat-before{flex-direction:column;gap:1.125rem;min-width:0;display:flex}.cat-kit-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;display:flex}.cat-kit-progress{color:var(--hb-soft);font-variant-numeric:tabular-nums;margin:0;font-size:.875rem}.cat-kit-list{border-top:1px solid var(--hb-line);margin:0;padding:0;list-style:none}.cat-kit-list li{border-bottom:1px solid var(--hb-line)}.cat-kit-item{width:100%;min-height:3.25rem;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:.875rem;padding:.625rem 0;display:flex}.cat-kit-box{border:2px solid var(--hb-soft);border-radius:999px;flex-shrink:0;place-items:center;width:1.625rem;height:1.625rem;display:grid}.cat-kit-item:hover .cat-kit-box{border-color:var(--hobby)}.cat-kit-item[aria-checked=true] .cat-kit-box{border-color:var(--hobby);background:var(--hobby);color:var(--cat-on-hobby)}.cat-kit-text{font-size:1rem;line-height:1.4}.cat-kit-item[aria-checked=true] .cat-kit-text{color:var(--hb-soft);text-decoration:line-through}.cat-kit-howto,.cat-before p{max-width:60ch;color:var(--hb-soft);margin:0;font-size:1rem;line-height:1.6}.cat-kit-actions{flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;display:flex}.cat-kit-mine{min-height:2.75rem;color:var(--hb-ink);text-decoration:underline;-webkit-text-decoration-color:var(--hb-line);text-decoration-color:var(--hb-line);text-underline-offset:5px;align-items:center;font-size:.9375rem;font-weight:600;text-decoration-thickness:1px;display:inline-flex}.cat-kit-mine:hover{text-decoration-color:currentColor}.cat-kit-go{border-color:var(--hobby);color:var(--hobby)}.cat-kit-go:hover,.cat-kit-go[data-ready]{background:var(--hobby);color:var(--cat-on-hobby)}@media (min-width:640px){.cat-guide{border-radius:var(--hb-radius);padding:2.5rem}}@media (min-width:1024px){.cat-guide{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:4rem;padding:3rem}}.cat-ranks{column-gap:3rem;margin:0;padding:0;list-style:none}.cat-ranks li{break-inside:avoid}.cat-rank{border-bottom:1px solid var(--hb-line);grid-template-columns:2rem 2.5rem minmax(0,1fr) auto;align-items:center;gap:.875rem;min-height:4rem;padding:.5rem 0;display:grid}.cat-rank-n{color:var(--hobby);font-family:var(--hb-display-stack);font-variant-numeric:tabular-nums;text-align:right;font-size:2rem;font-weight:800;line-height:1}.cat-rank-avatar{background:var(--hb-surface);object-fit:cover;border-radius:999px;place-items:center;width:2.5rem;height:2.5rem;font-weight:700;display:grid}.cat-rank-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.cat-rank:hover .cat-rank-name{color:var(--hobby)}.cat-rank-stats{color:var(--hb-soft);font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;font-size:.8125rem;line-height:1.35;display:flex}@media (min-width:1024px){.cat-ranks{columns:2}}.cat-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.25rem;margin:0;padding:0;list-style:none;display:grid}.cat-legend-item{border-bottom:1px solid var(--hb-line);align-items:center;gap:.75rem;min-height:3.25rem;font-size:.9375rem;font-weight:600;line-height:1.2;display:flex}.cat-legend-item:hover{color:var(--hobby)}.cat-legend-mark{background:var(--hobby);width:2rem;height:2rem;color:var(--cat-on-hobby);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.cat-legend-mark[data-shape=square]{border-radius:.3rem}.cat-legend-mark[data-shape=diamond]{border-radius:.3rem;transform:rotate(45deg)scale(.86)}.cat-legend-mark[data-shape=diamond]>svg{transform:rotate(-45deg)}@media (min-width:640px){.cat-legend{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.cat-legend{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 2rem}}