/* Postbit chip */
.xpbadges-chip{font-weight:600;}

/* Badge tiles */
.kz-badge-card{position:relative;display:flex;align-items:center;justify-content:center;width:72px;height:72px;cursor:pointer;}
.kz-badge-img{transition:filter .2s ease,opacity .2s ease;}
.kz-badge-locked .kz-badge-img{filter:grayscale(1) brightness(.8) contrast(1.1);opacity:.35;}
.kz-badge-earned .kz-badge-img{filter:none;opacity:1;}

/* Modal (hidden by default) */
.xpbadges-modal{position:fixed; inset:0; z-index:9999;}
.xpbadges-modal[aria-hidden="true"],
.xpbadges-modal[hidden]{display:none !important;}
.xpbadges-no-scroll{overflow:hidden;}
.xpbadges-modal__backdrop{position:absolute; inset:0; background:rgba(0,0,0,.6);}
.xpbadges-modal__dialog{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  background:#111; border:1px solid rgba(255,255,255,.08); border-radius:12px; min-width:280px; max-width:420px; padding:20px;}
.xpbadges-modal__close{position:absolute; top:6px; right:10px; border:0; background:transparent; color:#fff; font-size:24px; line-height:1; cursor:pointer;}
.xpbadges-modal__body{display:flex; flex-direction:column; align-items:center; gap:10px; color:#ddd; text-align:center;}
.xpbadges-modal__title{margin:6px 0 0 0; color:#fff;}
.xpbadges-modal__desc{margin:0; color:#9aa4ad; font-size:14px;}
.xpbadges-dot{display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--kz-kingz-green-color, #16a34a); margin-right:6px; vertical-align:middle;}
.xpbadges-modal__earned{color:var(--kz-kingz-green-color, #16a34a); font-weight:600; font-size:13px;}