.badge-variant-compact{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:50%;font-size:.8rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:help}.badge-variant-compact:hover{transform:scale(1.1);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.badge-variant-achievement{display:flex;align-items:center;gap:1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);padding:.75rem 1rem;border-radius:12px;transition:all .3s ease;text-align:left}.badge-variant-achievement:hover{transform:translateY(-2px);background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15);box-shadow:0 10px 25px -5px rgba(0,0,0,.3)}.badge-achievement-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;border:1px solid transparent}.badge-achievement-info{display:flex;flex-direction:column;min-width:0}.badge-achievement-name{font-size:.9rem;font-weight:700;color:#f7fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-achievement-desc{font-size:.75rem;color:#a0aec0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-variant-hero{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(255,255,255,.04);border:1.5px solid rgba(255,255,255,.1);border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;backdrop-filter:blur(10px)}.badge-variant-hero:hover{transform:translateY(-2px);background:rgba(255,255,255,.08)}.badge-variant-hero i{font-size:.85rem}