.avatar{position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}.avatar[data-user-id]{cursor:pointer}.avatar-img{border-radius:50%;object-fit:cover;border:2px solid var(--outline);transition:border-color .3s,box-shadow .3s;display:block}.avatar.avatar-square .avatar-img{border-radius:var(--radius-md)}.avatar-xs{width:24px;height:24px}.avatar-xs .avatar-img{width:24px;height:24px;border-width:1px}.avatar-sm{width:32px;height:32px}.avatar-sm .avatar-img{width:32px;height:32px;border-width:2px}.avatar-md{width:40px;height:40px}.avatar-md .avatar-img{width:40px;height:40px;border-width:2px}.avatar-lg{width:48px;height:48px}.avatar-lg .avatar-img{width:48px;height:48px;border-width:2px}.avatar-xl{width:64px;height:64px}.avatar-xl .avatar-img{width:64px;height:64px;border-width:3px}.avatar-xxl{width:96px;height:96px}.avatar-xxl .avatar-img{width:96px;height:96px;border-width:3px}.avatar.level-tier-1 .avatar-img{border-color:#6b7280}.avatar.level-tier-2 .avatar-img{border-color:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.3)}.avatar.level-tier-3 .avatar-img{border-color:#3b82f6;box-shadow:0 0 10px rgba(59,130,246,.4)}.avatar.level-tier-4 .avatar-img{border-color:#a855f7;box-shadow:0 0 12px rgba(168,85,247,.5)}.avatar.level-tier-5 .avatar-img{border-color:#f97316;box-shadow:0 0 14px rgba(249,115,22,.5)}.avatar.level-tier-6 .avatar-img{border-color:#fbbf24;box-shadow:0 0 12px rgba(251,191,36,.45);animation:none!important}@property --orbit-angle{syntax:'<angle>';initial-value:0deg;inherits:false}.avatar.level-tier-6::before{content:'';position:absolute;inset:0;border-radius:50%;padding:2px;background:conic-gradient(from var(--orbit-angle),#f5c518 0deg,#fffbe6 40deg,#f5c518 95deg,#e0a90b 200deg,#f5c518 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:2.4s linear infinite legendary-orbit;pointer-events:none}.avatar.avatar-square.level-tier-6::before{border-radius:var(--radius-md)}.avatar.level-tier-7 .avatar-img{border-color:#ef4444;box-shadow:0 0 18px rgba(239,68,68,.6);animation:1.5s ease-in-out infinite mythic-pulse}.avatar.level-tier-8 .avatar-img{border-color:#00d4ff;box-shadow:0 0 20px rgba(0,212,255,.7);animation:3s linear infinite transcendent-rainbow}@keyframes legendary-orbit{from{--orbit-angle:0deg}to{--orbit-angle:360deg}}@keyframes mythic-pulse{0%,100%{box-shadow:0 0 14px rgba(239,68,68,.4)}50%{box-shadow:0 0 24px rgba(239,68,68,.8)}}@keyframes transcendent-rainbow{0%,100%{border-color:#ef4444;box-shadow:0 0 20px rgba(239,68,68,.6)}16%{border-color:#f97316;box-shadow:0 0 20px rgba(249,115,22,.6)}33%{border-color:#fbbf24;box-shadow:0 0 20px rgba(251,191,36,.6)}50%{border-color:#22c55e;box-shadow:0 0 20px rgba(34,197,94,.6)}66%{border-color:#3b82f6;box-shadow:0 0 20px rgba(59,130,246,.6)}83%{border-color:#a855f7;box-shadow:0 0 20px rgba(168,85,247,.6)}}.avatar-level{position:absolute;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-2) 0,var(--bg-3) 100%);border:1px solid var(--outline);border-radius:6px;font-weight:700;color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:1}.avatar-xs .avatar-level{bottom:-4px;right:-4px;min-width:14px;height:14px;font-size:.5rem;padding:0 2px;border-radius:4px}.avatar-sm .avatar-level{bottom:-4px;right:-4px;min-width:16px;height:16px;font-size:.55rem;padding:0 3px}.avatar-md .avatar-level{bottom:-5px;right:-5px;min-width:18px;height:18px;font-size:.6rem;padding:0 3px}.avatar-lg .avatar-level{bottom:-6px;right:-6px;min-width:20px;height:20px;font-size:.65rem;padding:0 4px}.avatar-xl .avatar-level{bottom:-6px;right:-6px;min-width:24px;height:24px;font-size:.75rem;padding:0 5px}.avatar-xxl .avatar-level{bottom:-8px;right:-8px;min-width:28px;height:28px;font-size:.85rem;padding:0 6px}.avatar.level-tier-1 .avatar-level{background:linear-gradient(135deg,#4b5563 0,#374151 100%);border-color:#6b7280}.avatar.level-tier-2 .avatar-level{background:linear-gradient(135deg,#16a34a 0,#15803d 100%);border-color:#22c55e}.avatar.level-tier-3 .avatar-level{background:linear-gradient(135deg,#2563eb 0,#1d4ed8 100%);border-color:#3b82f6}.avatar.level-tier-4 .avatar-level{background:linear-gradient(135deg,#9333ea 0,#7c3aed 100%);border-color:#a855f7}.avatar.level-tier-5 .avatar-level{background:linear-gradient(135deg,#ea580c 0,#c2410c 100%);border-color:#f97316}.avatar.level-tier-6 .avatar-level{background:linear-gradient(135deg,#d97706 0,#b45309 100%);border-color:#fbbf24}.avatar.level-tier-7 .avatar-level{background:linear-gradient(135deg,#dc2626 0,#b91c1c 100%);border-color:#ef4444}.avatar.level-tier-8 .avatar-level{background:linear-gradient(135deg,#0891b2 0,#0e7490 100%);border-color:#00d4ff;animation:3s linear infinite transcendent-rainbow}.avatar-online{position:absolute;top:0;right:0;width:10px;height:10px;background:#22c55e;border:2px solid var(--bg);border-radius:50%}.avatar-xs .avatar-online{width:6px;height:6px;border-width:1px}.avatar-sm .avatar-online{width:8px;height:8px}.avatar-xl .avatar-online,.avatar-xxl .avatar-online{width:12px;height:12px;border-width:3px}.avatar-identity{display:inline-flex;align-items:center;gap:8px;min-width:0}.avatar-identity-info{display:flex;flex-direction:column;min-width:0;gap:1px}.avatar-identity-header{display:flex;align-items:center;gap:4px;min-width:0}.avatar-name{font-weight:600;color:var(--neon-blue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;cursor:pointer;transition:color .15s}.avatar-name:hover{color:var(--neon-purple)}.avatar-subtitle{font-size:.78rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-identity-xs .avatar-name{font-size:.78rem}.avatar-identity-xs{gap:6px}.avatar-identity-sm .avatar-name{font-size:.85rem}.avatar-identity-sm{gap:8px}.avatar-identity-md .avatar-name{font-size:.9rem}.avatar-identity-lg .avatar-name{font-size:.95rem}.avatar-identity-lg{gap:10px}.avatar-identity-xl .avatar-name{font-size:1rem}.avatar-identity-xl{gap:12px}.avatar-identity-xxl .avatar-name{font-size:1.15rem}.avatar-identity-xxl{gap:14px}.avatar:hover .avatar-img{transform:scale(1.05)}.avatar .avatar-img{transition:transform .2s,border-color .3s,box-shadow .3s}