/* Square artwork, separate labels, and optical logo sizing across all cover surfaces. */
.ar-preview body #categorySelect .cat-cover{aspect-ratio:1!important;height:auto!important;isolation:isolate}
.ar-preview body #categorySelect .cat-card{display:flex;flex-direction:column;position:relative}
.ar-preview body #categorySelect .cat-cover img.category-art{filter:brightness(var(--cover-brightness,1))!important;object-position:center!important}
.ar-preview body #categorySelect .cat-meta{position:relative;flex:1;padding:11px 10px 12px 56px!important;border-top:1px solid #ded2be!important;min-height:68px;display:flex;flex-direction:column;justify-content:center;gap:5px}
.ar-preview body #categorySelect .cat-name{padding:0!important;line-height:1.55!important;font-size:14px!important;word-break:normal;overflow-wrap:anywhere}
.ar-preview body #categorySelect .cat-info{position:absolute!important;inset:auto auto 11px 7px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;box-shadow:none!important;transform:none!important;z-index:3}
.ar-preview body #categorySelect .pick-badge{inset:7px 7px auto auto!important;z-index:3}
.ar-preview body #categorySelect .cat-new{position:static!important;align-self:flex-start;font-size:10px!important;line-height:1.4;padding:2px 6px!important;border-radius:3px;margin-bottom:3px}
.cat-series{font:700 10px/1.5 'Thmanyah Text',serif;color:#665574;display:flex;align-items:center;gap:5px}
.cat-series::before{content:'';width:6px;height:6px;border-radius:2px;background:var(--series-color,#776184);flex:none}
.cat-series[data-family=history]{--series-color:#a96c32}.cat-series[data-family=geo]{--series-color:#168d92}.cat-series[data-family=food]{--series-color:#cb672a}
.cat-series[data-family=dialect]{--series-color:#996078}.cat-series[data-family=celebs]{--series-color:#b99828}.cat-series[data-family=art],.cat-series[data-family=drama]{--series-color:#9567ac}
.cat-series[data-family=sports]{--series-color:#338157}.cat-series[data-family=music]{--series-color:#c34d83}.cat-series[data-family=charades]{--series-color:#784c9f}.cat-series[data-family=topten]{--series-color:#b38519}
.cat-cover:has(>[data-cover-kind=logo]),.cat-col__cover:has(>[data-cover-kind=logo]),.category-sample:has(>[data-cover-kind=logo]){background:#f5f0e5!important;overflow:hidden}
.ar-preview body #categorySelect .cat-cover img[data-cover-kind=logo]{object-fit:contain!important;transform:scale(var(--cover-logo-scale,1));clip-path:inset(3% round 4px);filter:none!important}
html body #board .cat-col__cover img.category-art{object-fit:cover!important;object-position:center!important;filter:brightness(var(--cover-brightness,1))}
html body #board .cat-col__cover img[data-cover-kind=logo]{transform:scale(var(--cover-logo-scale,1));clip-path:inset(3% round 4px);filter:none}
html body #board .cat-col__cover{position:relative;background:#ede4d6!important}
html body #board .cat-col__cover::before{content:'';position:absolute;inset:-18px;z-index:0;background-image:var(--cover-backdrop);background-size:cover;background-position:center;filter:blur(14px) brightness(.65);pointer-events:none}
html body #board .cat-col__cover img.category-art{position:absolute;inset:0;z-index:1;width:100%!important;height:100%!important;max-height:none;aspect-ratio:auto}
html body #board .cat-col__name{position:relative!important;inset:auto!important;flex-shrink:0!important}
.category-sample img.category-art{height:auto;filter:brightness(var(--cover-brightness,1));object-fit:contain}
.cat-slot img.category-art{object-fit:contain!important;background:#eee5d7}
@media(max-width:600px){
 .ar-preview body #categorySelect #catPool{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .ar-preview body #categorySelect .cat-meta{padding:9px 8px 10px 53px!important;min-height:68px}
 .ar-preview body #categorySelect .cat-name{font-size:12px!important}
 .ar-preview body #categorySelect .cat-info{left:5px!important;bottom:9px!important}
 .cat-series{font-size:9px}
}

/* Allow the bilingual category mosaic to shrink within its tablet grid column. */
@media(min-width:701px){.category-layout{grid-template-columns:repeat(2,minmax(0,1fr))}}
.category-mosaic,.category-sample{min-width:0}
.category-sample span{overflow-wrap:anywhere}
