/* Same square preview surface in Community and My Saves. */
@import url('fonts/bhs-digits.css');
.cbp-surface{container-type:inline-size;box-sizing:border-box;width:100%;min-width:0;background:#080d16;border:1px solid #72859e40;border-radius:0;color:#f4f3f5;text-align:left;overflow:visible}
.cbp-surface *{box-sizing:border-box}.cbp-team{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;max-width:800px;margin:0 auto;padding:16px 12px}
.cbp-num{font-family:Oswald,sans-serif}
.cbp-banner h3,.cbp-tier-label,.cbp-tier-label .cbp-num{font-family:'BHS Digits','Black Han Sans',sans-serif}
.cbp-kind-tierlist{border-radius:12px;overflow:hidden}.cbp-tier-label{border-radius:10px}
.cbp-diamond>.cbp-thumb,.cbp-diamond>.cbp-empty{background:#0c1421;border:1px solid #7188a039;box-shadow:inset 0 0 0 1px #0003}
.cbp-thumb{position:relative;display:block;min-width:0;width:100%!important;height:auto!important;aspect-ratio:1;max-width:90px;flex:none}
.cbp-thumb *{pointer-events:none}.cbp-thumb .ft-frame{position:absolute;top:8%;left:15%;width:80%;z-index:1}.cbp-thumb .ft-art{position:absolute;top:-6%;left:4%;width:100.5%;z-index:4;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)}
.cbp-thumb .ft-type{position:absolute;top:1.5%;right:-5%;width:33%;z-index:6}.cbp-thumb .ft-rarity{position:absolute;bottom:2%;left:-6%;width:52%;z-index:6}.cbp-thumb .ft-ezaseza{position:absolute;bottom:9.5%;right:-10%;width:56.5%;z-index:6}
.cbp-thumb .fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.cbp-thumb .fx-spin,.cbp-thumb .fx-seza{z-index:2}.cbp-thumb .fx-thunder{z-index:3}.cbp-thumb .fx-spin,.cbp-thumb .fx-thunder{mix-blend-mode:screen}
.cbp-diamond{display:grid;grid-template-columns:44px repeat(5,minmax(0,1fr));gap:9px;align-items:center;max-width:480px;margin:0 auto;padding:14px}
.cbp-type{display:block;width:28px;max-width:100%;justify-self:center}.cbp-rank{display:block;width:42px;max-width:100%;justify-self:center}.cbp-empty{display:block;width:100%;aspect-ratio:1;border:1px solid #ffffff0b}
.cbp-banner{display:block!important;position:relative;z-index:0;padding:20px 14px 16px;text-align:center;border-bottom:2px solid rgba(var(--acc-rgb,255,216,74),.6);background:linear-gradient(0deg,rgba(var(--acc-rgb,255,216,74),.16),transparent 60%),repeating-linear-gradient(90deg,transparent 0 26px,#ffffff04 26px 27px),#0b0e16}
.cbp-banner h3{font:400 clamp(16px,3.8cqw,30px)/1.3 'Black Han Sans',sans-serif;letter-spacing:1px;color:var(--gold,#ffd84a);text-transform:uppercase;margin:0 0 10px;overflow-wrap:anywhere}.cbp-banner>div{font:500 13px/1.4 Oswald,sans-serif;color:#b6bccc;overflow-wrap:anywhere}.cbp-banner b{color:#f5f3f6}.cbp-banner time{font-family:Oswald,sans-serif}
.cbp-tierlist{width:100%;max-width:none!important;margin:0!important;padding:8px 12px}
.cbp-tier-row{display:grid;grid-template-columns:82px minmax(0,1fr);gap:14px;align-items:stretch;padding:8px 0;border-bottom:1px solid #ffffff24;min-width:0}.cbp-tier-row:last-child{border-bottom:0}
.cbp-tier-label{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:var(--tier);border:1px solid #0003;border-radius:0;color:#101016;text-align:center;overflow-wrap:anywhere;padding:5px;font:400 16px/1.3 'Black Han Sans',sans-serif}
.cbp-tier-cards{display:flex;gap:8px;flex-wrap:wrap;align-items:center;min-width:0;padding:4px 0}.cbp-tier-cards .cbp-thumb{width:clamp(38px,9cqw,76px)!important;height:auto!important}
.cbp-more{font:500 10px Oswald,sans-serif;letter-spacing:1px;text-align:center;color:#b7c0d1;padding:4px 8px 10px}
.cbp-surface .open-tl:hover{background:none;box-shadow:none}.cbp-surface .open-tl:focus-visible{outline:1px solid #ffd84a;outline-offset:-2px}
.ct-community .ct-row{border-radius:0!important;position:relative}.ct-community .ct-row .cbp-surface{margin:14px auto 0}
.ct-community .ct-row{padding-top:44px!important}.ct-load-corner{position:absolute;top:10px;right:10px;z-index:2}.ct-load-corner .house-btn{font-size:10px;padding:4px 11px}
.ct-community .ct-row .cbp-tierlist{box-sizing:border-box}.cm-midnight .tlm-box{border-radius:0}.cm-midnight .tlm-head{padding:0}.cm-midnight .tlm-head .cbp-banner{padding-right:38px}.cm-midnight .tlm-body{padding:0}
.cm-midnight .tlm-x{z-index:10;color:#d3ddeb;background:#080d16cc}
.cm-midnight[data-community-kind=tierlist] .rrow>.mid,.cm-midnight[data-community-kind=tierlist] .vrow>.mid{display:none}
.cbp-dialog{position:relative;width:min(1050px,calc(100vw - 24px));max-height:92dvh;padding:0;border:1px solid #ffd84a66;background:#080d16;color:#fff;overflow:auto}.cbp-dialog::backdrop{background:#000c}.cbp-close{position:absolute!important;top:12px;right:12px;z-index:3}.cbp-dialog .cbp-banner{padding-right:50px}
.cm-saves .item{background:radial-gradient(ellipse at 80% 0,#17283e50,transparent 70%),#090f19;border-color:#758ba34f;border-radius:10px}.cm-saves .item .head{background:#101824}.cm-saves .item .body{display:block;padding:0 14px}.cm-saves .item[data-build-kind=tierlist] .body{cursor:pointer}
.cm-saves .cbp-thumb[data-role]::after{content:attr(data-role);position:absolute;top:-13px;left:0;right:0;text-align:center;font:500 8px/1.2 Oswald,sans-serif;color:#a8b6cb}.cbp-memory-wrap{display:flex;justify-content:center;border-top:1px solid #7188a033;padding:12px}.cm-saves .cbp-memory-wrap .smu{border:0;margin:0}
.cm-midnight[data-community-kind=tierlist] .pd .card{border-radius:12px 12px 0 0}.cm-midnight[data-community-kind=tierlist] :is(.rrow,.vrow){border-radius:12px}
.cbp-tier-label{border-radius:10px;font-family:'BHS Digits','Black Han Sans',sans-serif}.cbp-banner h3,.cbp-banner h3 .cbp-num,.cbp-tier-label .cbp-num{font-family:'BHS Digits','Black Han Sans',sans-serif}
.cm-midnight .pd .pbody{width:100%}.cm-midnight .cm-preview{align-items:center!important;position:static;padding-top:0}
.cm-midnight :is(.rrow,.vrow,.pd .card){position:relative;border-radius:0;padding-top:43px}
.cm-midnight .cm-actions{position:absolute;top:10px;right:10px;z-index:3}.cm-midnight .cm-actions .house-btn{font-size:10px}
.cm-midnight :is(.rrow,.vrow)>div:has(>.cm-preview){min-width:0;flex:1 1 100%}
.cm-midnight[data-community-kind=tierlist] :is(.rrow,.vrow){flex-direction:column;align-items:center;gap:12px}
.cm-midnight[data-community-kind=tierlist] :is(.rrow,.vrow)>div:has(>.cm-preview){width:min(100%,850px)}
.cm-midnight[data-community-kind=tierlist] .pd .pname{display:none}
.cm-midnight[data-community-kind=team] .podium{grid-template-columns:1fr 1.18fr 1fr;gap:18px;align-items:end}
.cm-midnight[data-community-kind=team] .pd.p2{order:1}.cm-midnight[data-community-kind=team] .pd.p1{order:2}.cm-midnight[data-community-kind=team] .pd.p3{order:3}
.cm-midnight[data-community-kind=team] .pd.p1 .step{height:92px}.cm-midnight[data-community-kind=team] .pd.p2 .step{height:66px}.cm-midnight[data-community-kind=team] .pd.p3 .step{height:46px}
.cm-midnight .pd .cbp-team{gap:3px;padding:12px 6px}.cm-midnight .pd .cbp-diamond{gap:5px;grid-template-columns:26px repeat(5,minmax(0,1fr));padding:9px}.cm-midnight .pd .cbp-type{width:22px}
.cm-midnight .pd .cbp-team{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;padding:15px 10px}.cm-midnight .pd .cbp-team>.cbp-thumb{grid-column:span 2}.cm-midnight .pd .cbp-team>.cbp-thumb:nth-child(5){grid-row:2;grid-column:2/span 2}.cm-midnight .pd .cbp-team>.cbp-thumb:nth-child(6){grid-row:2;grid-column:4/span 2}.cm-midnight .pd .cbp-team>.cbp-thumb:nth-child(7){grid-row:2;grid-column:6/span 2}
.trial-podium-options{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin:12px auto 20px;font:500 11px Oswald,sans-serif;color:#aab6c9;letter-spacing:1px}.trial-podium-options button{font-size:10px;padding:5px 10px}.trial-podium-options [aria-pressed=true]{color:#ffd84a}
.cm-midnight .pd.p1{--podium:#ffd84a}.cm-midnight .pd.p2{--podium:#9baecb}.cm-midnight .pd.p3{--podium:#b98361}
.cm-midnight[data-podium=midnight] .pd.p1{--podium:#ffd84a}.cm-midnight[data-podium=midnight] .pd.p2{--podium:#61b6ff}.cm-midnight[data-podium=midnight] .pd.p3{--podium:#b58aff}
.cm-midnight[data-podium=neon] .pd.p1{--podium:#ff75bd}.cm-midnight[data-podium=neon] .pd.p2{--podium:#55e8ec}.cm-midnight[data-podium=neon] .pd.p3{--podium:#a4ed72}
.cm-midnight[data-podium=royal] .pd.p1{--podium:#f06b69}.cm-midnight[data-podium=royal] .pd.p2{--podium:#ffd84a}.cm-midnight[data-podium=royal] .pd.p3{--podium:#79a8ff}
.cm-midnight .pd .card{border-color:color-mix(in srgb,var(--podium) 50%,transparent)}.cm-midnight .pd .medal{color:var(--podium)}.cm-midnight .pd .step{background:linear-gradient(180deg,color-mix(in srgb,var(--podium) 28%,#10151e),#0a1019)!important;border-color:color-mix(in srgb,var(--podium) 55%,transparent)!important}
@container(max-width:420px){.cbp-tier-row{grid-template-columns:48px minmax(0,1fr);gap:9px}.cbp-tier-label{font-size:10px;padding:3px}.cbp-tierlist{padding:6px 8px}.cbp-tier-cards{gap:5px}.cbp-banner{padding:13px 10px}.cbp-banner>div{font-size:10px}}
@media(max-width:700px){.cm-midnight[data-community-kind=team] .podium{grid-template-columns:1fr}.cm-midnight[data-community-kind=team] .pd.p1{order:1}.cm-midnight[data-community-kind=team] .pd.p2{order:2}.cm-midnight[data-community-kind=team] .pd.p3{order:3}.cm-midnight .pd .step{height:26px!important}.cbp-team{gap:4px;padding:12px 8px}.cbp-diamond{grid-template-columns:30px repeat(5,minmax(0,1fr));gap:6px;padding:9px}.cm-midnight :is(.rrow,.vrow)>div:has(>.cm-preview){order:initial}}

/* a tier holds only the cards it has: a card that is not in the roster any more draws nothing,
   not an empty square the width of the row (owner, 5 Nov 2026) */
.cbp-tier-cards>.cbp-empty{display:none}