.level-badge{display:inline-flex;align-items:center;border-radius:40px;font-weight:600;letter-spacing:.3px;white-space:nowrap;border:1px solid transparent;transition:all .3s ease}.level-badge.level-bronze{background:#b8865a1f;color:#d4a574;border-color:#b8865a33}.level-badge.level-bronze:hover{background:#b8865a33;border-color:#b8865a4d}.level-badge.level-silver{background:#c0c0c014;color:silver;border-color:#c0c0c026;text-shadow:0 0 20px rgba(192,192,192,.1)}.level-badge.level-silver:hover{background:#c0c0c026;border-color:#c0c0c040}.level-badge.level-gold{background:#d4a57426;color:#f5d6a8;border-color:#d4a5744d;box-shadow:0 0 24px #d4a57414;text-shadow:0 0 30px rgba(212,165,116,.15)}.level-badge.level-gold:hover{background:#d4a57438;border-color:#d4a57466;box-shadow:0 0 40px #d4a57426}.level-progress{height:4px;border-radius:10px;background:#ffffff0d;overflow:hidden;margin-top:4px}.level-progress-fill{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#d4a574,#f5d6a8);transition:width .6s cubic-bezier(.4,0,.2,1)}.user-level-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.user-level-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.user-points{font-size:12px;color:#fff3}.user-points strong{color:#ffffff80;font-weight:500}.avatar-wrapper{position:relative;width:48px;height:48px;flex-shrink:0;border-radius:50%;overflow:hidden;border:1px solid rgba(212,165,116,.15);background:#1a1a2e;cursor:pointer;transition:all .3s ease}.avatar-wrapper:hover{border-color:#d4a5744d;box-shadow:0 0 20px #d4a57414}.avatar-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.avatar-wrapper .avatar-loading{width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#2a2535);animation:shimmer 1.2s ease-in-out infinite;display:flex;align-items:center;justify-content:center;font-size:20px;color:#ffffff1a}@keyframes shimmer{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.avatar-wrapper .avatar-overlay{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;color:#fff9;font-size:11px;gap:2px;border-radius:50%}.avatar-wrapper:hover .avatar-overlay{opacity:1}.avatar-wrapper .avatar-overlay .icon{font-size:18px}.user-info .avatar-wrapper{width:44px;height:44px}.avatar-wrapper.sm{width:32px;height:32px}.avatar-wrapper.sm .avatar-overlay .icon{font-size:14px}.avatar-wrapper.sm .avatar-overlay{font-size:9px}.avatar-wrapper.lg{width:64px;height:64px}.avatar-wrapper.lg .avatar-overlay .icon{font-size:24px}