.mobile-filter-toggle{display:inline-flex;justify-content:space-between;gap:16px;min-height:44px;margin-bottom:16px}
.mobile-filter-content:not(.is-open){display:none!important}
.card-browser{display:block}
.card-filter-panel.is-open{margin-bottom:20px;position:static}
.catalog-quick-search .mobile-filter-toggle{margin-bottom:0}
.home-related{margin:12px 0 24px}
.home-related-titles{margin:0}
@media(min-width:761px){.card-filter-panel form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.card-filter-panel h2,.card-filter-panel .footnote{grid-column:1/-1}}

.catalog-quick-search{display:flex;gap:14px;align-items:end;margin:0 0 18px}
.catalog-quick-search>.field{flex:1;max-width:640px;margin:0}
.home-discord{padding-block:24px;display:flex;justify-content:center}
.home-quick-search{position:relative;width:360px;max-width:100%;margin:0;z-index:20}
.home-quick-search>label{display:block;font-size:12px;font-weight:700;margin-bottom:5px;color:#d9e9f5}
.quick-search-input{display:flex;border:1px solid #53738f;border-radius:10px;background:#132638;overflow:hidden}
.quick-search-input:focus-within{outline:2px solid #ffce30;outline-offset:2px}
.quick-search-input input{min-width:0;flex:1;border:0!important;outline:none!important;background:transparent;color:#f5f8ff;padding:11px 12px;font:inherit;font-size:14px}
.quick-search-input button{border:0;background:#ffce30;color:#0b1524;min-width:44px;cursor:pointer;display:grid;place-items:center}
.quick-search-options{position:absolute;top:100%;margin-top:8px;left:0;right:0;background:#102337;border:1px solid #53738f;border-radius:12px;box-shadow:0 15px 36px #0007;overflow:hidden}
.quick-search-options[hidden]{display:none}
.quick-search-options>p{font-size:13px;padding:12px;color:#b2cce0}
.quick-search-item{display:flex;align-items:center;gap:12px;padding:12px;color:#fff;min-width:0;border-bottom:1px solid #36546e}
.quick-search-item:hover,.quick-search-item:focus-visible{background:#203c53}
.quick-search-item img{width:38px;height:52px;object-fit:contain;flex:none}
.quick-search-item>span:first-of-type{flex:1;min-width:0}
.quick-search-item small,.quick-search-item strong{display:block;overflow-wrap:anywhere}
.quick-search-item small{font-size:11px;color:#b2cce0;margin-bottom:4px}
.quick-search-item strong{font-size:14px;line-height:1.3}
.quick-search-more{display:block;padding:14px;color:#ffce30;font-size:13px;font-weight:700}
.search-page-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.search-page-results .quick-search-item{background:#132638;border:1px solid #36546e;border-radius:10px}
.home-highlights .news-stage{height:340px}
.home-highlights .news-stage .news-copy{padding:26px 36px}
.home-highlights .news-copy h1{font-size:clamp(26px,3vw,38px)}
.home-highlights .news-copy p{font-size:14px}
.home-highlights .news-more{display:none}
.home-highlights .news-navigation{padding-block:6px}
/* All highlight artwork gets the complete frame, including collection releases. */
.home-highlights .news-stage .news-art,.home-highlights .news-stage.spoiler-highlight .news-art{position:absolute;inset:0;width:100%;height:100%;padding:0;aspect-ratio:auto;background:#132638}
.home-highlights .news-stage .news-art img,.home-highlights .news-stage.spoiler-highlight .news-art img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;padding:0;transform:none}
.home-highlights .news-stage.spoiler-highlight .news-copy{max-width:850px}
@media(max-width:760px){
 .mobile-filter-toggle{display:inline-flex;justify-content:space-between;gap:16px;min-height:44px;margin-bottom:16px}
 .mobile-filter-content:not(.is-open){display:none!important}
 .catalog-quick-search{display:block}
 .catalog-quick-search>.field{max-width:none}
 .catalog-quick-search .mobile-filter-toggle{margin:12px 0 0}
 .card-browser{display:block}
 .card-filter-panel.is-open{margin-bottom:20px;position:static}
 .home-related-images,.desktop-news-links{display:none}
 .mobile-news-links{display:block;margin:0}
 .home-related{margin:12px 0 22px}
 .home-related-titles a{padding:9px 0}
 .home-related-titles strong{font-size:13px}
 .gamebar-community{align-items:stretch;width:100%;gap:8px}
 .home-quick-search{width:100%}
 .gamebar-community .sample-label{font-size:11px}
 .home-discord{padding-block:18px}
 .search-page-results{grid-template-columns:1fr}
 .home-highlights .news-stage{height:260px;min-height:0;display:block}
 .home-highlights .news-stage:after{display:block;background:linear-gradient(0deg,#071321fa 0%,#071321d9 22%,#07132155 65%,#0713210a 100%)}
 .home-highlights .news-stage .news-art{z-index:-2}
 .home-highlights .news-stage .news-copy,.home-highlights .news-stage.spoiler-highlight .news-copy{height:100%;max-width:none;width:100%;padding:18px;background:transparent;justify-content:flex-end}
 .home-highlights .news-stage .news-copy h1{font-size:22px;line-height:1.15;max-width:100%;-webkit-line-clamp:3}
 .home-highlights .news-copy .eyebrow{font-size:10px;margin-bottom:8px}
 .home-highlights .news-copy p,.home-highlights .news-copy .news-date{display:none}
 .home-highlights .news-stage .news-copy .news-link{margin-top:10px;padding-top:0;font-size:12px}
 .home-highlights .news-navigation{padding:6px 10px;flex-wrap:wrap;gap:4px}
 .home-highlights .news-dots{gap:0;flex:1;max-width:none;flex-wrap:nowrap}
 .home-highlights .news-dots button{width:clamp(18px,5vw,28px);height:36px}
 .home-highlights .news-dots button[aria-pressed=true] span{width:14px}
 .home-highlights .news-arrows button{width:36px;height:36px}
 .home-highlights .news-counter{display:none}
 .home-highlights .news-more{display:none}
}
@media(min-width:761px) and (max-width:1100px){.search-page-results{grid-template-columns:repeat(2,minmax(0,1fr))}}

[data-result-index]{scroll-margin-top:90px}
