.zg-mini-box{
    position:fixed; right:16px; bottom:16px; z-index:9999;
    background:#fff; border:1px solid #ddd; padding:10px 14px; border-radius:10px;
    box-shadow:0 8px 30px rgba(0,0,0,.1); font-size:14px;
}
.zg-profile .zg-badges{ list-style: none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.zg-profile .zg-badges li{ background:#f6f8f9; border:1px solid #e5e8ea; padding:6px 10px; border-radius:8px; }
.zg-log{ border-bottom:1px dashed #e5e5e5; padding:6px 0; }
.zg-leaderboard ol{ margin:0; padding-left:20px; }

/* Badges grid */
.zg-badges-grid{
    list-style:none; margin:10px 0 0; padding:0;
    display:grid; gap:12px; grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
}
.zg-badge{
    display:flex; align-items:center; gap:10px;
    background:#fff; border:1px solid #e6eaee; border-radius:12px; padding:10px;
    box-shadow:0 6px 16px rgba(0,0,0,.04);
}
.zg-badge-link{ display:flex; align-items:center; gap:10px; color:inherit; text-decoration:none; width:100%; }
.zg-badge-thumb{ width:48px; height:48px; border-radius:50%; overflow:hidden; background:#f3f4f6; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.zg-badge-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.zg-badge-fallback{ font-size:22px; }
.zg-badge-meta{ display:flex; flex-direction:column; line-height:1.2; }
.zg-badge-title{ font-weight:600; font-size:14px; }
.zg-badge-date{ color:#6b7280; }