/*
 * ModCenter × CrossBanned – offizielle API-Integration
 * (Logo von CrossBanned mit Erlaubnis: /img/partners/crossbanned-x.png)
 */
.pcb { --pcb-accent: #9146ff; --pcb-accent-2: #c9b0ff; --pcb-text: #f1eef7; --pcb-muted: #a59eb6; --pcb-line: rgba(255, 255, 255, .08);
  position: relative; overflow: hidden; display: grid; justify-items: center; gap: 10px; padding: 22px 20px; text-align: center;
  border-radius: 16px; border: 1px solid var(--pcb-line); color: var(--pcb-text); font-family: inherit;
  /* neutral wie die übrigen Karten – Farbe nur als Akzent */
  background: rgba(255, 255, 255, .025); }
.pcb::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px;
  background: linear-gradient(90deg, transparent, var(--pcb-accent) 30%, var(--pcb-accent-2) 70%, transparent); opacity: .7; }
.pcb-logos { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px 14px; }
.pcb-brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; font-size: 22px; letter-spacing: -.01em; white-space: nowrap; }
.pcb-mc { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 11px; background: var(--pcb-accent);
  color: #fff; font: 800 15px/1 ui-monospace, "Cascadia Mono", Consolas, monospace; letter-spacing: .02em; }
.pcb-x { width: 46px; height: auto; display: block; }
.pcb-cb { font-size: 21px; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; }
.pcb-times { color: var(--pcb-muted); font-size: 20px; font-weight: 300; }
.pcb-pill { display: inline-flex; align-items: center; gap: 8px; padding: 5px 14px; border-radius: 999px; border: 1px solid rgba(145, 70, 255, .35);
  background: rgba(145, 70, 255, .1); color: var(--pcb-accent-2); font-weight: 700; font-size: 13px; }
.pcb-pill svg { width: 16px; height: 16px; flex: none; }
.pcb-sub { margin: 0; color: var(--pcb-muted); font-size: 13.5px; }
.pcb-feats { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 4px; }
.pcb-feat { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 10px; border: 1px solid var(--pcb-line);
  background: rgba(255, 255, 255, .02); color: var(--pcb-muted); font-size: 13px; font-weight: 600; }
.pcb-feat svg { width: 18px; height: 18px; color: var(--pcb-accent-2); flex: none; }
.pcb > * { position: relative; z-index: 1; }

/* kompakt (in Karten) */
.pcb.is-compact { padding: 14px 16px; gap: 8px; border-radius: 14px; }
.pcb.is-compact .pcb-brand { font-size: 17px; gap: 8px; }
.pcb.is-compact .pcb-mc { width: 32px; height: 32px; border-radius: 9px; font-size: 12px; }
.pcb.is-compact .pcb-x { width: 36px; }
.pcb.is-compact .pcb-cb { font-size: 16px; }
.pcb.is-compact .pcb-pill { font-size: 12.5px; padding: 4px 12px; }
.pcb.is-compact .pcb-sub { font-size: 12px; }

/* kleines Abzeichen (Liste, Kartei) */
.pcb-badge { display: inline-flex; align-items: center; gap: 5px; padding: 1px 8px 1px 4px; border-radius: 999px; vertical-align: middle;
  border: 1px solid rgba(145, 70, 255, .3); background: rgba(145, 70, 255, .1); color: #c9b0ff; font-size: 11px; font-weight: 700; letter-spacing: .01em; white-space: nowrap; }
.pcb-badge img { width: 16px; height: auto; display: block; }

@media (max-width: 520px) {
  .pcb-brand { font-size: 18px; }
  .pcb-cb { font-size: 17px; }
  .pcb-times { display: none; }
}