.user-shield-avatar{-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.user-shield-avatar.variant-compact{aspect-ratio:1}.user-shield-avatar.variant-compact .shield-avatar-viewport{width:50%;height:50%;top:54%;left:50%;transform:translate(-50%,-50%)}.user-shield-avatar.variant-full{aspect-ratio:1122/1402}.user-shield-avatar.variant-full .shield-avatar-viewport{aspect-ratio:1;width:48%;top:43.5%;left:50%;transform:translate(-50%,-50%)}.shield-avatar-viewport{z-index:1;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.shield-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.shield-avatar-initial{color:#fff;text-shadow:0 1px 3px #0006;background:radial-gradient(circle,#6366f1 0%,#3730a3 100%);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-weight:800;line-height:1;display:flex}.size-xs .shield-avatar-initial{font-size:.65rem}.size-sm .shield-avatar-initial{font-size:.8rem}.size-md .shield-avatar-initial{font-size:1.05rem}.size-lg .shield-avatar-initial{font-size:1.75rem}.size-xl .shield-avatar-initial{font-size:2.75rem}.shield-frame-img{object-fit:contain;pointer-events:none;z-index:2;filter:drop-shadow(0 4px 8px #00000059);width:100%;height:100%;position:absolute;inset:0}.shield-level-badge{z-index:3;color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4338ca 100%);border:1.5px solid #ffffff4d;border-radius:8px;justify-content:center;align-items:center;padding:2px 7px;font-weight:800;line-height:1.2;display:flex;position:absolute;bottom:6%;left:4%;box-shadow:0 4px 10px #00000073}.size-sm .shield-level-badge{border-radius:4px;padding:1px 4px;font-size:.65rem}.size-md .shield-level-badge{border-radius:6px;padding:1px 5px;font-size:.75rem}.size-lg .shield-level-badge{border-radius:8px;padding:2px 7px;font-size:.85rem}.size-xl .shield-level-badge{border-radius:10px;padding:3px 10px;font-size:1rem}