/* Category: compact discovery, consistent cards, and comparable release details. */
.category-page{--category-ink:#14212b;--category-muted:#657587;--category-line:#e2e8ed;--category-accent:#31485c;--category-hover:#f0f3f6;--category-selected:#e8edf2;background:#fff;color:var(--category-ink)}
.category-page [hidden]{display:none!important}
.category-page :is(a,button,input,select,summary):focus-visible{outline:2px solid #69859d;outline-offset:4px}
.category-main :is(a,button,select,summary,.filter-check){transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}
.category-page .site-footer{margin-top:0}
.category-main{--category-sidebar-width:216px;--category-column-gap:40px;position:relative;isolation:isolate;padding-bottom:72px}
.category-backdrop{position:absolute;z-index:-1;inset:0 0 auto;height:480px;overflow:hidden;pointer-events:none;background:#fff}
.category-backdrop:before,.category-backdrop:after{content:"";position:absolute;inset:0}
.category-backdrop:before{background-image:url('assets/category-background.svg');background-size:cover;background-position:center top;background-repeat:no-repeat}
.category-backdrop:after{background:linear-gradient(to bottom,transparent 0%,transparent 42%,rgba(255,255,255,.2) 55%,rgba(255,255,255,.72) 70%,rgba(255,255,255,.96) 85%,#fff 100%),linear-gradient(to right,rgba(255,255,255,.97) 0%,rgba(255,255,255,.87) 25%,rgba(255,255,255,.65) 49%,rgba(255,255,255,.1) 71%,transparent 86%)}
.category-wrap{width:calc(100% - 80px);max-width:var(--page);margin-inline:auto}
.category-heading{padding-top:32px;padding-bottom:16px}
.category-title-row{position:relative;display:block;padding:0;border:0;border-radius:0;background:none}
.category-heading-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.category-hero-copy{position:relative;min-width:0;width:100%;max-width:none;padding:0}
.category-hero-kicker{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.4;font-weight:550;letter-spacing:.1em;text-transform:uppercase;color:#718292;margin:0}
.category-hero-kicker span{color:#a9b5c0}
.category-title-row h1{font-size:64px;line-height:1.06;font-weight:720;letter-spacing:-.045em;overflow-wrap:anywhere}
.category-title-base{white-space:nowrap}
.category-title-genre{font-size:.78em;font-weight:550;letter-spacing:-.03em;color:#677786;white-space:nowrap}
.category-title-separator{color:#a2afba;font-weight:400}
.category-title-row h1[data-single-line]{white-space:nowrap}
#category-description{font-size:16px;line-height:1.65;color:#46596c;margin-top:16px;width:calc(100% - var(--category-sidebar-width) - var(--category-column-gap));max-width:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.category-genres{display:flex;flex-direction:column;gap:4px}
.genre-tab{display:flex;align-items:center;gap:8px;min-width:0;min-height:34px;padding:6px 9px;border-radius:var(--radius-control);color:#627184;font-size:13px;font-weight:450}
.genre-tab .icon{width:17px;height:17px;flex:none;color:#7b8d9c}
.genre-label{min-width:0;line-height:1.4}
.genre-count{flex:none;margin-left:auto;font-size:11px;font-weight:400;color:#8995a3;font-variant-numeric:tabular-nums}
.genre-tab[aria-current=page]{background:var(--category-selected);color:#263f53;font-weight:550}
.genre-tab:hover{background:var(--category-hover);color:var(--category-accent)}
.genre-tab[aria-current=page]:hover{background:#dfe6ed}
.genre-tab[aria-current=page] .icon,.genre-tab:hover .icon{color:var(--category-accent)}
.catalog-workspace{display:grid;grid-template-columns:minmax(0,1fr) var(--category-sidebar-width);gap:var(--category-column-gap);align-items:start;padding-top:18px;scroll-margin-top:24px}
.catalog-sidebar,.catalog-filters{min-width:0}
.catalog-sidebar{grid-column:2;grid-row:1}
.catalog-filters>summary{display:none}
.catalog-filters:not([open])>summary{display:flex;align-items:center;gap:9px;min-height:42px;font-size:13px;cursor:pointer;list-style:none}
.catalog-filters:not([open])>summary>.icon{width:17px;height:17px}
.catalog-filters:not([open])>summary .filter-chevron{margin-left:auto}
.filter-heading{display:flex;align-items:center;justify-content:space-between;min-height:38px;margin-bottom:25px}
.filter-heading h2{font-size:16px;font-weight:650;letter-spacing:-.02em}
.filter-heading button,.category-reset{font-size:12px;color:#657587;text-decoration:underline;text-underline-offset:3px}
.filter-heading button:hover,.category-reset:hover{color:var(--category-accent)}
.filter-section{border:0;padding:0;margin:0 0 26px;min-width:0}
#collections{scroll-margin-top:24px}
.filter-section+.filter-section{padding-top:0}
.filter-section legend{padding:0;font-size:12px;letter-spacing:.015em;font-weight:650;margin-bottom:11px;width:100%}
.filter-section legend+*{clear:both}
.filter-section.filter-categories{padding-bottom:18px;border-bottom:1px solid var(--category-line)}
.filter-check{display:flex;align-items:center;gap:10px;min-height:36px;cursor:pointer;color:#526174;font-size:13px}
.filter-check input{width:16px;height:16px;margin:0;accent-color:#3f596d;flex:none;cursor:pointer}
.filter-check input:checked+span{color:#263e50;font-weight:550}
.filter-check:hover{color:var(--category-accent)}
.filter-count{margin-left:auto;font-size:12px;color:#657587;font-variant-numeric:tabular-nums}
#category-year{width:100%;height:39px;padding:0 30px 0 11px;background-color:#fff;border:1px solid #dce3e7;border-radius:var(--radius-control);color:#526174;font-size:13px;cursor:pointer}
.category-results{min-width:0;grid-column:1;grid-row:1}
.category-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px;margin-bottom:22px}
.catalog-result-count{display:flex;align-items:center;flex-wrap:wrap;gap:5px 8px;color:#657587;font-size:12px}
.catalog-result-count strong{color:#273743;font-weight:600;font-size:13px}
.category-display-controls{display:flex;align-items:center;gap:20px}
.category-sort select{border:0;background-color:transparent;padding:9px 24px 9px 0;color:#526174;font-size:12px;cursor:pointer;max-width:100%}
.category-view-switch{display:flex;align-items:center;gap:2px}
.category-view-switch button{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-control);color:#8a959d}
.category-view-switch button .icon{width:19px;height:19px}
.category-view-switch button[aria-pressed=true]{background:var(--category-selected);color:#35536b}
.category-view-switch button:hover{background:var(--category-hover);color:var(--category-accent)}
.catalog-filter-state{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.catalog-filter-state:has(.category-active-filters:empty){display:none}
.category-active-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:20px}
.catalog-filter-state>.category-reset{margin-bottom:20px}
.filter-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 9px;background:#edf1f5;border-radius:var(--radius-control);font-size:12px;color:#445d73;max-width:100%;overflow-wrap:anywhere;text-align:left;min-height:32px}
.filter-chip:hover{background:#e2e8ef;color:#263f53}
.filter-chip .icon{width:13px;height:13px}
.category-games{min-width:0}
.category-games.is-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 20px;align-items:stretch}
.catalog-game{position:relative;min-width:0}
.card-media{position:relative;width:100%;min-width:0;align-self:start}
.card-cover{display:block;width:100%;aspect-ratio:460/215;background-color:#e7eceb;background-size:cover;background-position:center;border-radius:var(--radius-surface);overflow:hidden}
.card-cover>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.is-grid .card-cover{min-height:116px}
.card-cover:hover{filter:brightness(1.05)}
.card-media-tools{position:absolute;z-index:2;top:6px;right:6px;display:flex;flex-direction:column;gap:4px}
.card-media-tools>:is(a,button){display:grid;place-items:center;width:32px;height:32px;background:#ffffffed;color:#44514f;border-radius:var(--radius-control);box-shadow:0 1px 5px #13212b10}
.card-media-tools>:is(a,button):hover{background:#fff;color:var(--category-accent);box-shadow:0 2px 8px #182d3c24}
.card-video-toggle>.icon,.card-download>.icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.card-video-toggle[aria-disabled=true]{color:#83908c}
.card-video-toggle[aria-pressed=true]{background:var(--category-selected);color:#35536b}
.card-video{position:absolute;inset:0;z-index:1;background:#101718;border-radius:var(--radius-surface);overflow:hidden}
.card-video iframe{display:block;width:100%;height:100%;border:0}
.card-media.is-playing>.card-cover{visibility:hidden}
.card-content{padding-top:10px;display:grid;grid-template-columns:minmax(0,1fr) max-content;column-gap:14px;align-items:start;min-width:0}
.card-title{font-size:18px;line-height:1.3;font-weight:650;letter-spacing:-.025em;overflow-wrap:anywhere}
.card-title>:is(a,button){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-align:left;font:inherit;line-height:inherit;letter-spacing:inherit}
.card-title :is(a,button):hover{color:var(--category-accent)}
.card-footer{display:flex;flex-direction:column;align-items:flex-end;justify-self:end;gap:1px;padding-top:2px;color:#7b8792;font-size:11px;line-height:16px}
.card-size{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;font-size:11px;line-height:16px;font-weight:400;font-variant-numeric:tabular-nums}
.card-size>.icon{width:12px;height:12px;flex:none;color:inherit}
.is-grid .catalog-game{display:flex;flex-direction:column}
.is-grid .card-content{flex:1}
.category-games.is-list{display:flex;flex-direction:column}
.is-list .catalog-game{display:grid;grid-template-columns:248px minmax(0,1fr) auto;column-gap:24px;align-items:center;padding:18px 0;border-bottom:1px solid var(--category-line)}
.is-list .card-media{align-self:stretch;display:flex}
.is-list .card-cover{aspect-ratio:16/10;min-height:155px;height:100%}
.is-list .card-content{padding:0;grid-template-columns:minmax(0,1fr);align-items:start;align-content:center;row-gap:8px}
.is-list .card-title{font-size:19px;line-height:1.3}
.is-list .card-footer{justify-self:start;align-items:flex-start;padding:0}
.is-list .card-size{font-size:12px;line-height:17px;gap:5px}
.is-list .card-size>.icon{width:13px;height:13px}
.is-list .card-media-tools{position:static;flex-direction:column;align-items:center;gap:8px}
.is-list .card-media-tools>:is(a,button){width:36px;height:36px;background:#fff;border:1px solid #dce3e9;color:#5b6d7b;box-shadow:none}
.is-list .card-media-tools>:is(a,button):hover{background:var(--category-hover);border-color:#b5c3cf;color:var(--category-accent);box-shadow:none}
.is-list .card-media-tools>:is([aria-pressed=true]){background:var(--category-selected);border-color:#c7d3de;color:#35536b}
.is-list .card-media-tools .card-video-toggle[aria-disabled=true]{color:#9ba6ae}
.is-list .card-media-tools svg{width:17px;height:17px}
.card-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:510px;margin-top:2px}
.list-shot{display:block;min-width:0;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-control);background:#e8edf2}
.list-shot img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .18s ease}
.list-shot:hover{box-shadow:0 0 0 2px #7c93a4}
.list-shot:hover img{transform:scale(1.035)}
.catalog-gallery-dialog{width:min(920px,calc(100% - 40px));max-height:calc(100dvh - 48px);padding:0;border:0;border-radius:var(--radius-surface);background:#fff;color:var(--category-ink);box-shadow:0 25px 100px #14212b45}
.catalog-gallery-dialog::backdrop{background:#14212bbd}
.catalog-gallery-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px}
.catalog-gallery-header h2{font-size:19px;line-height:1.3;letter-spacing:-.02em;font-weight:650}
.catalog-gallery-header button{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:var(--radius-control);color:#5b6d7b;font-size:27px}
.catalog-gallery-header button:hover,.catalog-gallery-controls button:hover{background:var(--category-hover);color:var(--category-accent)}
.catalog-gallery-stage{display:flex;justify-content:center;background:#111c25}
.catalog-gallery-stage img{display:block;width:100%;height:auto;max-height:calc(100dvh - 190px);object-fit:contain}
.catalog-gallery-controls{display:flex;align-items:center;justify-content:center;gap:22px;padding:12px;color:#7b8792;font-size:12px;font-variant-numeric:tabular-nums}
.catalog-gallery-controls button{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-control);color:#5b6d7b}
.catalog-gallery-controls .icon{width:19px;height:19px}
.category-load-trigger{display:block;min-height:40px;margin:24px auto 0;padding:8px 20px;border:1px solid var(--category-border,#d7dfe7);border-radius:var(--radius-control);background:var(--category-surface,#fff);color:inherit;font:inherit;font-size:14px;cursor:pointer}
.category-load-trigger[hidden]{display:none}
.category-load-trigger:hover{background:var(--category-hover)}
.category-load-trigger:focus-visible{outline:2px solid var(--category-accent);outline-offset:3px}
.catalog-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;padding-top:20px;font-size:12px;line-height:1.5;color:#71818e}
.catalog-breadcrumbs a:hover{color:var(--category-accent)}
.catalog-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:24px;font-size:13px;color:#526174}
.catalog-pagination:empty{display:none}
.catalog-pagination>a,.catalog-pagination>span{display:flex;align-items:center;justify-content:center;min-width:34px;min-height:36px;padding:6px 10px;border-radius:var(--radius-control)}
.catalog-pagination>a:hover{background:var(--category-hover);color:var(--category-accent)}
.catalog-pagination>[aria-current=page]{background:var(--category-selected);color:#263f53;font-weight:600}
.catalog-pagination>.catalog-pagination-gap{min-width:20px;padding-inline:0}
.category-endnote{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#89939f;padding-top:17px}
.category-endnote a{color:#647589}
.category-endnote a:hover{color:var(--category-accent)}
.category-empty{text-align:center;padding:64px 20px 90px}
.category-empty>.icon{margin:0 auto 20px;width:32px;height:32px;color:#a0b196}
.category-empty h3{font-size:23px;font-weight:650;letter-spacing:-.03em}
.category-empty p{font-size:14px;color:#73808e;margin-top:10px}
.empty-actions{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:25px;font-size:13px}
.category-primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;padding:11px 16px;background:#25343b;color:#fff;border-radius:var(--radius-detail);font-size:13px;font-weight:550}
.category-primary-link .icon{width:18px;height:18px;color:#bdcbd7}
.category-primary-link:hover{background:#1b3040;color:#fff}
.category-no-script{padding:30px 0;color:#657587;font-size:14px}
.catalog-preview-dialog{width:min(600px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:0;border:0;border-radius:var(--radius-surface);box-shadow:0 25px 100px #14212b45;color:var(--category-ink)}
.catalog-preview-dialog::backdrop{background:#14212b99}
.catalog-preview-art{aspect-ratio:460/215;background-size:cover;background-position:center;background-color:#e7eceb}
.preview-close{position:absolute;top:12px;right:12px;width:36px;height:36px;background:#fffffff2;border-radius:var(--radius-round);font-size:25px;line-height:1;color:#33424b}
.preview-close:hover{background:var(--category-selected);color:#233d51}
.catalog-preview-body{padding:28px 30px 32px}
.category-eyebrow{font-size:10px;font-weight:600;letter-spacing:.12em;color:#6b8193}
.catalog-preview-body h2{font-size:28px;line-height:1.2;letter-spacing:-.035em;margin:10px 0}
.catalog-preview-genre{color:#80909b;font-size:12px;margin-bottom:18px}
#catalog-preview-description{color:#526375;font-size:14px;line-height:1.75}
.catalog-preview-note{margin-top:22px;padding-top:17px;border-top:1px solid var(--category-line);font-size:12px;color:#7d8995}
.catalog-preview-body .category-primary-link{margin-top:20px}
.catalog-toast{position:fixed;z-index:60;bottom:24px;left:50%;transform:translate(-50%,12px);max-width:calc(100% - 32px);width:max-content;padding:12px 18px;border-radius:var(--radius-surface);background:#25353a;color:#fff;font-size:13px;line-height:1.5;box-shadow:0 8px 24px #18312620;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,transform .15s}
.catalog-toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(min-width:1700px){.category-main{--category-sidebar-width:232px;--category-column-gap:48px}}
@media(max-width:1180px){.category-main{--category-sidebar-width:190px;--category-column-gap:28px}.category-display-controls{gap:10px}}
@media(max-width:1100px){.category-wrap{width:calc(100% - 48px)}}
@media(max-width:1040px){.category-games.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.is-list .catalog-game{grid-template-columns:210px minmax(0,1fr) auto;column-gap:18px}.is-list .card-cover{min-height:132px}.is-list .card-media-tools{gap:6px}.is-list .card-media-tools>:is(a,button){width:32px;height:32px}}
@media(min-width:521px) and (max-width:900px){.is-list .catalog-game{grid-template-columns:176px minmax(0,1fr) auto;column-gap:14px}.is-list .card-cover{min-height:128px}.is-list .card-gallery{gap:6px}.is-list .card-title{font-size:18px}}
@media(max-width:760px){.category-heading{padding-top:22px;padding-bottom:20px}.category-title-row{align-items:flex-start;gap:12px}.category-title-row h1{font-size:32px}#category-description{font-size:13px;}.catalog-workspace{display:flex;flex-direction:column;padding-top:18px;gap:0}.catalog-sidebar{display:contents}.catalog-filters{order:1;width:100%}.category-results{order:2;width:100%}.catalog-filters{position:static;margin-bottom:16px}.catalog-filters>summary{display:flex;align-items:center;gap:9px;min-height:42px;font-size:13px;cursor:pointer;border-bottom:1px solid var(--category-line);padding-bottom:10px;list-style:none}.catalog-filters>summary::-webkit-details-marker{display:none}.catalog-filters>summary>.icon{width:17px;height:17px}.filter-chevron{margin-left:auto}.catalog-filters[open] .filter-chevron{transform:rotate(180deg)}#filter-active-count{min-width:20px;text-align:center;background:var(--category-selected);color:#35536b;font-size:11px;border-radius:var(--radius-detail);padding:1px 4px}.filter-body{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px;padding-top:20px;border-bottom:1px solid var(--category-line);padding-bottom:10px}.filter-heading{display:none}.filter-section{margin:0 0 12px}.filter-section+.filter-section{border:0;padding:0}.filter-section.filter-categories{grid-column:1/-1;margin-bottom:0}.filter-section:last-child{grid-column:1/-1}.filter-options{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}.filter-section legend{font-size:12px}.category-toolbar{gap:12px;margin-bottom:18px}.category-display-controls{gap:12px}.category-games.is-grid{gap:22px 18px}.category-sort select{font-size:12px;padding-right:6px}.catalog-result-count{font-size:12px}.category-view-switch button{width:32px;height:34px}.card-title{font-size:18px}.category-main{--category-sidebar-width:0px;--category-column-gap:0px;padding-bottom:45px}}
@media(min-width:521px) and (max-width:1040px){.is-grid .card-cover{min-height:104px}.is-grid .card-media-tools{top:4px;gap:3px}.is-grid .card-media-tools>:is(a,button){width:30px;height:30px}}
@media(min-width:521px) and (max-width:760px){.category-games.is-grid{row-gap:36px}}
@media(max-width:520px){.is-list .catalog-game{grid-template-columns:144px minmax(0,1fr);gap:10px 16px}.is-list .card-media{grid-row:1/3}.is-list .card-cover{aspect-ratio:auto;min-height:144px}.is-list .card-content{align-self:end;row-gap:6px}.is-list .card-gallery{gap:5px}.is-list .card-media-tools{grid-column:2;align-self:start;flex-direction:row;gap:6px}.is-list .card-title{font-size:17px}.catalog-gallery-dialog{width:calc(100% - 24px)}.catalog-gallery-header{padding:12px 14px}.catalog-gallery-header h2{font-size:17px}}
@media(max-width:540px){.category-wrap{width:calc(100% - 32px)}}
@media(max-width:520px){
.category-title-row{flex-wrap:wrap;align-items:center;gap:10px}
.category-title-row>div{width:100%}
.category-title-row h1{font-size:31px}
#category-description{font-size:12px;margin-top:7px}
.category-heading{padding-bottom:12px}
.category-games.is-grid{grid-template-columns:minmax(0,1fr);gap:24px}
.is-grid .catalog-game{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;padding-bottom:20px;border-bottom:1px solid var(--category-line)}
.is-grid .card-cover{aspect-ratio:1;min-height:0;align-self:start;border-radius:var(--radius-surface)}
.is-grid .card-content{padding-top:0}
.is-grid .card-content{grid-template-columns:minmax(0,1fr);align-items:start;align-content:start;row-gap:5px}
.card-media-tools{top:4px;right:4px}
.card-title{font-size:17px}
.card-footer{flex-direction:row;gap:12px;padding-top:0}
.category-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.catalog-result-count{flex-direction:column;align-items:flex-start;gap:1px}
#catalog-release-summary{font-size:11px}
.category-display-controls{gap:6px}
.category-sort select{max-width:154px;font-size:12px}
.category-view-switch button{width:29px;height:32px}
.category-view-switch .icon{width:17px;height:17px}
.is-list .catalog-game{grid-template-columns:132px minmax(0,1fr);gap:10px 14px;padding:16px 0}
.is-list .card-media{grid-row:1/3}
.is-list .card-cover{min-height:132px}
.is-list .card-content{align-self:end;row-gap:6px}
.is-list .card-title{font-size:16px;line-height:1.3}
.is-list .card-media-tools{grid-column:2;align-self:start;gap:6px}
.is-list .card-media-tools>:is(a,button){width:36px;height:36px}
.category-empty{padding:45px 8px 70px}
.empty-actions{gap:16px}
.category-empty h3{font-size:21px}
.category-empty p{font-size:13px}
.catalog-preview-body{padding:24px}
.catalog-preview-body h2{font-size:24px}
}
@media(max-width:360px){.is-grid .catalog-game{grid-template-columns:88px minmax(0,1fr)}.card-media-tools>:is(a,button){width:24px;height:24px}.card-media-tools svg{width:15px;height:15px}.card-title{font-size:16px}.is-list .catalog-game{grid-template-columns:112px minmax(0,1fr);column-gap:12px}.is-list .card-cover{min-height:132px}.is-list .card-media-tools>:is(a,button){width:36px;height:36px}.is-list .card-media-tools svg{width:17px;height:17px}}
@media(min-width:1700px){.category-heading{padding-top:44px}.category-title-row h1{font-size:72px}.category-backdrop{height:510px}}
@media(max-width:1180px){.category-title-row h1{font-size:60px}}
@media(min-width:761px) and (max-width:960px){.category-heading{padding-top:28px}.category-title-row h1{font-size:52px}.category-hero-copy{width:100%}#category-description{font-size:15px}.category-backdrop{height:450px}}
@media(max-width:760px){.category-heading{padding-top:24px;padding-bottom:12px}.category-title-row{display:block;min-height:0;padding:0;gap:0}.category-title-row h1{font-size:42px}.category-hero-copy{width:100%;max-width:none;padding:0}.category-hero-kicker{margin-bottom:0;font-size:10px;letter-spacing:.08em}#category-description{font-size:14px;line-height:1.7;margin-top:14px}.catalog-workspace{padding-top:12px}.category-backdrop{height:420px}.category-backdrop:before{background-position:right top}.category-backdrop:after{background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.15) 35%,rgba(255,255,255,.72) 65%,#fff 100%),linear-gradient(to right,rgba(255,255,255,.94) 0%,rgba(255,255,255,.84) 40%,rgba(255,255,255,.45) 100%)}}
@media(max-width:520px){.category-heading{padding-top:22px;padding-bottom:10px}.category-title-row h1{font-size:37px}.category-hero-kicker{gap:7px;letter-spacing:.06em;font-size:9px;margin-bottom:0}#category-description{font-size:14px;line-height:1.65;margin-top:14px}}
@media(max-width:360px){.category-heading-top{gap:8px}.category-title-row h1{font-size:33px}.category-hero-kicker{font-size:9px;gap:6px;white-space:nowrap}}
@media(max-width:760px){.category-title-row h1[data-single-line]{font-size:clamp(24px,6.8vw,42px)}.category-title-genre{font-size:.70em}}
@media(prefers-reduced-motion:reduce){.category-page *{scroll-behavior:auto!important}}

.card-rank{position:absolute;z-index:2;top:10px;left:10px;display:grid;place-items:center;min-width:35px;height:31px;padding:0 7px;background:#172a35ed;color:#f3dfb8;border:1px solid #fff3;border-radius:var(--radius-detail);font-size:15px;font-weight:750;font-variant-numeric:tabular-nums;pointer-events:none}
.card-ranking{grid-column:1/-1;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:7px 0 0;font-size:11px;line-height:1.5}
.card-ranking strong{color:#4f7253;font-weight:600}.card-ranking span{color:#728291;font-size:10px}
.is-list .card-ranking{gap:4px 10px}.is-list .card-rank{top:7px;left:7px}