.custom-badges{margin-top:32px;padding-top:28px;border-top:1px solid var(--line,#283550);min-width:0}.cb-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.cb-heading h3{margin:0;font-size:var(--fs-xl);color:#f5f7ff}.cb-heading p,.cb-editor>p,.cb-empty,.cb-footnote{font-size:var(--fs-md);line-height:1.7;color:#9eb4d3}.cb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:16px}.cb-card{--cb-tone:#00c9ed;padding:20px 20px;border:1px solid #2d3c5f;border-top:3px solid var(--cb-tone);border-radius:var(--r-lg);background:#101e40;display:flex;flex-direction:column;min-width:0;gap:16px}.cb-pink{--cb-tone:#ff0095}.cb-yellow{--cb-tone:#ffed00}.cb-card-heading{display:flex;align-items:center;gap:12px}.cb-icon{display:grid;place-items:center;width:52px;height:52px;flex:none;border-radius:var(--r-lg);background:var(--cb-tone);color:#071027;font-size:var(--fs-3xl)}.cb-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:1px;color:var(--cb-tone)}.cb-card h4{font-size:var(--fs-lg);color:#fff;margin:0;overflow-wrap:anywhere}.cb-criteria{color:#a9bdd9;font-size:var(--fs-md);line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.cb-holders{display:flex;flex-direction:column;gap:8px;padding-top:16px;margin-top:auto;border-top:1px solid #ffffff15}.cb-holders>span{font-size:var(--fs-xs);color:#9eb4d3}.cb-holders strong{font-size:var(--fs-md);color:#fff;overflow-wrap:anywhere}.cb-holders .cb-unawarded{font-weight:var(--fw-regular);color:#9eb4d3}.cb-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.cb-actions button{min-height:38px}.cb-status:empty{display:none}.cb-status{color:#a9bdd9;font-size:var(--fs-md);line-height:1.7}.cb-tabs{margin-bottom:20px}.cb-tabs [aria-pressed=true]{color:#fff;text-decoration:underline;text-underline-offset:6px}.cb-editor,.cb-confirm{padding:24px;margin-bottom:24px;background:#091530;border:1px solid #36486e;border-radius:var(--r-lg)}.cb-editor h4{font-size:var(--fs-xl);margin:0 0 8px;color:#fff}.cb-editor .cb-actions{margin-top:20px}.cb-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cb-fields label{display:grid;gap:8px;font-size:var(--fs-md);color:#b9c9df}.cb-wide{grid-column:1/-1}.cb-fields input,.cb-fields textarea,.cb-fields select{box-sizing:border-box;width:100%;border:1px solid #3b4f79;border-radius:var(--r-md);background:#06112b;color:#fff;padding:12px;font:inherit;min-height:44px}.cb-fields textarea{resize:vertical}.cb-player-list{max-height:310px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;border:1px solid #344464;border-radius:var(--r-md);padding:16px}.cb-player-list legend{font-size:var(--fs-sm);color:#9eb4d3;padding:0 4px}.cb-player-list label{display:flex;align-items:center;gap:8px;font-size:var(--fs-md);min-height:34px}.cb-player-list input{width:18px;height:18px;accent-color:#00c9ed}.cb-player-list span{overflow-wrap:anywhere}.cb-confirm p{font-size:var(--fs-md);line-height:1.7}.custom-badges button:focus-visible,.custom-badges input:focus-visible,.custom-badges select:focus-visible,.custom-badges textarea:focus-visible{outline:2px solid #00c9ed;outline-offset:4px}.custom-badges button:disabled{opacity:.6;cursor:wait}@media(max-width:650px){.cb-fields,.cb-player-list{grid-template-columns:1fr}.cb-heading{align-items:flex-start;flex-direction:column}.cb-editor{padding:20px}.cb-wide{grid-column:auto}}

/* League-created badges participate in the same grid as built-in badges. */
.custom-badges.cb-inline{display:contents}.cb-inline>.cb-empty,.cb-inline>[data-cb-refresh]{grid-column:1/-1}.cb-display-card{align-items:center;text-align:center;gap:0;background:linear-gradient(160deg,color-mix(in srgb,var(--cb-tone) 9%,transparent),transparent 68%),#0d1c40}.cb-display-card .cb-label{font-size:var(--fs-xs);letter-spacing:1.5px}.cb-display-card .cb-icon{width:64px;height:64px;margin:12px auto;border-radius:var(--r-lg);font-size:var(--fs-4xl)}.cb-display-card h3{font-size:var(--fs-md);line-height:1.4;margin:4px 0 12px;color:#fff;overflow-wrap:anywhere}.cb-display-card .cb-holders{border:0;width:100%;margin:12px 0 24px;padding:0;gap:8px}.cb-display-card .cb-holders strong{font-size:var(--fs-lg);line-height:1.4}.cb-display-card .cb-criteria{font-size:var(--fs-sm);line-height:1.7}.cb-display-criteria{margin-top:auto;padding-top:16px;border-top:1px solid #ffffff18;width:100%;text-align:left}.cb-display-criteria summary{font-size:var(--fs-xs);color:var(--cb-tone);cursor:pointer;min-height:24px}.cb-display-criteria p{padding-top:12px}.cb-display-card .cb-footnote{margin-top:auto;padding-top:16px;font-size:var(--fs-xs)}.cb-display-criteria summary:focus-visible{outline:2px solid var(--cb-tone);outline-offset:4px}

/* Use the same avatar, holder and footer rhythm as standard badge cards. */
.cb-display-card{border-radius:var(--r-lg)}.cb-display-card .cb-label{font-weight:var(--fw-bold);line-height:normal}.cb-display-card h3{font-weight:var(--fw-bold)}.cb-holder-line{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;margin:8px 0}.cb-holder-line .e-avatar,.cb-holder-line .avatar,.cb-holder-line .cb-avatar{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;min-width:42px;flex-shrink:0;border-radius:50%;overflow:hidden;font-size:var(--fs-md)}.cb-avatar{background:#07142e;border:1px solid #344677;color:#b9c9df}.cb-holder-name{font-size:var(--fs-lg);line-height:1.4;font-weight:var(--fw-bold);color:#fff;overflow-wrap:anywhere}.cb-holder-caption{font-size:var(--fs-sm);line-height:1.7;margin:8px 0 16px;color:#9eb4d3}.cb-display-criteria summary{display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none;font-size:var(--fs-xs);line-height:1.4;font-weight:var(--fw-bold);min-height:0}.cb-display-criteria summary::-webkit-details-marker{display:none}.cb-details-holders{display:grid;gap:8px;font-size:var(--fs-md);color:#fff;margin-top:12px}.cb-details-holders:empty{display:none}.cb-display-criteria[open] summary>span{transform:rotate(90deg)}

.cb-display-card{cursor:pointer;font-family:inherit;color:#fff}.cb-display-footer{margin-top:auto;display:flex;justify-content:space-between;gap:8px;width:100%;border-top:1px solid #ffffff18;padding-top:16px;color:var(--cb-tone);font-size:var(--fs-xs);line-height:1.4;font-weight:var(--fw-bold)}.cb-display-card:hover{border-color:var(--cb-tone);transform:translateY(-3px)}.cb-badge-dialog{box-sizing:border-box;width:min(520px,calc(100% - 32px));max-height:85vh;overflow:auto;border:1px solid #344677;border-radius:var(--r-lg);background:#0d1c40;color:#fff;padding:28px}.cb-badge-dialog::backdrop{background:#020715b8}.cb-badge-dialog form{display:flex;justify-content:flex-end}.cb-detail-close{background:#07132f;color:#9eb4d3;border:0;border-radius:50%;width:36px;height:36px;font-size:var(--fs-2xl);cursor:pointer}.cb-detail-art{--cb-tone:#00c9ed;display:flex;justify-content:center}.cb-detail-art.cb-pink{--cb-tone:#ff0095}.cb-detail-art.cb-yellow{--cb-tone:#ffed00}.cb-badge-dialog h2{text-align:center;font-size:var(--fs-2xl)}.cb-badge-dialog h3{font-size:var(--fs-md);margin-top:24px}.cb-detail-holders{display:grid;gap:12px}.cb-detail-holders>div{display:flex;align-items:center;gap:12px}.cb-detail-holders .e-avatar,.cb-detail-holders .avatar,.cb-detail-holders .cb-avatar{display:inline-flex;justify-content:center;align-items:center;width:42px;height:42px;min-width:42px;border-radius:50%;overflow:hidden}.cb-detail-close:focus-visible{outline:2px solid #00c9ed;outline-offset:3px}@media(prefers-reduced-motion:reduce){.cb-display-card:hover{transform:none}}

.cb-display-card .cb-label{font-size:var(--fs-xs);line-height:15px;font-weight:var(--fw-semibold)}.cb-display-card h3{font-weight:var(--fw-semibold)}.cb-display-footer{font-size:var(--fs-sm);line-height:18px;font-weight:var(--fw-semibold);padding-top:16px}

/* Custom achievements share the earned-badge row without taking extra columns. */
.cb-player-badges{display:contents}.cb-player-chip{--cb-tone:#00c9ed;display:inline-flex;align-items:center;justify-content:center;width:23px;height:25px;min-width:23px;flex:none;border:0;background:transparent;padding:0;color:var(--cb-tone);font-size:var(--fs-xl);line-height:1;cursor:pointer}.cb-player-chip.cb-pink{--cb-tone:#ff0095}.cb-player-chip.cb-yellow{--cb-tone:#ffed00}.cb-player-chip:focus-visible{outline:2px solid var(--cb-tone);outline-offset:3px;border-radius:var(--r-sm)}.rop-earned-badges{flex-wrap:wrap;max-width:100%}.mobile-player-badges{padding:0 16px 12px}.mobile-player-badges:empty{display:none}

.mobile-standing-identity{display:flex;flex-direction:column;gap:8px;min-width:0}.mobile-standing-identity .rop-earned-badges{margin:0;flex-wrap:wrap}

.e-badges:not(:has(button)),.rop-earned-badges:not(:has(button)){display:none}

/* Custom badge artwork uses the same vector canvas and dimensions as standard icons. */
.cb-icon svg{display:block;width:32px;height:32px}.cb-display-card .cb-icon svg{width:40px;height:40px}.cb-player-chip svg{display:block;width:21px;height:21px}.rop-earned-badges .cb-player-chip{width:28px;min-width:28px;height:29px}.rop-earned-badges .cb-player-chip svg{width:26px;height:26px}

.cb-player-chip{width:28px;min-width:28px;height:29px}.cb-player-chip svg{width:26px;height:26px}