/* V83 revision 5: retain card-list features and remove the directory's rounded clipping boundary. */
.cs-revamp body[data-cardstop-page]>main { max-width:1264px!important; width:calc(100% - 64px)!important; margin:0 auto; padding:0!important; }
.cs-revamp .archive-intro { padding:38px 0 26px!important; border:0!important; background:transparent!important; }
.cs-revamp .archive-intro .intro-copy { gap:18px!important; }
.cs-revamp .archive-intro h1 { font-size:clamp(23px,2.5vw,36px)!important; margin-top:8px; }
.cs-revamp .archive-intro p { font-size:15px!important; line-height:1.75!important; max-width:660px; }
.cs-revamp .archive-intro .eyebrow { font-size:10px!important; color:var(--cs-red); letter-spacing:.14em; }
.cs-revamp .crawlable-set-directory { margin:18px 0 38px!important; padding:28px!important; border:1px solid var(--cs-line)!important; border-radius:26px!important; background:#fff!important; overflow:visible!important; }
.cs-revamp .crawlable-set-directory>header { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin:0 0 20px; padding:0; background:transparent; }
.cs-revamp .crawlable-set-directory>header h2 { font-size:26px!important; line-height:1.3; letter-spacing:-.035em; }
.cs-revamp .crawlable-set-directory>header span { display:block; font-size:12px!important; font-weight:700; line-height:1.7!important; height:auto!important; min-height:1.7em; max-height:none!important; overflow:visible!important; white-space:normal!important; letter-spacing:.08em; padding:2px 0; margin-bottom:6px; color:var(--cs-red); }
.cs-revamp .crawlable-set-directory>header p { max-width:450px; font-size:13px; line-height:1.7; color:#68686f; }
.cs-revamp .cardstop-set-search { background:var(--cs-paper)!important; padding:12px 14px!important; margin:0 0 26px!important; border:1px solid var(--cs-line)!important; border-radius:16px!important; gap:10px; }
.cs-revamp .cardstop-set-search input { min-height:48px; background:#fff!important; border-radius:12px!important; font-size:16px!important; }
.cs-revamp .cardstop-set-search button { min-width:52px; min-height:44px; border:0; border-radius:12px; background:#fff; color:#444; }
.cs-revamp .set-directory-columns { display:grid!important; grid-template-columns:1fr!important; gap:32px!important; }
.cs-revamp .set-directory-group { padding:0!important; background:transparent!important; border:0!important; }
.cs-revamp .set-directory-group h3 { font-size:21px!important; margin:0 0 15px!important; font-weight:750; letter-spacing:-.02em; }
.cs-revamp .set-directory-list { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:10px!important; padding:0!important; }
.cs-revamp .set-directory-list>li { min-width:0; margin:0!important; }
.cs-revamp .set-directory-list>li>a { display:grid!important; grid-template-columns:76px minmax(0,1fr)!important; align-items:center; gap:10px!important; min-height:112px!important; height:auto!important; padding:12px!important; border:1px solid #e4e4e8!important; border-radius:17px!important; background:#fff!important; color:#171719; text-decoration:none; overflow:visible!important; }
.cs-revamp .set-directory-thumb-v74 { width:76px!important; height:76px!important; min-width:0!important; border:0!important; border-radius:10px!important; }
.cs-revamp .set-directory-copy-v74 { display:flex!important; flex-direction:column; min-width:0; gap:4px!important; }
.cs-revamp .set-directory-list .set-directory-code-v74 { font-size:11px!important; color:var(--cs-red)!important; line-height:1.2; letter-spacing:.04em; }
.cs-revamp .set-directory-list .set-directory-name-v74 { display:block!important; font-size:14px!important; line-height:1.35!important; font-weight:750!important; overflow:visible!important; text-overflow:clip!important; -webkit-line-clamp:unset!important; white-space:normal!important; }
.cs-revamp .set-directory-copy-v74 small { font-size:11px!important; line-height:1.35!important; color:#777780!important; }
.cs-revamp .set-directory-list :is(.set-directory-copy-v74,.set-directory-code-v74,.set-directory-name-v74,small) { height:auto!important; max-height:none!important; min-width:0; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; -webkit-line-clamp:unset!important; overflow-wrap:anywhere; line-height:1.5!important; }
.cs-revamp :is(.active-set-copy>span,.active-set-copy p,.rarity-filter-label,.set-select-label,.compact-set-current strong,.visual-set-card strong,.visual-set-card small) { height:auto!important; max-height:none!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; line-height:1.6!important; overflow-wrap:anywhere; }
.cs-revamp .set-directory-arrow-v74 { display:none!important; }
.cs-revamp .catalog-controls { display:block!important; padding:20px!important; margin:12px 0 22px!important; border:1px solid var(--cs-line)!important; border-radius:22px!important; background:#fff!important; box-shadow:none!important; scroll-margin-top:calc(var(--cs-header) + 16px); }
.cs-revamp .game-switch { gap:5px; padding:4px; border-radius:14px; background:#ededf1; }
.cs-revamp .game-tab { border:0!important; border-radius:11px!important; min-height:46px; background:transparent!important; color:#64646c!important; box-shadow:none!important; }
.cs-revamp .game-tab.active { background:#fff!important; color:#151519!important; }
.cs-revamp .game-tab small { display:none; }
.cs-revamp .selector-row select { min-height:48px; font-size:16px!important; border-radius:12px!important; }
.cs-revamp .visual-toggle { min-height:48px; font-size:14px; border-radius:12px; }
.cs-revamp .visual-set-card { min-width:0; border:1px solid var(--cs-line); border-radius:14px; }
.cs-revamp .visual-product { border-radius:10px; }
.cs-revamp .active-set-summary { padding:20px!important; gap:20px; margin:0!important; border:1px solid var(--cs-line)!important; border-radius:22px!important; background:#fff!important; }
.cs-revamp .active-product-shot { width:86px!important; height:86px!important; border:0!important; border-radius:12px!important; flex:none; }
.cs-revamp .active-set-copy { min-width:0; }
.cs-revamp .active-set-copy h2 { font-size:24px!important; line-height:1.3!important; white-space:normal!important; overflow:visible!important; letter-spacing:-.03em; }
.cs-revamp .active-set-copy>span { font-size:10px!important; color:var(--cs-red); }
.cs-revamp .active-set-copy p { font-size:12px; color:#707077; }
.cs-revamp .card-search { display:flex; align-items:center; min-height:48px; border:1px solid var(--cs-line); border-radius:12px!important; background:#f5f5f7; min-width:0; }
.cs-revamp #card-search { font-size:16px!important; width:100%; min-width:0; background:transparent; border:0; }
.cs-revamp .rarity-filter-wrap { padding:20px 0!important; border:0!important; display:flex; align-items:center; gap:20px; }
.cs-revamp .rarity-filter-label span { font-size:13px; }
.cs-revamp .rarity-filter-label small { font-size:10px; }
.cs-revamp .rarity-filters { display:flex!important; flex-wrap:wrap!important; gap:6px!important; overflow:visible!important; }
.cs-revamp .rarity-filters button { border:1px solid #e0e0e6!important; background:#fff!important; color:#6a6a70!important; border-radius:11px!important; padding:8px 15px!important; min-height:44px; min-width:44px; font-size:13px!important; box-shadow:none!important; }
.cs-revamp .rarity-filters button.active { border-color:#171719!important; background:#171719!important; color:#fff!important; }
.cs-revamp .card-grid { grid-template-columns:repeat(6,minmax(0,1fr))!important; gap:14px!important; }
.cs-revamp .card-tile { background:#fff!important; padding:10px!important; border:1px solid var(--cs-line)!important; border-radius:18px!important; overflow:visible!important; text-align:left; }
.cs-revamp .card-image-frame { background:#fff!important; aspect-ratio:630/880; height:auto!important; padding:0!important; border-radius:8px!important; overflow:visible!important; }
.cs-revamp .card-image-frame img { width:100%!important; height:100%!important; object-fit:contain!important; object-position:center!important; transform:none!important; margin:0!important; padding:0!important; }
.cs-revamp .card-meta-row { display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; gap:5px; margin:12px 0 7px!important; }
.cs-revamp .card-number-badge { display:inline-block; width:fit-content; max-width:100%; height:auto!important; padding:4px 7px!important; border:0!important; border-radius:6px; background:#6b6b73!important; color:#fff!important; -webkit-text-fill-color:#fff; font-size:11px!important; font-weight:650; line-height:1.5!important; white-space:normal!important; overflow:visible!important; overflow-wrap:anywhere; }
.cs-revamp .card-rarity-badge { font-size:11px!important; padding:4px 6px; border-radius:6px; }
.cs-revamp .card-names { margin:0!important; padding:0!important; }
.cs-revamp .card-primary-names { display:flex; flex-direction:column; gap:3px; }
.cs-revamp .card-primary-names :is(strong,em) { font-size:12px!important; font-style:normal; line-height:1.4!important; white-space:normal!important; overflow:visible!important; -webkit-line-clamp:unset!important; }
.cs-revamp .card-primary-names em { color:#202025!important; font-weight:750; }
.cs-revamp .card-primary-names strong { color:#6b6e77!important; font-weight:500; }
.cs-revamp .card-names>small { display:block!important; height:auto!important; max-height:none!important; font-size:11px!important; line-height:1.5!important; color:#777; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; -webkit-line-clamp:unset!important; overflow-wrap:anywhere; }
.cs-set-trigger,.cs-rarity-trigger { display:none; }
.cs-revamp .set-intelligence-v73 { border-radius:24px!important; margin-top:40px!important; overflow:hidden; }
.cs-revamp .set-seo-overview { border-radius:24px!important; padding:28px!important; border-color:var(--cs-line)!important; margin-top:32px!important; }
.cs-revamp .set-seo-overview p { line-height:1.8!important; }
.cs-revamp #lightbox { position:fixed; inset:0; z-index:300!important; display:flex; align-items:center; justify-content:center; padding:24px 68px; background:rgba(10,11,15,.94)!important; backdrop-filter:blur(14px); }
.cs-revamp #lightbox figure { display:flex!important; flex-direction:column; align-items:center; gap:14px; margin:0; width:min(700px,100%); max-height:calc(100dvh - 48px); overflow:auto; }
.cs-revamp .lightbox-image-wrap { width:100%; height:min(70dvh,760px)!important; max-height:70dvh!important; min-height:0; display:flex; align-items:center; justify-content:center; background:transparent!important; overflow:auto!important; border:0!important; }
.cs-revamp #lightbox-image { display:block; max-width:100%!important; max-height:100%!important; width:auto!important; height:auto!important; object-fit:contain!important; border-radius:8px; transform:none!important; }
.cs-revamp #lightbox figcaption { width:100%; text-align:center; color:#fff; margin:0!important; padding:0!important; }
.cs-revamp #lightbox figcaption :is(strong,em,small) { color:#fff; line-height:1.5; }
.cs-revamp :is(.lightbox-close,.lightbox-nav,.cs-card-zoom) { min-width:44px!important; min-height:44px!important; border:1px solid #ffffff30!important; border-radius:50%!important; background:#22232a!important; color:#fff!important; z-index:3; }
.cs-revamp .lightbox-close { right:18px!important; top:18px!important; }
.cs-card-zoom { position:absolute; left:18px; top:18px; padding:9px 13px; font-size:14px; cursor:pointer; }
.cs-revamp #lightbox.cs-card-zoomed .lightbox-image-wrap { display:block; }
.cs-revamp #lightbox.cs-card-zoomed #lightbox-image { width:160%!important; max-width:none!important; height:auto!important; max-height:none!important; }
@media(max-width:1150px) {
 .cs-revamp .set-directory-list { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
 .cs-revamp .card-grid { grid-template-columns:repeat(5,minmax(0,1fr))!important; }
}
@media(max-width:900px) {
 .cs-revamp .card-grid { grid-template-columns:repeat(4,minmax(0,1fr))!important; }
 .cs-revamp .set-directory-list { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}
@media(max-width:720px) {
 .cs-revamp body[data-cardstop-page]>main { width:calc(100% - 28px)!important; }
 .cs-revamp .archive-intro { padding:24px 0 14px!important; }
 .cs-revamp .archive-intro h1 { font-size:clamp(17px,4.7vw,26px)!important; }
 .cs-revamp .archive-intro .intro-copy { display:block; }
 .cs-revamp .archive-intro p { margin:10px 0 0; font-size:13px!important; line-height:1.7!important; }
 .cs-revamp .archive-intro .back-link { margin-bottom:10px; font-size:12px; min-height:32px; }
 .cs-revamp .crawlable-set-directory { margin-top:12px!important; border:0!important; padding:0!important; border-radius:0!important; box-shadow:none!important; background:transparent!important; overflow:visible!important; }
 .cs-revamp .crawlable-set-directory>header { display:block; margin-bottom:15px; }
 .cs-revamp .crawlable-set-directory>header h2 { font-size:21px!important; }
 .cs-revamp .crawlable-set-directory>header p { font-size:12px; line-height:1.6; margin:8px 0 0; }
 .cs-revamp .cardstop-set-search { border-radius:15px!important; padding:10px!important; gap:6px!important; }
 .cs-revamp .cardstop-set-search label { font-size:12px; }
 .cs-revamp .set-directory-columns { gap:28px!important; }
 .cs-revamp .set-directory-list { gap:8px!important; }
 .cs-revamp .set-directory-group h3 { font-size:19px!important; margin-bottom:12px!important; }
 .cs-revamp .set-directory-list>li>a { grid-template-columns:54px minmax(0,1fr)!important; min-height:104px!important; padding:9px 7px!important; gap:7px!important; border-radius:15px!important; height:100%!important; }
 .cs-revamp .set-directory-thumb-v74 { width:54px!important; height:66px!important; }
 .cs-revamp .set-directory-list .set-directory-name-v74 { font-size:12px!important; line-height:1.35!important; }
 .cs-revamp .set-directory-list .set-directory-code-v74 { font-size:10px!important; }
 .cs-revamp .set-directory-copy-v74 small { font-size:10px!important; line-height:1.4!important; }
 .cs-revamp .cs-catalog-enhanced #compact-set-switcher { display:none!important; }
 .cs-revamp #catalog-controls { padding:14px!important; margin:12px 0 14px!important; border-radius:17px!important; }
 .cs-revamp #catalog-controls .selector-row { display:grid; grid-template-columns:minmax(0,1fr) 48px; align-items:stretch; gap:8px; }
 .cs-revamp #catalog-controls .selector-row>.set-select-label { grid-column:1; grid-row:1; }
 .cs-revamp #catalog-controls .selector-row>.visual-toggle { grid-column:2; grid-row:1; min-width:48px; width:48px; height:48px; min-height:48px; align-self:center; padding:0; display:flex; align-items:center; justify-content:center; }
 .cs-revamp #catalog-controls .visual-toggle:focus-visible { outline:3px solid var(--red); outline-offset:3px; }
 .cs-revamp #catalog-controls .visual-toggle[aria-expanded="true"] { background:#fff0f3; border-color:var(--red); }
 .cs-revamp #catalog-controls .set-select-label { min-width:0; width:100%; }
 .cs-revamp #catalog-controls .selector-row select { width:100%; min-width:0; }
 .cs-revamp .cs-catalog-enhanced .active-set-summary { position:relative; top:auto; z-index:2; display:grid!important; grid-template-columns:60px minmax(0,1fr); gap:10px 12px!important; padding:12px!important; border-radius:17px!important; }
 .cs-revamp .active-product-shot { width:60px!important; height:62px!important; }
 .cs-revamp .active-set-copy h2 { font-size:17px!important; margin:3px 0!important; }
 .cs-revamp .active-set-copy>span { font-size:9px!important; }
 .cs-revamp .active-set-copy p { margin:4px 0 0; font-size:11px; }
 .cs-revamp .cs-catalog-enhanced .card-search { grid-column:1/-1; grid-row:2; min-height:44px; width:100%; margin:0; padding:0 9px; }
 .cs-revamp .card-search>span { display:none; }
 .cs-revamp .card-search input { padding:0; min-height:44px; }
 .cs-revamp .cs-catalog-enhanced .rarity-filter-wrap { display:flex!important; flex-direction:column; align-items:stretch; gap:10px; padding:16px 0!important; }
 .cs-revamp .rarity-filter-label { display:flex; align-items:baseline; gap:8px; margin:0; }
 .cs-revamp .rarity-filters { width:100%; max-height:none; overflow:visible!important; flex-wrap:wrap!important; }
 .cs-revamp .rarity-filters button { min-height:44px; padding:8px 12px!important; white-space:normal!important; }
 .cs-revamp .card-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; }
 .cs-revamp .card-tile { padding:9px!important; border-radius:15px!important; }
 .cs-revamp .card-primary-names :is(strong,em) { font-size:12px!important; }
 .cs-revamp .card-names>small { font-size:10px!important; }
 .cs-revamp .set-intelligence-v73 { border-radius:18px!important; margin-top:30px!important; }
 .cs-revamp .set-seo-overview { padding:22px 16px!important; border-radius:18px!important; }
 .cs-revamp #lightbox { padding:70px 12px 22px; }
 .cs-revamp #lightbox figure { max-height:calc(100dvh - 90px); }
 .cs-revamp .lightbox-image-wrap { height:65dvh!important; max-height:65dvh!important; }
 .cs-revamp .lightbox-nav { position:absolute!important; bottom:20px!important; top:auto!important; transform:none!important; }
 .cs-revamp .lightbox-prev { left:14px!important; }
 .cs-revamp .lightbox-next { right:14px!important; }
 .cs-revamp #lightbox figcaption { padding:0 40px!important; font-size:12px; }
 .cs-revamp .lightbox-primary-names :is(strong,em) { font-size:14px!important; }
}
@media(max-width:359px) {
 .cs-revamp .set-directory-list>li>a { grid-template-columns:44px minmax(0,1fr)!important; gap:5px!important; }
 .cs-revamp .set-directory-thumb-v74 { width:44px!important; height:58px!important; }
 .cs-revamp .set-directory-list .set-directory-name-v74 { font-size:11px!important; }
}