#badges .badgegen-intro{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}
#badges .badgegen-intro p{margin:0;color:var(--muted)}
#badges .badgegen-count{white-space:nowrap;padding:8px 13px;border-radius:999px;background:var(--soft);font-weight:800;color:var(--accent)}
#badges .badgegen-gallery{display:grid;gap:12px;padding:16px;margin-bottom:18px;border:1px solid var(--line);border-radius:16px;background:white}
#badges .badgegen-gallery-divider{display:flex;align-items:center;gap:12px;margin:5px 0;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
#badges .badgegen-gallery-divider::before,#badges .badgegen-gallery-divider::after{content:"";height:1px;flex:1;background:var(--line)}
#badges .badgegen-gallery-divider span{white-space:nowrap}
#badges .badgegen-level-icons{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}
#badges .badgegen-icon{position:relative}
#badges .badgegen-icon img{display:block;width:100px;height:100px;object-fit:contain}
#badges .badgegen-multiplier{position:absolute;top:1px;right:1px;display:grid;place-items:center;min-width:27px;height:27px;padding:0 6px;border:2px solid white;border-radius:999px;background:#d99a24;color:white;box-shadow:0 2px 7px #39280d55;font-size:14px;font-weight:900;line-height:1}
#badges .badgegen-table{min-width:700px}
#badges .badgegen-table-art{width:64px;padding:5px 8px}
#badges .badgegen-table-art img{display:block;width:54px;height:54px;object-fit:contain}
#badges .badgegen-table th[scope="row"]{text-align:left;white-space:nowrap}
#badges .badgegen-table tbody tr{background:#fff}
#badges .badgegen-table tbody tr:nth-child(4n+3),#badges .badgegen-table tbody tr:nth-child(4n+4){background:#faf7f1}
#badges .badgegen-main-row td,#badges .badgegen-main-row th{border-bottom:0;padding-bottom:4px}
#badges .badgegen-threshold-row td{padding-top:2px;color:var(--muted);white-space:nowrap}
#badges .badgegen-main-row:hover td,#badges .badgegen-main-row:hover th,#badges .badgegen-main-row:hover+.badgegen-threshold-row td,#badges .badgegen-main-row:has(+.badgegen-threshold-row:hover) td,#badges .badgegen-main-row:has(+.badgegen-threshold-row:hover) th,#badges .badgegen-threshold-row:hover td{background:var(--soft)}
#badges .badgegen-threshold-achieved{color:var(--accent)}
#badges .badgegen-threshold-pending{color:#b45309}
#badges .badgegen-threshold-unavailable{color:var(--muted)}
#badges .badgegen-remaining{white-space:nowrap}
#badges .badgegen-license{margin-top:18px}
#badges .badgegen-license a{font-weight:700}
@media(min-width:751px){#badges .badgegen-intro{gap:14px;margin-bottom:14px}#badges .badgegen-count{padding:6px 10px}#badges .badgegen-gallery{gap:8px;padding:12px;margin-bottom:14px;border-radius:12px}#badges .badgegen-level-icons{gap:6px}#badges .badgegen-icon img{width:82px;height:82px}#badges .badgegen-table-art{width:54px;padding:4px 7px}#badges .badgegen-table-art img{width:44px;height:44px}#badges .badgegen-license{margin-top:14px}}
@media(max-width:750px){#badges .badgegen-intro{align-items:flex-start;flex-direction:column}#badges .badgegen-icon img{width:82px;height:82px}}
@media(max-width:430px){#badges .badgegen-gallery{gap:10px;padding:10px}#badges .badgegen-level-icons{gap:5px}#badges .badgegen-icon img{width:70px;height:70px}}