.tcg-sort-group{display:none}
.filter-preset-btn[data-leaderboard-preset=tcg]{font-family:ArenaBrand,BeauMed,sans-serif;font-size:18px;font-weight:800;letter-spacing:1.2px;line-height:1}
:root[data-leaderboard-mode=tcg] .filters-advanced>.filters-group:not(.tcg-sort-group){display:none}
:root[data-leaderboard-mode=tcg] .tcg-sort-group{display:flex}
#tcg-sort-dropdown{position:relative}
#tcg-sort-dropdown summary{list-style:none}
#tcg-sort-dropdown summary::-webkit-details-marker{display:none}
#tcg-sort-dropdown:not([open]) .filter-dropdown-panel{display:none}
#tcg-sort-dropdown[open] .filter-dropdown-panel{display:block}
/* One row at every width. Below 1280px the site scales the whole container down from a layout at
   least ~770px wide, so phones get this same row, shrunk, like the main leaderboard. */
.carousel-item.carousel-item--tcg,.carousel-header.tcg-leaderboard-header{display:grid;grid-template-columns:100px minmax(130px,1fr) 156px 236px 65px;gap:12px;align-items:center;margin-inline:15px;padding-inline:12px}
.carousel-item.carousel-item--tcg{min-height:0;padding-block:4px}
.carousel-item.carousel-item--tcg>*{margin-right:0}
.carousel-item--tcg[hidden]{display:none!important}
.carousel-header.tcg-leaderboard-header>span{min-width:0;pointer-events:auto;white-space:nowrap;font:inherit;letter-spacing:inherit}
.carousel-header.tcg-leaderboard-header>span:nth-child(2){text-align:left}
.carousel-header.tcg-leaderboard-header>span:nth-child(3){display:flex;align-items:center;justify-content:center;gap:4px}
.carousel-item--tcg .rank{width:auto;min-width:0;justify-content:center;text-align:center}
.tcg-leaderboard-rank-block{display:flex;align-items:center;justify-content:center;gap:8px}
.tcg-leaderboard-crest{display:flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px}
.tcg-leaderboard-crest img{display:block;width:100%;height:100%;object-fit:contain}
.tcg-unranked-crest{color:var(--text-color);opacity:.5}
.carousel-item--tcg .player-name{min-width:0;max-width:none;margin:0}
.carousel-item--tcg .player-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.carousel-item--tcg .rating.tcg-leaderboard-power{box-sizing:border-box;width:100%;min-width:0;max-width:none;padding:8px 12px;justify-content:center;font:italic 800 clamp(24px,3vw,32px)/1 PowerBarlow,sans-serif;font-variant-numeric:tabular-nums;color:var(--primary-color);white-space:nowrap}
.tcg-leaderboard-card-tip{white-space:nowrap}
/* The gold corner marks a best-card score; collection totals have none. */
.carousel-item--tcg .rating.rating--champ-score.tcg-leaderboard-power--collection::after{content:none}
.tcg-leaderboard-cards{display:flex;justify-content:center;align-items:center;gap:4px;min-width:0}
.tcg-leaderboard-card{display:block;width:44px;flex:0 0 44px;padding:0;border:0;border-radius:4px;background:none;color:inherit;cursor:pointer}
.tcg-leaderboard-card:hover,.tcg-leaderboard-card:focus-visible{outline:1px solid var(--primary-color);outline-offset:2px}
.tcg-leaderboard-card:disabled{cursor:wait;opacity:.65}
.tcg-leaderboard-card .tcg-card-slot{width:100%}
/* Until all of a row's cards are ready (tcg/leaderboard.js), each shows an empty card-shaped slot. */
.tcg-leaderboard-cards:not([data-thumbnails=ready]) .tcg-leaderboard-card{aspect-ratio:258/366;background:rgba(255,255,255,.06)}
.tcg-leaderboard-cards:not([data-thumbnails=ready]) .tcg-leaderboard-card{content-visibility:hidden}
.tcg-leaderboard-card .tcg-card{pointer-events:none;transform:none;filter:none;transition:none}
.tcg-leaderboard-card *{animation:none!important}
.tcg-leaderboard-card .tcg-aura,.tcg-leaderboard-card .tcg-card-meta{display:none}
.carousel-item--tcg .button-group{display:flex;margin:0;justify-content:center}
.carousel-item--tcg .profile-btn{box-sizing:border-box;width:65px;min-height:48px}
.carousel-item--tcg .profile-btn p{margin-bottom:0}
.tcg-leaderboard-status{text-align:center;padding:20px;color:var(--text-color)}
/* Extend the header background to the track edges. Move the row gutters into
   its padding so the grid's content width and column positions stay identical. */
.carousel-header.tcg-leaderboard-header{width:100%;margin-inline:0;padding-inline:27px}